kiban-design-system 1.1.12 → 1.1.13

package/dist/index.cjs.js

@@ -40441,9 +40441,16 @@ const JsonViewer = ({
     }, `btn-down-${value}`);
   };
   const getLevel = (levelName, data, id, objTemplate = []) => {
+    const isArray = Object.prototype.toString.call(data) === "[object Array]";
     const primitiveValues = typeof data !== "string" ? getPrimitiveValues(Object(data)) : data; /** Get all primitive values from data, is data is already a string data is returned */
     const objectValues = getObjectValues(data); /** Get all objects from data */
-    const objectTemplate = Object.prototype.toString.call(data) === "[object Array]" /** Validate if data is an object */ ? getObjectTemplate(data) /** If it is an array, iterates within it to obtain the object that has more attributes than others to use as a template for the other objects in the array */ : objTemplate.length > 0 && Object.keys(primitiveValues).length === 0 /** If the objTemplate parameter is different from null and primitiveValues exist, it is because it continues to iterate within the same array (it makes recursion in this function) and the template is the same */ ? objTemplate : [];
+
+    // Check if this is an array of primitives (all values are primitives, no nested objects)
+    const isArrayOfPrimitives = isArray && objectValues && Object.keys(objectValues).length === 0 && primitiveValues && Object.keys(primitiveValues).length > 0;
+    const objectTemplate = isArray && !isArrayOfPrimitives /** Validate if data is an array and not an array of primitives */ ? getObjectTemplate(data) /** If it is an array, iterates within it to obtain the object that has more attributes than others to use as a template for the other objects in the array */ : objTemplate.length > 0 && Object.keys(primitiveValues).length === 0 /** If the objTemplate parameter is different from null and primitiveValues exist, it is because it continues to iterate within the same array (it makes recursion in this function) and the template is the same */ ? objTemplate : [];
+
+    // For arrays of primitives, use numeric indices sorted numerically
+    const keysToUse = isArrayOfPrimitives ? Object.keys(primitiveValues).map(key => parseInt(key, 10)).filter(num => !isNaN(num)).sort((a, b) => a - b).map(num => String(num)) : objectTemplate;
     let primitiveRender = /*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {});
     if (primitiveValues && Object.keys(primitiveValues).length > 0 || objectValues && Object.keys(objectValues).length > 0) {
       primitiveRender = /*#__PURE__*/jsxRuntime.jsx(Accordion, {
@@ -40452,7 +40459,7 @@ const JsonViewer = ({
         isParentClick: isParentClick,
         id: `${levelName}-${id}`,
         isLastSon: !(objectValues && Object.keys(objectValues).length > 0),
-        children: [primitiveValues && Object.keys(primitiveValues).length > 0 /** It validates if there is primitive calues and print them */ ? printPrimitiveValues(primitiveValues, id, objectTemplate) : null, objectValues && Object.keys(objectValues).length > 0 /** It validates that there are object type values, iterates over each one doing recursion when calling the function itself */ ? Object.keys(objectValues).map((key, index) => {
+        children: [primitiveValues && Object.keys(primitiveValues).length > 0 /** It validates if there is primitive calues and print them */ ? printPrimitiveValues(primitiveValues, id, keysToUse) : null, objectValues && Object.keys(objectValues).length > 0 /** It validates that there are object type values, iterates over each one doing recursion when calling the function itself */ ? Object.keys(objectValues).map((key, index) => {
           return getLevel(objectTemplate.length > 0 ? `${levelName}-${index + 1}` : key, objectValues[key], `${key}-${id}-${index}`, objectTemplate);
         }) : null]
       }, `json-accordion-${levelName}-${id}`);
@@ -40464,7 +40471,9 @@ const JsonViewer = ({
     data.forEach(element => {
       objectTemplate = getNewKeys(objectTemplate, Object.keys(getPrimitiveValues(element)));
     });
-    return objectTemplate.sort();
+    // Sort numerically if all keys are numeric, otherwise sort alphabetically
+    const allNumeric = objectTemplate.every(key => /^\d+$/.test(key));
+    return allNumeric ? objectTemplate.sort((a, b) => parseInt(a, 10) - parseInt(b, 10)) : objectTemplate.sort();
   };
   const getNewKeys = (objectTemplate, newKeys) => {
     newKeys.forEach(key => {