Fix TypeScript complexity issues for MUI v5 (#2)

* Add keywords to package.json, fix type imports in v7 tests

* Fix flex map ignoring responsive direction when transforming x/y

* Fix typescript complexity issues for MUI v5

* Bump version to 2.0.4-rc.0

Author: brandonscript

demos/shared/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-flexy-demo-shared",
-  "version": "2.0.3",
+  "version": "2.0.4-rc.0",
   "description": "Shared components for mui-flexy demos",
   "private": true,
   "dependencies": {

demos/v5/dist/bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "mui-flexy-demo-v5",
-  "version": "2.0.3",
+  "version": "2.0.4-rc.0",
   "description": "Demo server for mui-flexy v5",
   "private": true,
   "scripts": {

demos/v5/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-flexy-demo-v6",
-  "version": "2.0.3",
+  "version": "2.0.4-rc.0",
   "description": "Demo server for mui-flexy v6",
   "private": true,
   "scripts": {

demos/v6/dist/bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "mui-flexy-demo-v7",
-  "version": "2.0.3",
+  "version": "2.0.4-rc.0",
   "description": "Demo server for mui-flexy v7",
   "private": true,
   "scripts": {

demos/v6/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-flexy-docs",
-  "version": "2.0.3",
+  "version": "2.0.4-rc.0",
   "description": "Documentation for mui-flexy",
   "private": true,
   "type": "module",

demos/v7/dist/bundle.js

@@ -65,21 +65,29 @@ const stringOrArrayValue = (value, index)=>{
     }
 };
 const mapResponsiveObject = (direction, main, cross)=>{
-    return Object.fromEntries(Object.entries(direction ?? []).map(([key, d])=>{
+    return Object.fromEntries(Object.entries(direction ?? {}).map(([key, d])=>{
         if (typeof d !== "string") {
             throw new Error("Values for a flex direction ResponsiveStyleObject must be strings, e.g. { xs: 'row', sm: 'column' }");
         }
-        if (d.startsWith("column")) {
+        const target = d.startsWith("column") ? cross : main;
+        const aligned = mapAlignment(target);
+        if (aligned === undefined || aligned === null || typeof aligned === "string") {
             return [
                 key,
-                typeof cross === "string" ? cross : mapAlignment(cross)?.[key]
+                aligned
             ];
-        } else {
+        }
+        if (Array.isArray(aligned)) {
+            const index = Number(key);
             return [
                 key,
-                typeof main === "string" ? main : mapAlignment(main)?.[key]
+                Number.isNaN(index) ? undefined : aligned[index]
             ];
         }
+        return [
+            key,
+            aligned[key]
+        ];
     }));
 };
 const resolveAlignment = (direction, x, y)=>{

demos/v7/package.json

@@ -70,21 +70,29 @@ const stringOrArrayValue = (value, index)=>{
     }
 };
 const mapResponsiveObject = (direction, main, cross)=>{
-    return Object.fromEntries(Object.entries(direction ?? []).map(([key, d])=>{
+    return Object.fromEntries(Object.entries(direction ?? {}).map(([key, d])=>{
         if (typeof d !== "string") {
             throw new Error("Values for a flex direction ResponsiveStyleObject must be strings, e.g. { xs: 'row', sm: 'column' }");
         }
-        if (d.startsWith("column")) {
+        const target = d.startsWith("column") ? cross : main;
+        const aligned = mapAlignment(target);
+        if (aligned === undefined || aligned === null || typeof aligned === "string") {
             return [
                 key,
-                typeof cross === "string" ? cross : mapAlignment(cross)?.[key]
+                aligned
             ];
-        } else {
+        }
+        if (Array.isArray(aligned)) {
+            const index = Number(key);
             return [
                 key,
-                typeof main === "string" ? main : mapAlignment(main)?.[key]
+                Number.isNaN(index) ? undefined : aligned[index]
             ];
         }
+        return [
+            key,
+            aligned[key]
+        ];
     }));
 };
 const resolveAlignment = (direction, x, y)=>{