From 2f1cca13d6a9e8dc232a53a894849271ba073c10 Mon Sep 17 00:00:00 2001
From: 1ilit <1ilit@proton.me>
Date: Sun, 4 Aug 2024 17:02:29 +0300
Subject: [PATCH] Support unsigned types (#177)

---
 .../TablesTab/FieldDetails.jsx                | 38 +++++++++++++++++++
 src/data/databases.js                         |  2 +
 src/data/datatypes.js                         |  5 +++
 src/i18n/locales/en.js                        |  1 +
 src/utils/exportSQL/mariadb.js                |  2 +-
 src/utils/exportSQL/mysql.js                  |  2 +-
 6 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/src/components/EditorSidePanel/TablesTab/FieldDetails.jsx b/src/components/EditorSidePanel/TablesTab/FieldDetails.jsx
index f8d99c0..f844513 100644
--- a/src/components/EditorSidePanel/TablesTab/FieldDetails.jsx
+++ b/src/components/EditorSidePanel/TablesTab/FieldDetails.jsx
@@ -299,6 +299,44 @@ export default function FieldDetails({ data, tid, index }) {
           />
         </div>
       )}
+      {databases[database].hasUnsignedTypes &&
+        dbToTypes[database][data.type].signed && (
+          <div className="flex justify-between items-center my-3">
+            <div className="font-medium">{t("Unsigned")}</div>
+            <Checkbox
+              value="unsigned"
+              checked={data.unsigned}
+              onChange={(checkedValues) => {
+                setUndoStack((prev) => [
+                  ...prev,
+                  {
+                    action: Action.EDIT,
+                    element: ObjectType.TABLE,
+                    component: "field",
+                    tid: tid,
+                    fid: index,
+                    undo: {
+                      [checkedValues.target.value]:
+                        !checkedValues.target.checked,
+                    },
+                    redo: {
+                      [checkedValues.target.value]:
+                        checkedValues.target.checked,
+                    },
+                    message: t("edit_table", {
+                      tableName: tables[tid].name,
+                      extra: "[field]",
+                    }),
+                  },
+                ]);
+                setRedoStack([]);
+                updateField(tid, index, {
+                  unsigned: checkedValues.target.checked,
+                });
+              }}
+            />
+          </div>
+        )}
       <div className="font-semibold">{t("comment")}</div>
       <TextArea
         className="my-2"
diff --git a/src/data/databases.js b/src/data/databases.js
index 55c9187..58ffe76 100644
--- a/src/data/databases.js
+++ b/src/data/databases.js
@@ -13,6 +13,7 @@ export const databases = new Proxy(
       label: DB.MYSQL,
       image: mysqlImage,
       hasTypes: false,
+      hasUnsignedTypes: true,
     },
     [DB.POSTGRES]: {
       name: "PostgreSQL",
@@ -33,6 +34,7 @@ export const databases = new Proxy(
       label: DB.MARIADB,
       image: mariadbImage,
       hasTypes: false,
+      hasUnsignedTypes: true,
     },
     [DB.MSSQL]: {
       name: "MSSQL",
diff --git a/src/data/datatypes.js b/src/data/datatypes.js
index 541d760..106af82 100644
--- a/src/data/datatypes.js
+++ b/src/data/datatypes.js
@@ -279,6 +279,7 @@ const mysqlTypesBase = {
     isSized: false,
     hasPrecision: false,
     canIncrement: true,
+    signed: true,
   },
   SMALLINT: {
     type: "SMALLINT",
@@ -289,6 +290,7 @@ const mysqlTypesBase = {
     isSized: false,
     hasPrecision: false,
     canIncrement: true,
+    signed: true,
   },
   MEDIUMINT: {
     type: "MEDIUMINT",
@@ -299,6 +301,7 @@ const mysqlTypesBase = {
     isSized: false,
     hasPrecision: false,
     canIncrement: true,
+    signed: true,
   },
   INTEGER: {
     type: "INTEGER",
@@ -309,6 +312,7 @@ const mysqlTypesBase = {
     isSized: false,
     hasPrecision: false,
     canIncrement: true,
+    signed: true,
   },
   BIGINT: {
     type: "BIGINT",
@@ -319,6 +323,7 @@ const mysqlTypesBase = {
     isSized: false,
     hasPrecision: false,
     canIncrement: true,
+    signed: true,
   },
   DECIMAL: {
     type: "DECIMAL",
diff --git a/src/i18n/locales/en.js b/src/i18n/locales/en.js
index 1351788..944e44b 100644
--- a/src/i18n/locales/en.js
+++ b/src/i18n/locales/en.js
@@ -235,6 +235,7 @@ const en = {
     declare_array: "Declare array",
     empty_index_name: "Declared an index with no name in table '{{tableName}}'",
     didnt_find_diagram: "Oops! Didn't find the diagram.",
+    unsigned: "Unsigned",
   },
 };
 
diff --git a/src/utils/exportSQL/mariadb.js b/src/utils/exportSQL/mariadb.js
index 58d35f8..dc83b23 100644
--- a/src/utils/exportSQL/mariadb.js
+++ b/src/utils/exportSQL/mariadb.js
@@ -13,7 +13,7 @@ export function toMariaDB(diagram) {
             (field) =>
               `${exportFieldComment(field.comment)}\t\`${
                 field.name
-              }\` ${field.type}${field.notNull ? " NOT NULL" : ""}${
+              }\` ${field.type}${field.unsigned ? " UNSIGNED" : ""}${field.notNull ? " NOT NULL" : ""}${
                 field.increment ? " AUTO_INCREMENT" : ""
               }${field.unique ? " UNIQUE" : ""}${
                 field.default !== ""
diff --git a/src/utils/exportSQL/mysql.js b/src/utils/exportSQL/mysql.js
index 9f80401..e462ca6 100644
--- a/src/utils/exportSQL/mysql.js
+++ b/src/utils/exportSQL/mysql.js
@@ -13,7 +13,7 @@ export function toMySQL(diagram) {
             (field) =>
               `${exportFieldComment(field.comment)}\t\`${
                 field.name
-              }\` ${field.type}${field.size !== undefined && field.size !== "" ? "(" + field.size + ")" : ""}${
+              }\` ${field.type}${field.unsigned ? " UNSIGNED" : ""}${field.size !== undefined && field.size !== "" ? "(" + field.size + ")" : ""}${
                 field.notNull ? " NOT NULL" : ""
               }${
                 field.increment ? " AUTO_INCREMENT" : ""