New v2.0.6 (#52)

* remove unused apple entitlment * new version * table drag fix
MartinBarker · Feb 22, 2025 · c6213cd · c6213cd
1 parent 7df7ec3
commit c6213cd
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 48 deletions.
diff --git a/entitlements.mas.plist b/entitlements.mas.plist
@@ -10,8 +10,6 @@
 	</array>
 	<key>com.apple.security.network.client</key>
 	<true/>
-	<key>com.apple.security.network.server</key>
-	<true/>
 	<key>com.apple.security.files.user-selected.read-write</key>
 	<true/>
 </dict>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "RenderTune",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "Combine audio and image files to create video files",
   "type": "module",
   "main": "main.js",

diff --git a/src/Table/Table.js b/src/Table/Table.js
@@ -726,50 +726,58 @@ function Table({ data, setData, columns, rowSelection, setRowSelection, isImageT
 
   return (
     <div>
-      <table className={styles.table}>
-        <thead>
-          {table.getHeaderGroups().map((headerGroup) => (
-            <tr key={headerGroup.id} className={styles.headerRow}>
-              {headerGroup.headers.map((header) => (
-                <th key={header.id} className={styles.headerCell}>
-                  {flexRender(
-                    header.column.columnDef.header,
-                    header.getContext()
-                  )}
-                </th>
+      <input
+        type="text"
+        value={globalFilter}
+        onChange={(e) => setGlobalFilter(e.target.value)}
+        placeholder="Search..."
+        className={styles.search}
+      />
+      <button onClick={clearTable} className={styles.clearButton}>
+        Clear Table
+      </button>
+      <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
+        <SortableContext
+          items={data.map((row) => row.id)}
+          strategy={verticalListSortingStrategy}
+        >
+          <table className={styles.table}>
+            <thead>
+              {table.getHeaderGroups().map((headerGroup) => (
+                <tr key={headerGroup.id} className={styles.headerRow}>
+                  {headerGroup.headers.map((header) => (
+                    <th key={header.id} className={styles.headerCell}>
+                      {flexRender(
+                        header.column.columnDef.header,
+                        header.getContext()
+                      )}
+                    </th>
+                  ))}
+                </tr>
               ))}
-            </tr>
-          ))}
-        </thead>
-        <tbody>
-          {table.getRowModel().rows.map((row, rowIndex) => (
-            <Row
-              key={row.original.id}
-              row={row}
-              rowIndex={rowIndex}
-              toggleRowSelected={toggleRowSelected}
-              toggleRowExpanded={toggleRowExpanded}
-              isExpanded={!!expandedRows[row.id]}
-              removeRow={removeRow}
-              isImageTable={isImageTable}
-              isRenderTable={isRenderTable}
-              setImageFiles={setImageFiles}
-              setAudioFiles={setAudioFiles}
-              ffmpegCommand={ffmpegCommand}
-              setErrors={setErrors}
-              errors={errors}
-            />
-          ))}
-        </tbody>
-      </table>
-      <div className={styles.footer}>
-        <input
-          type="text"
-          value={globalFilter}
-          onChange={(e) => setGlobalFilter(e.target.value)}
-          placeholder="Search..."
-          className={styles.search}
-        />
+            </thead>
+            <tbody>
+              {table.getRowModel().rows.map((row, rowIndex) => (
+                <Row
+                  key={row.original.id}
+                  row={row}
+                  rowIndex={rowIndex}
+                  toggleRowSelected={toggleRowSelected}
+                  toggleRowExpanded={toggleRowExpanded}
+                  isExpanded={!!expandedRows[row.id]}
+                  removeRow={removeRow}
+                  isImageTable={isImageTable}
+                  isRenderTable={isRenderTable}
+                  setImageFiles={setImageFiles}
+                  setAudioFiles={setAudioFiles}
+                  ffmpegCommand={ffmpegCommand}
+                  setErrors={setErrors}
+                  errors={errors}
+                />
+              ))}
+            </tbody>
+          </table>
+        </SortableContext>
         <div className={styles.pagination}>
           <button
             onClick={() => table.previousPage()}
@@ -816,7 +824,7 @@ function Table({ data, setData, columns, rowSelection, setRowSelection, isImageT
             <option value="all">All</option>
           </select>
         </div>
-      </div>
+      </DndContext>
       <div className={styles.footer}>
         <span>
           {Object.keys(rowSelection).length} of {data.length} rows selected
@@ -833,4 +841,4 @@ function Table({ data, setData, columns, rowSelection, setRowSelection, isImageT
   );
 }
 
-export default Table;
+export default Table;