@lvce-editor/ports-view 0.4.0 → 0.5.0

package/dist/portsViewWorkerMain.js

@@ -2267,16 +2267,8 @@ const cancelButton = {
   onClick: HandleCancelAddPort,
   type: Button
 };
-const getEditor = state => {
-  const {
-    addPortError,
-    addPortValue
-  } = state;
+const getPortInputDom = addPortValue => {
   return [{
-    childCount: addPortError ? 4 : 3,
-    className: AddPortEditor,
-    type: Div
-  }, {
     ariaLabel: portNumber(),
     childCount: 0,
     className: AddPortInput,
@@ -2286,13 +2278,27 @@ const getEditor = state => {
     placeholder: portNumber(),
     type: Input,
     value: addPortValue
-  }, {
+  }];
+};
+const getButtonsDom = addPortValue => {
+  return [{
     childCount: 1,
     className: AddPortButton,
     disabled: addPortValue.length === 0,
     onClick: HandleSubmitAddPort,
     type: Button
-  }, text(add()), cancelButton, text(cancel()), ...getErrorDom(addPortError)];
+  }, text(add()), cancelButton, text(cancel())];
+};
+const getEditor = state => {
+  const {
+    addPortError,
+    addPortValue
+  } = state;
+  return [{
+    childCount: addPortError ? 4 : 3,
+    className: AddPortEditor,
+    type: Div
+  }, ...getPortInputDom(addPortValue), ...getButtonsDom(addPortValue), ...getErrorDom(addPortError)];
 };
 
 const addButton = {
@@ -2318,9 +2324,13 @@ const getPortsFooterVirtualDom = state => {
   return [footer, footerContent, ...content];
 };
 
+const getPortStatusText = active => {
+  return active ? '●' : '○';
+};
 const getPortsStatusVirtualDom = (active, port) => {
   const label = active ? portIsActive(port) : portIsInactive(port);
   const stateClass = active ? PortsStatusIconActive : PortsStatusIconInactive;
+  const statusText = getPortStatusText(active);
   return [{
     ariaLabel: label,
     childCount: 1,
@@ -2333,7 +2343,7 @@ const getPortsStatusVirtualDom = (active, port) => {
     className: mergeClassNames(PortsStatusIcon, stateClass),
     name: `port-status-${port}`,
     type: Span
-  }, text(active ? '●' : '○')];
+  }, text(statusText)];
 };
 
 const getRowClassName = port => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/ports-view",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Ports View Worker",
   "repository": {
     "type": "git",