native-document 1.0.139 → 1.0.141

package/src/components/switch/Switch.js

@@ -1,32 +1,60 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
+import { $ } from '../../../index'
 
-function Switch(config = {}) {
+export default function Switch(props = {}) {
     if (!(this instanceof Switch)) {
-        return new Switch(config);
+        return new Switch(props);
     }
 
-    this.$description = {
+    BaseComponent.call(this, props);
 
+    this.$description = {
+        value: $(false),
+        label: null,
+        labelPosition: $('right'),
+        variant: $('primary'),
+        outline: false,
+        disabled: false,
+        loading: false,
+        readonly: false,
+        onIcon: null,
+        offIcon: null,
+        innerOnLabel: null,
+        innerOffLabel: null
     };
 }
 
-BaseComponent.extends(Switch, HasEventEmitter);
+BaseComponent.extends(Switch);
+BaseComponent.use(Switch, HasEventEmitter);
 
 // Theming
 Switch.defaultTemplate = null;
 Switch.use = function(template) {
-
+    Switch.defaultTemplate = template;
 };
 
-Switch.prototype.model = function(value) {};
-Switch.prototype.value = function() {};
+Switch.prototype.model = function(value) {
+    this.$description.value = BaseComponent.obs(value);
+    return this;
+};
 
-Switch.prototype.label = function(label) {};
-Switch.prototype.labelPosition = function(position) {};
+Switch.prototype.label = function(label) {
+    this.$description.label = label;
+    return this;
+};
+Switch.prototype.innerLabel = function(onLabel, offLabel) {
+    this.$description.innerOnLabel  = onLabel;
+    this.$description.innerOffLabel = offLabel;
+    return this;
+};
+Switch.prototype.labelPosition = function(position) {
+    this.$description.labelPosition = position;
+    return this;
+};
 
 Switch.prototype.variant = function(name) {
-    this.$description.variant = name;
+    this.$description.variant.set(name);
     return this;
 };
 Switch.prototype.primary = function() {
@@ -56,23 +84,36 @@ Switch.prototype.outline = function() {
 };
 
 Switch.prototype.disabled = function(condition = true) {
-    this.$description.disabled = condition;
+    this.$description.disabled = BaseComponent.obs(condition);
     return this;
 };
 Switch.prototype.loading = function(isLoading = true) {
-    this.$description.loading = isLoading;
+    this.$description.loading = BaseComponent.obs(isLoading);
     return this;
 };
 Switch.prototype.readonly = function(condition = true) {
-    this.$description.readonly = condition;
+    this.$description.readonly = BaseComponent.obs(condition);
     return this;
 };
 
-Switch.prototype.icon = function(onIcon, offIcon) {};
+Switch.prototype.icon = function(onIcon, offIcon) {
+    this.$description.offIcon = offIcon;
+    this.$description.onIcon = onIcon;
+    return this;
+};
 
-Switch.prototype.toggle = function() {};
-Switch.prototype.on = function() {};
-Switch.prototype.off = function() {};
+Switch.prototype.toggle = function() {
+    this.$description.value.toggle();
+    return this;
+};
+Switch.prototype.on = function() {
+    this.$description.value.set(true);
+    return this;
+};
+Switch.prototype.off = function() {
+    this.$description.value.set(false);
+    return this;
+};
 
 Switch.prototype.onChange = function(handler) {
     this.on('change', handler);
@@ -85,15 +126,4 @@ Switch.prototype.onOn = function(handler) {
 Switch.prototype.onOff = function(handler) {
     this.on('off', handler);
     return this;
-};
-
-// Render
-Switch.prototype.render = function(renderFn) {
-    this.$description.render = renderFn;
-    return this;
-};
-
-Switch.prototype.$build = function() {
-
-};
-Switch.prototype.toNdElement = function() {};
+};

package/src/components/switch/index.js

@@ -0,0 +1,6 @@
+import Switch from './Switch';
+
+
+export {
+    Switch,
+}

package/src/components/table/Column.js

@@ -1,5 +1,5 @@
 
-export default function Column(key, configs = {}) {
+export default function Column(key, props = {}) {
     this.$description = {
         key,
         align: null,
@@ -8,23 +8,25 @@ export default function Column(key, configs = {}) {
         header: null,
         render: null,
         colspan: null,
+        pinned: null,
         rowspan: null,
-        ...configs
+        sortable: null,
+        onClick: null,
+        props
     };
 }
 
-Column.defaultRender = null;
-Column.defaultHeader = null;
+Column.defaultTemplate = null;
 
 Column.use = function(template) {
-    Column.defaultRender = template.render || Column.defaultRender;
-    Column.defaultHeader = template.header || Column.defaultHeader;
+    Column.defaultTemplate = template;
 };
 
 Column.prototype.isColumn = true;
 
 Column.prototype.sortable = function(customSortFn = null) {
     this.$description.sortable = customSortFn;
+    return this;
 };
 
 Column.prototype.searchable = function() {
@@ -37,6 +39,21 @@ Column.prototype.hidden = function() {
     return this;
 };
 
+Column.prototype.pinned = function(orientation) {
+    this.$description.pinned = orientation;
+    return this;
+};
+
+Column.prototype.pinnedAtLeft = function() {
+    this.$description.pinned = 'left';
+    return this;
+};
+
+Column.prototype.pinnedAtRight = function() {
+    this.$description.pinned = 'right';
+    return this;
+};
+
 Column.prototype.visible = function(condition = true) {
     this.$description.visible = condition;
     return this;
@@ -85,22 +102,7 @@ Column.prototype.value = function(value) {
     return this;
 };
 
-
-Column.prototype.buildHeader = function(rowSpan = null) {
-    const header = this.$description.header;
-    if(typeof header === 'function') {
-        return header(this);
-    }
-    return THeadCell({ rowspan: rowSpan  }, header);
-};
-
-Column.prototype.buildCell = function(rowData) {
-    const render = this.$description.render || Column.defaultRender;
-    if(typeof render === 'string' && rowData[render] !== undefined) {
-        return rowData[render];
-    }
-    if(typeof render === 'function') {
-        return render(rowData, this);
-    }
-    return rowData[this.$description.key] ?? null;
+Column.prototype.onClick = function(handler) {
+    this.$description.onClick = handler;
+    return this;
 };

package/src/components/table/ColumnGroup.js

@@ -1,18 +1,18 @@
 import Column from "./Column";
 import { THeadCell } from "../../../elements";
 
-export default function ColumnGroup(title, configs = {}) {
+export default function ColumnGroup(title, props = {}) {
     this.$description = {
         header: title,
         columns: [],
         align: null,
-        ...configs
+        props
     };
 };
 
-ColumnGroup.defaultHeader = null;
+ColumnGroup.defaultTemplate = null;
 ColumnGroup.use = function(template) {
-    ColumnGroup.defaultHeader = template.header || ColumnGroup.defaultHeader;
+    ColumnGroup.defaultTemplate = template;
 };
 
 ColumnGroup.prototype.isGroup = true;
@@ -43,12 +43,3 @@ ColumnGroup.prototype.align = function(align) {
     this.$description.align = align;
     return this;
 };
-
-
-ColumnGroup.prototype.buildHeader = function() {
-    const header = this.$description.header || ColumnGroup.defaultHeader;
-    if(typeof header === 'function') {
-        return header(this);
-    }
-    return THeadCell({ colspan: this.$description.columns.length }, header);
-};