Allow columns to be hidden

ext-src/KanbnBoardPanel.ts

@@ -55,6 +55,7 @@ export default class KanbnBoardPanel {
         type: 'index',
         index,
         tasks,
+        hiddenColumns: index.options.hiddenColumns ?? [],
         startedColumns: index.options.startedColumns ?? [],
         completedColumns: index.options.completedColumns ?? [],
         dateFormat: KanbnBoardPanel.currentPanel._kanbn.getDateFormat(index)

src/App.tsx

@@ -13,6 +13,7 @@ function App() {
   const [name, setName] = useState('');
   const [description, setDescription] = useState('');
   const [columns, setColumns] = useState({});
+  const [hiddenColumns, setHiddenColumns] = useState([]);
   const [startedColumns, setStartedColumns] = useState([]);
   const [completedColumns, setCompletedColumns] = useState([]);
   const [dateFormat, setDateFormat] = useState('');
@@ -34,6 +35,7 @@ function App() {
             Object.values(event.data.index.columns).map(column => (column as string[]).map(taskId => tasks[taskId]))
           )
         ));
+        setHiddenColumns(event.data.hiddenColumns);
         setStartedColumns(event.data.startedColumns);
         setCompletedColumns(event.data.completedColumns);
         break;
@@ -58,6 +60,7 @@ function App() {
           name={name}
           description={description}
           columns={columns}
+          hiddenColumns={hiddenColumns}
           startedColumns={startedColumns}
           completedColumns={completedColumns}
           dateFormat={dateFormat}

src/Board.tsx

@@ -128,10 +128,11 @@ const filterTask = (task: KanbnTask, taskFilter: string) => {
   return result;
 };
 
-const Board = ({ name, description, columns, startedColumns, completedColumns, dateFormat, vscode }: {
+const Board = ({ name, description, columns, hiddenColumns, startedColumns, completedColumns, dateFormat, vscode }: {
   name: string,
   description: string,
   columns: Record<string, KanbnTask[]>,
+  hiddenColumns: string[],
   startedColumns: string[],
   completedColumns: string[],
   dateFormat: string,
@@ -176,6 +177,9 @@ const Board = ({ name, description, columns, startedColumns, completedColumns, d
           onDragEnd={result => onDragEnd(result, columns, setColumns, vscode)}
         >
           {Object.entries(columns).map(([columnName, column]) => {
+            if (hiddenColumns.indexOf(columnName) !== -1) {
+              return false;
+            }
             return (
               <div
                 className={[