fix: record keys should order a-z

innoai-tech · Dec 20, 2024 · e120871 · e120871
1 parent e31973a
commit e120871
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/nodepkg/jsoneditor/package.json b/nodepkg/jsoneditor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@innoai-tech/jsoneditor",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "monobundle": {
     "build": {
       "clean": true

diff --git a/nodepkg/jsoneditor/src/inputs/RecordInput.tsx b/nodepkg/jsoneditor/src/inputs/RecordInput.tsx
@@ -34,7 +34,15 @@ export const RecordInput = component$<{
             />
           }
         >
-          {[...props.typedef.entries(obj, props.ctx)].map(
+          {[...props.typedef.entries((() => {
+            const o: any = {};
+
+            for (const key of Object.keys(obj).toSorted()) {
+              o[key] = (obj as any)?.[key];
+            }
+
+            return o;
+          })(), props.ctx)].map(
             ([propName, propValue, propSchema]) => {
               if (!Object.hasOwn(obj, propName)) {
                 return null;

diff --git a/nodepkg/jsoneditor/src/inputs/ValueInput.tsx b/nodepkg/jsoneditor/src/inputs/ValueInput.tsx
@@ -529,7 +529,6 @@ export const ValueInputActions = styled("div")({
   roundedRight: "sm",
   display: "flex",
   px: 2,
-  py: 1,
   ml: -4
 });
 
@@ -579,8 +578,7 @@ export const ValueContainer = styled("div")({
   },
 
   "& textarea,input": {
-    border: "1px solid",
-    borderColor: "rgba(0,0,0,0)",
+    border: "none",
     flex: 1,
     rounded: "xs",
     containerStyle: "sys.surface-container-lowest",