Merge pull request #179 from trey-wallis/dev

Minimal theme support + menu upgrade

Author: decaf-dev

README.md

@@ -169,7 +169,7 @@ Once a tag has been added to a cell, you click on any cell that has that tag and
 
 ### Dates
 
-Dates can be rendered in cells that are in a column with the `date` type selected. To render a date please follow the format `mm/dd/yyyy` in your markdown.
+Dates can be rendered in cells that are in a column with the `date` type selected. To render a date please follow the format `yyyy/mm/dd` in your markdown.
 
 ### Checkboxes
 

manifest.json

@@ -6,5 +6,5 @@
 	"author": "Trey Wallis",
 	"authorUrl": "https://github.com/trey-wallis",
 	"isDesktopOnly": false,
-	"version": "3.5.0"
+	"version": "3.5.1"
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "obsidian-notion-like-tables",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Notion-like tables for Obsidian.md",
   "main": "main.js",
   "scripts": {
@@ -21,6 +21,7 @@
     "@types/lodash": "^4.14.180",
     "@types/node": "^16.11.26",
     "@types/react": "^17.0.40",
+    "@types/react-datepicker": "^4.4.1",
     "@types/react-dom": "^17.0.14",
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.2.0",
@@ -38,6 +39,7 @@
     "@mui/icons-material": "^5.5.0",
     "html-react-parser": "^1.4.9",
     "react": "^17.0.2",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^17.0.2",
     "uuid": "^8.3.2"
   },

package.json

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useRef } from "react";
 
 import EditableTd from "./components/EditableTd";
 import Table from "./components/Table";
-import DragMenu from "./components/DragMenu";
+import RowMenu from "./components/RowMenu";
 import EditableTh from "./components/EditableTh";
 
 import { initialHeader } from "./services/appData/state/header";
@@ -569,22 +569,19 @@ export default function App({
 	// const margin = previewStyle.viewWidth - previewStyle.sizerWidth;
 	// //The margin can be 0 when the window is small
 	// if (tableWidth <= previewStyle.sizerWidth || margin === 0) {
-	// 	// console.log("HERE1");
 	// 	//This will set the width to the size of the preview, being a max-width of 700px
 	// 	style = {
 	// 		left: "0px",
 	// 		width: "100%",
 	// 	};
 	// } else if (tableWidth <= previewStyle.viewWidth) {
-	// 	// console.log("HERE2");
 	// 	const calculatedMargin = previewStyle.viewWidth - tableWidth;
 	// 	const BUTTON_WIDTH = 30;
 	// 	style = {
 	// 		left: `-${calculatedMargin / 2 - BUTTON_WIDTH}px`,
 	// 		width: `${tableWidth}px`,
 	// 	};
 	// } else {
-	// 	console.log("HERE3");
 	// 	console.log(`-${margin / 2}px`);
 	// 	style = {
 	// 		left: `-${margin / 2}px`,
@@ -687,7 +684,7 @@ export default function App({
 									);
 								})}
 								<td className="NLT__td">
-									<DragMenu
+									<RowMenu
 										rowId={row.id}
 										isFirstRow={i === 0}
 										isLastRow={