native-document 1.0.247 → 1.0.248

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.247",
+  "version": "1.0.248",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/form/field/types/AddressSearchField.js

@@ -0,0 +1,60 @@
+import { $ } from '../../../../core/data/Observable';
+import Field from '../Field';
+
+
+export default function AddressSearchField(name, props = {}) {
+    if(!(this instanceof AddressSearchField)) {
+        return new AddressSearchField(name, props);
+    }
+
+    Field.call(this, name, 'input', props);
+
+    Object.assign(this.$description, {
+        renderSuggestion: null
+    });
+
+}
+
+AddressSearchField.defaultTemplate = null;
+
+AddressSearchField.prototype = Object.create(Field.prototype);
+AddressSearchField.prototype.constructor = AddressSearchField;
+
+/**
+ * Registers the render template for AddressSearchField.
+ * @param {(description: {
+ *     value: Observable<string>,
+ *     placeholder: string|null,
+ *     debounceMs: number,
+ *     disabled: Observable<boolean>|null,
+ *     loading: Observable<boolean>|null,
+ *     props: GlobalAttributes,
+ * }, instance: AddressSearchField) => NdChild} template
+ */
+AddressSearchField.use = function(template) {
+    AddressSearchField.defaultTemplate = template;
+};
+
+
+/**
+ * @param {Observable} $loading
+ * @return {this}
+ */
+AddressSearchField.prototype.loading = function($loading){
+    this.$description.loading = $loading;
+    return this;
+};
+
+/**
+ * @param {(sugesstion: *) => {}} callback
+ * @return {AddressSearchField}
+ */
+AddressSearchField.prototype.onSuggestions = function(callback){
+    this.$description.callback = callback;
+    return this;
+};
+
+AddressSearchField.prototype.renderSuggestion = function(renderFn){
+    this.$description.renderSuggestion = renderFn;
+    return this;
+};

package/src/components/form/field/types/SearchField.js

@@ -63,4 +63,13 @@ SearchField.prototype.constructor = SearchField;
 SearchField.prototype.debounce = function(ms) {
     this.$description.debounce = ms;
     return this;
-};
+};
+
+/**
+ * @param {Observable} $loading
+ * @return {this}
+ */
+SearchField.prototype.loading = function($loading){
+    this.$description.loading = $loading;
+    return this;
+};

package/src/components/list/ListGroup.js

@@ -149,4 +149,5 @@ ListGroup.prototype.hideIfEmpty = function() {
  */
 ListGroup.prototype.showTitleWhen = function($observable) {
     this.$description.showTitleWhen = $observable;
+    return this;
 };

package/src/components/map/address-map-picker/AddressMapPicker.js

@@ -0,0 +1,15 @@
+import BaseComponent from '../../BaseComponent';
+
+
+export default function AddressMapPicker() {
+    if(!(this instanceof AddressMapPicker)) {
+        return new AddressMapPicker();
+    }
+
+    this.$description = {
+
+    };
+
+};
+
+BaseComponent.extends(AddressMapPicker);

package/src/core/data/ObservableItem.js

@@ -646,6 +646,28 @@ ObservableItem.prototype.clone = function() {
     return new ObservableItem(clonedValue);
 };
 
+/**
+ * @param {ObservableItem} targetObservable
+ * @return {(function())|*}
+ */
+ObservableItem.prototype.sync = function(targetObservable) {
+    if(this === targetObservable) {
+        return () => {};
+    }
+
+    const updateTargetObservable = (newValue) => targetObservable.set(newValue);
+    const updateCurrentObservable = (newValue) => this.set(newValue);
+
+    this.subscribe(updateTargetObservable);
+    targetObservable.subscribe(updateCurrentObservable);
+
+
+    return () => {
+        this.unsubscribe(updateTargetObservable);
+        targetObservable.unsubscribe(updateCurrentObservable);
+    };
+};
+
 
 ObservableItem.prototype.fnSet = function(value) {
     return () => this.set(value);