@gfazioli/mantine-json-tree 0.10.0

package/dist/esm/lib/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../src/lib/utils.tsx"],"sourcesContent":["import { type TreeNodeData } from '@mantine/core';\n\nexport interface JSONTreeNodeData extends TreeNodeData {\n  nodeData?: {\n    type: ValueType;\n    value: any;\n    key?: string;\n    path: string;\n    itemCount?: number;\n    depth?: number;\n  };\n}\n\n/**\n * Type of a JSON value for rendering purposes.\n */\nexport type ValueType = 'object' | 'array' | 'string' | 'number' | 'boolean' | 'null' | 'undefined';\n\n/**\n * Get the type of a value for display purposes.\n */\nexport function getValueType(value: any): ValueType {\n  if (value === null) {\n    return 'null';\n  }\n  if (value === undefined) {\n    return 'undefined';\n  }\n  if (Array.isArray(value)) {\n    return 'array';\n  }\n  return typeof value as ValueType;\n}\n\n/**\n * Check if a value is expandable (object or array with content).\n */\nexport function isExpandable(value: any): boolean {\n  const type = getValueType(value);\n  if (type === 'object') {\n    return Object.keys(value).length > 0;\n  }\n  if (type === 'array') {\n    return value.length > 0;\n  }\n  return false;\n}\n\n/**\n * Format a primitive value for display.\n */\nexport function formatValue(value: any, type: ValueType): string {\n  if (type === 'string') {\n    return `\"${value}\"`;\n  }\n  if (type === 'null') {\n    return 'null';\n  }\n  if (type === 'undefined') {\n    return 'undefined';\n  }\n  return String(value);\n}\n\n/**\n * Get the count of items in an object or array.\n */\nexport function getItemCount(value: any): number {\n  if (Array.isArray(value)) {\n    return value.length;\n  }\n  if (typeof value === 'object' && value !== null) {\n    return Object.keys(value).length;\n    return 0;\n  }\n}\n\n/**\n * Convert JSON data to Mantine Tree format.\n */\nexport function convertToTreeData(\n  value: any,\n  key?: string,\n  path: string = 'root',\n  depth: number = 0\n): JSONTreeNodeData {\n  const type = getValueType(value);\n  const expandable = isExpandable(value);\n  const nodeValue = path;\n\n  if (!expandable) {\n    return {\n      value: nodeValue,\n      label: key || 'root',\n      nodeData: { type, value, key, path, depth },\n    };\n  }\n\n  const entries: [string, any][] =\n    type === 'array'\n      ? value.map((item: any, index: number) => [String(index), item] as [string, any])\n      : Object.entries(value);\n\n  const children = entries.map(([k, v]) => convertToTreeData(v, k, `${path}.${k}`, depth + 1));\n\n  return {\n    value: nodeValue,\n    label: key || 'root',\n    children,\n    nodeData: { type, value, key, path, itemCount: getItemCount(value), depth },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1 @@
+.me_e3fe2989{font-family:var(--json-tree-font-family);font-size:var(--json-tree-font-size)}.me_93bdc4d8{color:var(--json-tree-color-key);font-size:inherit;font-weight:500}.me_9bf8fdaa{background-color:transparent;border-radius:var(--mantine-radius-sm);font-family:var(--json-tree-font-family);font-size:inherit;padding:2px 6px}.me_9bf8fdaa[data-type=string]{color:var(--json-tree-color-string)}.me_9bf8fdaa[data-type=number]{color:var(--json-tree-color-number)}.me_9bf8fdaa[data-type=boolean]{color:var(--json-tree-color-boolean)}.me_9bf8fdaa[data-type=null],.me_9bf8fdaa[data-type=undefined]{color:var(--json-tree-color-null);font-style:italic}.me_cb75fd74{background-color:var(--json-tree-header-background-color,inherit);padding:var(--mantine-spacing-xs)}.me_cb75fd74[data-sticky=true]{position:sticky;top:var(--json-tree-header-sticky-offset,0);z-index:3}.me_7c12eea1{color:var(--json-tree-color-bracket);font-family:var(--json-tree-font-family);font-size:inherit;font-weight:700;user-select:none}.me_338ae66e{opacity:0;transition:opacity .15s ease}.me_338ae66e:focus,.me_e3fe2989:hover .me_338ae66e{opacity:1}.me_c97b8329{bottom:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:1px}.me_c97b8329[data-color-index="0"]{background-color:var(--json-tree-indent-guide-color-0)}.me_c97b8329[data-color-index="1"]{background-color:var(--json-tree-indent-guide-color-1)}.me_c97b8329[data-color-index="2"]{background-color:var(--json-tree-indent-guide-color-2)}.me_c97b8329[data-color-index="3"]{background-color:var(--json-tree-indent-guide-color-3)}.me_c97b8329[data-color-index="4"]{background-color:var(--json-tree-indent-guide-color-4)}

package/dist/styles.layer.css

@@ -0,0 +1 @@
+@layer mantine-json-tree {.me_e3fe2989{font-family:var(--json-tree-font-family);font-size:var(--json-tree-font-size)}.me_93bdc4d8{color:var(--json-tree-color-key);font-size:inherit;font-weight:500}.me_9bf8fdaa{background-color:transparent;border-radius:var(--mantine-radius-sm);font-family:var(--json-tree-font-family);font-size:inherit;padding:2px 6px}.me_9bf8fdaa[data-type=string]{color:var(--json-tree-color-string)}.me_9bf8fdaa[data-type=number]{color:var(--json-tree-color-number)}.me_9bf8fdaa[data-type=boolean]{color:var(--json-tree-color-boolean)}.me_9bf8fdaa[data-type=null],.me_9bf8fdaa[data-type=undefined]{color:var(--json-tree-color-null);font-style:italic}.me_cb75fd74{background-color:var(--json-tree-header-background-color,inherit);padding:var(--mantine-spacing-xs)}.me_cb75fd74[data-sticky=true]{position:sticky;top:var(--json-tree-header-sticky-offset,0);z-index:3}.me_7c12eea1{color:var(--json-tree-color-bracket);font-family:var(--json-tree-font-family);font-size:inherit;font-weight:700;user-select:none}.me_338ae66e{opacity:0;transition:opacity .15s ease}.me_338ae66e:focus,.me_e3fe2989:hover .me_338ae66e{opacity:1}.me_c97b8329{bottom:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:1px}.me_c97b8329[data-color-index="0"]{background-color:var(--json-tree-indent-guide-color-0)}.me_c97b8329[data-color-index="1"]{background-color:var(--json-tree-indent-guide-color-1)}.me_c97b8329[data-color-index="2"]{background-color:var(--json-tree-indent-guide-color-2)}.me_c97b8329[data-color-index="3"]{background-color:var(--json-tree-indent-guide-color-3)}.me_c97b8329[data-color-index="4"]{background-color:var(--json-tree-indent-guide-color-4)}}

package/dist/types/JsonTree.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Factory, MantineSize, StylesApiProps, type BoxProps } from '@mantine/core';
+export type JsonTreeDirection = 'clockwise' | 'counter-clockwise';
+export type JsonTreeStylesNames = 'root' | 'header';
+export type JsonTreeCssVariables = {
+    root: '--json-tree-font-family' | '--json-tree-color-string' | '--json-tree-color-number' | '--json-tree-color-boolean' | '--json-tree-color-null' | '--json-tree-color-key' | '--json-tree-font-size' | '--json-tree-color-bracket' | '--json-tree-indent-guide-color-0' | '--json-tree-indent-guide-color-1' | '--json-tree-indent-guide-color-2' | '--json-tree-indent-guide-color-3' | '--json-tree-indent-guide-color-4';
+    header: '--json-tree-header-background-color' | '--json-tree-header-sticky-offset';
+};
+export interface JsonTreeBaseProps {
+    /** The data to display (object, array, or any JSON-serializable value) */
+    data: unknown;
+    /** Whether nodes should be expanded by default @default false */
+    defaultExpanded?: boolean;
+    /** Maximum depth to auto-expand (0 = collapsed, -1 = expand all) @default 2 */
+    maxDepth?: number;
+    /** Callback when a node is clicked */
+    onNodeClick?: (path: string, value: any) => void;
+    /** Callback when a value is copied to clipboard */
+    onCopy?: (copy: string, value: unknown) => void;
+    /** Whether to show the root expand/collapse all button @default false */
+    withExpandAll?: boolean;
+    /** Size of the font @default 'xs' */
+    size?: MantineSize | (string & {}) | number;
+    /** Title displayed above the JSON tree  */
+    title?: React.ReactNode;
+    /** Whether to show item counts for objects and arrays @default false */
+    showItemsCount?: boolean;
+    /** Whether to show a copy to clipboard button for each node @default false */
+    withCopyToClipboard?: boolean;
+    /** Whether to show indent guides (vertical lines) for nested nodes @default false */
+    showIndentGuides?: boolean;
+    /** If set, the header is sticky @default `false` */
+    stickyHeader?: boolean;
+    /** Offset for the sticky header (e.g. to account for a fixed navbar) @default 0*/
+    stickyHeaderOffset?: number | string;
+}
+export interface JsonTreeProps extends BoxProps, JsonTreeBaseProps, StylesApiProps<JsonTreeFactory> {
+}
+export type JsonTreeFactory = Factory<{
+    props: JsonTreeProps;
+    ref: HTMLDivElement;
+    stylesNames: JsonTreeStylesNames;
+    vars: JsonTreeCssVariables;
+}>;
+export declare const defaultProps: Partial<JsonTreeProps>;
+export declare const JsonTree: import("@mantine/core").MantineComponent<{
+    props: JsonTreeProps;
+    ref: HTMLDivElement;
+    stylesNames: JsonTreeStylesNames;
+    vars: JsonTreeCssVariables;
+}>;

package/dist/types/index.d.mts

@@ -0,0 +1,2 @@
+export { JsonTree } from './JsonTree';
+export type { JsonTreeBaseProps, JsonTreeCssVariables, JsonTreeFactory, JsonTreeProps, JsonTreeStylesNames, } from './JsonTree';

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { JsonTree } from './JsonTree';
+export type { JsonTreeBaseProps, JsonTreeCssVariables, JsonTreeFactory, JsonTreeProps, JsonTreeStylesNames, } from './JsonTree';

package/dist/types/lib/render.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type MantineTheme, type RenderTreeNodePayload } from '@mantine/core';
+import type { JsonTreeProps } from '../JsonTree';
+/**
+ * Custom render function for Tree nodes with JSON formatting.
+ */
+export declare function renderJSONNode({ node, expanded, hasChildren, elementProps, tree }: RenderTreeNodePayload, _: MantineTheme, props: JsonTreeProps, onNodeClick?: (path: string, value: any) => void): React.JSX.Element;

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,35 @@
+import { type TreeNodeData } from '@mantine/core';
+export interface JSONTreeNodeData extends TreeNodeData {
+    nodeData?: {
+        type: ValueType;
+        value: any;
+        key?: string;
+        path: string;
+        itemCount?: number;
+        depth?: number;
+    };
+}
+/**
+ * Type of a JSON value for rendering purposes.
+ */
+export type ValueType = 'object' | 'array' | 'string' | 'number' | 'boolean' | 'null' | 'undefined';
+/**
+ * Get the type of a value for display purposes.
+ */
+export declare function getValueType(value: any): ValueType;
+/**
+ * Check if a value is expandable (object or array with content).
+ */
+export declare function isExpandable(value: any): boolean;
+/**
+ * Format a primitive value for display.
+ */
+export declare function formatValue(value: any, type: ValueType): string;
+/**
+ * Get the count of items in an object or array.
+ */
+export declare function getItemCount(value: any): number;
+/**
+ * Convert JSON data to Mantine Tree format.
+ */
+export declare function convertToTreeData(value: any, key?: string, path?: string, depth?: number): JSONTreeNodeData;

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@gfazioli/mantine-json-tree",
+  "version": "0.10.0",
+  "description": "A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth.",
+  "homepage": "https://gfazioli.github.io/mantine-json-tree/",
+  "packageManager": "yarn@4.0.1",
+  "license": "MIT",
+  "author": "Giovambattista Fazioli <giovambattista.fazioli@gmail.com>",
+  "keywords": [
+    "extension",
+    "json-tree",
+    "json-view",
+    "mantine",
+    "react",
+    "react-component",
+    "typescript"
+  ],
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/index.d.mts",
+        "default": "./dist/esm/index.mjs"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./styles.layer.css": "./dist/styles.layer.css"
+  },
+  "repository": "https://github.com/gfazioli/mantine-json-tree.git",
+  "peerDependencies": {
+    "@mantine/core": ">=7.0.0",
+    "@mantine/hooks": ">=7.0.0",
+    "@tabler/icons-react": "^3.34.0",
+    "react": "^18.x || ^19.x",
+    "react-dom": "^18.x || ^19.x"
+  },
+  "bugs": "https://github.com/gfazioli/mantine-json-tree/issues"
+}