pixel-react 1.10.2 → 1.10.3

package/lib/components/TableTree/Utils/addNewRow.d.ts

@@ -2,4 +2,6 @@ import { TreeNodeProps } from '../../../ComponentProps/TreeNodeProps';
 export declare const addNewRow: (treeData: TreeNodeProps[], newNode: {
     action?: "addAbove" | "addBelow" | "addInside";
     sourceId?: string;
+    error?: string;
+    value?: string;
 }) => TreeNodeProps[];

package/lib/components/TableTree/types.d.ts

@@ -26,6 +26,8 @@ export interface TableBodyProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;
@@ -67,6 +69,8 @@ export interface TreeTableProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;

package/lib/index.d.ts

@@ -1785,6 +1785,8 @@ interface TreeTableProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;

package/lib/index.esm.js

@@ -14448,6 +14448,7 @@ const AddModule = ({
   error,
   value = ''
 }) => {
+  console.log('🚀 ~ value:', value);
   const [text, setText] = useState(value);
   return jsxs(Fragment, {
     children: [jsxs("div", {
@@ -14455,7 +14456,8 @@ const AddModule = ({
       children: [jsx("input", {
         type: "text",
         className: "add-module-input",
-        onChange: e => setText(e.target.value)
+        onChange: e => setText(e.target.value),
+        value: text
       }), jsx(Icon, {
         className: "icons",
         name: "update_icon",
@@ -14465,7 +14467,9 @@ const AddModule = ({
         name: "close",
         onClick: onCancel
       })]
-    }), error]
+    }), jsx("small", {
+      children: error
+    })]
   });
 };
 
@@ -14522,7 +14526,8 @@ const TableCell = /*#__PURE__*/React__default.memo(({
       }), node.isNewNode && col.isTree ? jsx(AddModule, {
         onCancel: onAddCancel,
         onConfirm: onAddConfirm,
-        error: node?.error || ''
+        error: node?.error || '',
+        value: node.value
       }) : jsx("span", {
         className: "tree-table-td-content-text",
         children: prepareData(node, col)
@@ -14565,7 +14570,9 @@ const TableRow = /*#__PURE__*/React__default.memo(({
 const addNewRow = (treeData, newNode) => {
   const {
     sourceId,
-    action
+    action,
+    value = '',
+    error = ''
   } = newNode;
   if (!sourceId || !action) return treeData;
   const nodeMap = new Map(treeData.map(node => [node.key, node]));
@@ -14577,7 +14584,9 @@ const addNewRow = (treeData, newNode) => {
     hierarchy: sourceNode.hierarchy,
     sourceId: sourceNode.key,
     isNewNode: true,
-    key: 'new-node'
+    key: 'new-node',
+    value,
+    error
   };
   switch (action) {
     case 'addAbove':
@@ -14643,7 +14652,11 @@ const TreeTable = ({
   loadMore = () => {},
   tableBorder,
   height = 'auto',
-  newNode = {},
+  newNode = {
+    action: 'addInside',
+    sourceId: 'PAG1013',
+    value: 'newNode'
+  },
   onAddConfirm = _name => {},
   onAddCancel = () => {}
 }) => {