pixel-react 1.10.2 → 1.10.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/TableTree/Components/AddModule/AddModule.tsx

@@ -13,6 +13,7 @@ export const AddModule = ({
   error?: string;
   value?: string;
 }) => {
+  console.log('🚀 ~ value:', value);
   const [text, setText] = useState(value);
   return (
     <>
@@ -21,6 +22,7 @@ export const AddModule = ({
           type="text"
           className="add-module-input"
           onChange={(e) => setText(e.target.value)}
+          value={text}
         />
         <Icon
           className="icons"
@@ -29,7 +31,7 @@ export const AddModule = ({
         />
         <Icon className="icons" name="close" onClick={onCancel} />
       </div>
-      {error}
+      <small>{error}</small>
     </>
   );
 };

package/src/components/TableTree/Components/TableCell.tsx

@@ -97,6 +97,7 @@ const TableCell = React.memo(
               onCancel={onAddCancel}
               onConfirm={onAddConfirm}
               error={node?.error || ''}
+              value={node.value}
             />
           ) : (
             <span className="tree-table-td-content-text">

package/src/components/TableTree/TableTree.tsx

@@ -16,7 +16,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
   loadMore = () => {},
   tableBorder,
   height = 'auto',
-  newNode = {},
+  newNode = { action: 'addInside', sourceId: 'PAG1013', value: 'newNode' },
   onAddConfirm = (_name) => {},
   onAddCancel = () => {},
 }) => {

package/src/components/TableTree/Utils/addNewRow.ts

@@ -5,9 +5,11 @@ export const addNewRow = (
   newNode: {
     action?: 'addAbove' | 'addBelow' | 'addInside';
     sourceId?: string;
+    error?: string;
+    value?: string;
   }
 ) => {
-  const { sourceId, action } = newNode;
+  const { sourceId, action, value = '', error = '' } = newNode;
 
   if (!sourceId || !action) return treeData;
 
@@ -24,6 +26,8 @@ export const addNewRow = (
     sourceId: sourceNode.key,
     isNewNode: true,
     key: 'new-node',
+    value,
+    error,
   };
 
   switch (action) {

package/src/components/TableTree/types.ts

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