@uiw/react-json-view 2.0.0-alpha.3 → 2.0.0-alpha.4

package/README.md

@@ -687,7 +687,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
   /** Define the root node name. @default undefined */
   keyName?: string | number;
   /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-  objectSortKeys?: boolean | ((a: string, b: string) => number);
+  objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
   /** Set the indent-width for nested objects @default 15 */
   indentWidth?: number;
   /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/cjs/comps/KeyValues.js

@@ -47,11 +47,13 @@ var KeyValues = function KeyValues(props) {
         b = _ref4[0];
       return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
     }) : entries.sort(function (_ref5, _ref6) {
-      var _ref7 = (0, _slicedToArray2["default"])(_ref5, 1),
-        a = _ref7[0];
-      var _ref8 = (0, _slicedToArray2["default"])(_ref6, 1),
-        b = _ref8[0];
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
+      var _ref7 = (0, _slicedToArray2["default"])(_ref5, 2),
+        a = _ref7[0],
+        valA = _ref7[1];
+      var _ref8 = (0, _slicedToArray2["default"])(_ref6, 2),
+        b = _ref8[0],
+        valB = _ref8[1];
+      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b, valA, valB) : 0;
     });
   }
   var style = {

package/cjs/index.d.ts

@@ -37,7 +37,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** Define the root node name. @default undefined */
     keyName?: string | number;
     /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-    objectSortKeys?: boolean | ((a: string, b: string) => number);
+    objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
     /** Set the indent-width for nested objects @default 15 */
     indentWidth?: number;
     /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/esm/comps/KeyValues.js

@@ -36,9 +36,9 @@ export var KeyValues = props => {
       var [b] = _ref2;
       return typeof a === 'string' && typeof b === 'string' ? a.localeCompare(b) : 0;
     }) : entries.sort((_ref3, _ref4) => {
-      var [a] = _ref3;
-      var [b] = _ref4;
-      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b) : 0;
+      var [a, valA] = _ref3;
+      var [b, valB] = _ref4;
+      return typeof a === 'string' && typeof b === 'string' ? objectSortKeys(a, b, valA, valB) : 0;
     });
   }
   var style = {

package/esm/index.d.ts

@@ -37,7 +37,7 @@ export interface JsonViewProps<T extends object> extends React.DetailedHTMLProps
     /** Define the root node name. @default undefined */
     keyName?: string | number;
     /** Whether sort keys through `String.prototype.localeCompare()` @default false */
-    objectSortKeys?: boolean | ((a: string, b: string) => number);
+    objectSortKeys?: boolean | ((keyA: string, keyB: string, valueA: T, valueB: T) => number);
     /** Set the indent-width for nested objects @default 15 */
     indentWidth?: number;
     /** When set to `true`, `objects` and `arrays` are labeled with size @default true */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-json-view",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.4",
   "description": "JSON viewer for react.",
   "main": "cjs/index.js",
   "module": "esm/index.js",