@arcanejs/toolkit 0.5.1 → 1.0.0

package/dist/{chunk-4HHKW7VA.js → chunk-TOPIQUBZ.js}

@@ -1,9 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class; var _class2;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class; var _class2;
 
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/group.ts
+var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
 var GROUP_DEFAULT_STYLE = {
   direction: "horizontal"
 };
@@ -12,21 +13,31 @@ var DEFAULT_PROPS = {
   title: null,
   labels: null
 };
-var GroupHeader = (_class = class extends _chunkCFO5PSSKjs.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
+var GroupHeader = (_class = class extends _chunkADH7RZG5js.BaseParent {constructor(...args) { super(...args); _class.prototype.__init.call(this);_class.prototype.__init2.call(this); }
   __init() {this.validateChildren = () => {
   }}
   /** @hidden */
   __init2() {this.getProtoInfo = (idMap) => ({
+    namespace: "core",
     component: "group-header",
     key: idMap.getId(this),
     children: this.getChildren().map((c) => c.getProtoInfo(idMap))
   })}
 }, _class);
-var Group = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
+var Group = (_class2 = class extends _chunkADH7RZG5js.BaseParent {
   /** @hidden */
-  __init3() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
+  __init3() {this.events = new (0, _chunkADH7RZG5js.EventEmitter)()}
   constructor(props) {
-    super(DEFAULT_PROPS, props);_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);;
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onTitleChanged: "title-changed"
+        },
+        oldProps,
+        this.props
+      )
+    });_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);;
+    this.triggerInitialPropsUpdate();
   }
   __init4() {this.addListener = this.events.addListener}
   __init5() {this.removeListener = this.events.removeListener}
@@ -70,17 +81,18 @@ var Group = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
     const headers = [];
     for (const c of this.getChildren()) {
       const childProto = c.getProtoInfo(idMap);
-      if (childProto.component === "group-header") {
+      if (proto.isCoreComponent(childProto) && childProto.component === "group-header") {
         headers.push(childProto);
       } else {
         children.push(childProto);
       }
     }
     return {
+      namespace: "core",
       component: "group",
       key: idMap.getId(this),
       title: _nullishCoalesce(this.props.title, () => ( void 0)),
-      direction: this.props.direction,
+      direction: _nullishCoalesce(this.props.direction, () => ( DEFAULT_PROPS.direction)),
       border: this.props.border,
       wrap: this.props.wrap,
       children,
@@ -92,7 +104,7 @@ var Group = (_class2 = class extends _chunkCFO5PSSKjs.BaseParent {
   }}
   /** @hidden */
   __init15() {this.handleMessage = (message) => {
-    if (message.component === "group") {
+    if (proto.isCoreComponentMessage(message, "group")) {
       this.events.emit("title-changed", message.title);
     }
   }}

package/dist/{chunk-FLRGYURV.js → chunk-V5T44HCM.js}

@@ -1,15 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/label.ts
-var Label = class extends _chunkCFO5PSSKjs.Base {
+var Label = class extends _chunkADH7RZG5js.Base {
   constructor(props) {
     super({ text: null }, props);
   }
   /** @hidden */
   getProtoInfo(idMap) {
     return {
+      namespace: "core",
       component: "label",
       key: idMap.getId(this),
       bold: this.props.bold,

package/dist/{chunk-4X3QY5EP.js → chunk-ZLJECS4H.js}

@@ -1,20 +1,31 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } var _class;
 
 
-var _chunkCFO5PSSKjs = require('./chunk-CFO5PSSK.js');
+var _chunkADH7RZG5js = require('./chunk-ADH7RZG5.js');
 
 // src/backend/components/button.ts
+var _core = require('@arcanejs/protocol/core'); var proto = _interopRequireWildcard(_core);
 var DEFAULT_PROPS = {
   text: null,
   icon: null,
   mode: "normal",
-  error: null
+  error: null,
+  onClick: null
 };
-var Button = (_class = class extends _chunkCFO5PSSKjs.Base {
+var Button = (_class = class extends _chunkADH7RZG5js.Base {
   /** @hidden */
-  __init() {this.events = new (0, _chunkCFO5PSSKjs.EventEmitter)()}
+  __init() {this.events = new (0, _chunkADH7RZG5js.EventEmitter)()}
   constructor(props) {
-    super(DEFAULT_PROPS, props);_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);;
+    super(DEFAULT_PROPS, props, {
+      onPropsUpdated: (oldProps) => this.events.processPropChanges(
+        {
+          onClick: "click"
+        },
+        oldProps,
+        this.props
+      )
+    });_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);;
+    this.triggerInitialPropsUpdate();
   }
   __init2() {this.addListener = this.events.addListener}
   __init3() {this.removeListener = this.events.removeListener}
@@ -36,6 +47,7 @@ var Button = (_class = class extends _chunkCFO5PSSKjs.Base {
   /** @hidden */
   __init7() {this.getProtoInfo = (idMap) => {
     return {
+      namespace: "core",
       component: "button",
       key: idMap.getId(this),
       text: this.props.text || "",
@@ -45,7 +57,7 @@ var Button = (_class = class extends _chunkCFO5PSSKjs.Base {
   }}
   /** @hidden */
   __init8() {this.handleMessage = (message) => {
-    if (message.component === "button") {
+    if (proto.isCoreComponentMessage(message, "button")) {
       this.events.emit("click").then(() => {
         if (this.props.error) {
           this.updateProps({