@djangocfg/ui-tools 2.1.390 → 2.1.393

package/dist/chunk-ECONRHIG.mjs

@@ -1,212 +0,0 @@
-import { FloatingToolbar, ExpandAction, CopyAction, DownloadAction } from './chunk-KNEQRUBA.mjs';
-import { __name } from './chunk-N2XQF2OL.mjs';
-import { memo, useRef, useMemo, useState } from 'react';
-import { JSONTree } from 'react-json-tree';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var JSON_TREE_THEME = {
-  scheme: "djangocfg-dark",
-  base00: "transparent",
-  base01: "#1a1a1a",
-  base02: "#2a2a2a",
-  base03: "#6b7280",
-  base04: "#9ca3af",
-  base05: "#e5e7eb",
-  base06: "#f3f4f6",
-  base07: "#ffffff",
-  base08: "#ef4444",
-  // null, undefined
-  base09: "#f97316",
-  // numbers
-  base0A: "#eab308",
-  // strings
-  base0B: "#22c55e",
-  // booleans
-  base0C: "#06b6d4",
-  // dates, regex
-  base0D: "#3b82f6",
-  // keys
-  base0E: "#a855f7",
-  // functions
-  base0F: "#f43f5e"
-  // deprecations
-};
-var JsonContent = memo(({
-  data,
-  renderKey,
-  title,
-  showTitle,
-  padding,
-  collectionLimit,
-  preserveKeyOrder,
-  showCollectionInfo,
-  maxStringLength,
-  fontSize,
-  shouldExpandNodeInitially,
-  jsonTreeProps = {}
-}) => {
-  const getItemString = showCollectionInfo ? (nodeType, nodeData) => {
-    if (nodeType === "Array") {
-      const length = Array.isArray(nodeData) ? nodeData.length : 0;
-      return length > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-        "(",
-        length,
-        ")"
-      ] }) : null;
-    }
-    if (nodeType === "Object") {
-      const keys = nodeData && typeof nodeData === "object" ? Object.keys(nodeData) : [];
-      return keys.length > 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: `{${keys.length}}` }) : null;
-    }
-    return null;
-  } : () => null;
-  const postprocessValue = /* @__PURE__ */ __name((value) => {
-    if (typeof value === "string" && value.length > maxStringLength) {
-      return value.substring(0, maxStringLength) + "... (truncated)";
-    }
-    return value;
-  }, "postprocessValue");
-  const isCustomNode = /* @__PURE__ */ __name((value) => typeof value === "string" && (value.startsWith("http://") || value.startsWith("https://")), "isCustomNode");
-  return /* @__PURE__ */ jsxs("div", { className: `overflow-auto h-full ${padding}`, style: fontSize ? { fontSize } : void 0, children: [
-    showTitle && title && /* @__PURE__ */ jsx("h6", { className: "text-sm font-semibold text-foreground mb-2", children: title }),
-    /* @__PURE__ */ jsx(
-      JSONTree,
-      {
-        data,
-        theme: JSON_TREE_THEME,
-        invertTheme: false,
-        hideRoot: true,
-        shouldExpandNodeInitially,
-        getItemString,
-        postprocessValue,
-        isCustomNode,
-        collectionLimit,
-        sortObjectKeys: !preserveKeyOrder,
-        ...jsonTreeProps
-      },
-      renderKey
-    )
-  ] });
-});
-function useJsonExpand({
-  maxAutoExpandDepth,
-  maxAutoExpandArrayItems,
-  maxAutoExpandObjectKeys
-}) {
-  const [expandAll, setExpandAll] = useState(null);
-  const [renderKey, setRenderKey] = useState(0);
-  const isExpanded = expandAll === true || expandAll === null && maxAutoExpandDepth > 0;
-  const toggle = /* @__PURE__ */ __name(() => {
-    setExpandAll(isExpanded ? false : true);
-    setRenderKey((prev) => prev + 1);
-  }, "toggle");
-  const shouldExpandNodeInitially = /* @__PURE__ */ __name((_keyPath, nodeData, level) => {
-    if (expandAll === true) return true;
-    if (expandAll === false) return false;
-    if (level <= maxAutoExpandDepth) return true;
-    if (Array.isArray(nodeData) && nodeData.length <= maxAutoExpandArrayItems) return true;
-    if (nodeData && typeof nodeData === "object" && !Array.isArray(nodeData)) {
-      return Object.keys(nodeData).length <= maxAutoExpandObjectKeys;
-    }
-    return false;
-  }, "shouldExpandNodeInitially");
-  return { isExpanded, toggle, renderKey, shouldExpandNodeInitially };
-}
-__name(useJsonExpand, "useJsonExpand");
-
-// src/tools/JsonTree/types.ts
-var MODE_PRESETS = {
-  full: {
-    showExpandControls: true,
-    showActionButtons: true,
-    showCollectionInfo: true,
-    fontSize: "13px"
-  },
-  compact: {
-    showExpandControls: false,
-    showActionButtons: false,
-    showCollectionInfo: true,
-    fontSize: "11px",
-    maxAutoExpandDepth: 1
-  },
-  inline: {
-    showExpandControls: false,
-    showActionButtons: false,
-    showCollectionInfo: false,
-    fontSize: "11px",
-    maxAutoExpandDepth: 1
-  }
-};
-var JsonTreeComponent = memo(({
-  title,
-  data,
-  mode = "full",
-  config = {},
-  jsonTreeProps = {}
-}) => {
-  const containerRef = useRef(null);
-  const mergedConfig = useMemo(() => ({ ...MODE_PRESETS[mode], ...config }), [mode, config]);
-  const {
-    maxAutoExpandDepth = 2,
-    maxAutoExpandArrayItems = 10,
-    maxAutoExpandObjectKeys = 5,
-    maxStringLength = 200,
-    collectionLimit = 50,
-    showCollectionInfo = true,
-    showExpandControls = true,
-    showActionButtons = true,
-    className = "",
-    preserveKeyOrder = true,
-    fontSize
-  } = mergedConfig;
-  const { isExpanded, toggle, renderKey, shouldExpandNodeInitially } = useJsonExpand({
-    maxAutoExpandDepth,
-    maxAutoExpandArrayItems,
-    maxAutoExpandObjectKeys
-  });
-  const jsonString = useMemo(() => JSON.stringify(data, null, 2), [data]);
-  const containerClasses = useMemo(() => {
-    const base = "relative w-full";
-    switch (mode) {
-      case "full":
-        return `${base} border border-border rounded-sm ${className}`;
-      case "compact":
-        return `${base} border border-border/50 rounded-md ${className}`;
-      default:
-        return `${base} ${className}`;
-    }
-  }, [mode, className]);
-  const contentPadding = mode === "full" ? "p-4" : mode === "compact" ? "p-2" : "p-1";
-  const showControls = (showExpandControls || showActionButtons) && mode === "full";
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: containerClasses, children: [
-    showControls && /* @__PURE__ */ jsxs(FloatingToolbar, { containerRef, children: [
-      showExpandControls && /* @__PURE__ */ jsx(ExpandAction, { isExpanded, onToggle: toggle }),
-      showActionButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CopyAction, { value: jsonString, title: "Copy JSON" }),
-        /* @__PURE__ */ jsx(DownloadAction, { value: jsonString, filename: "data.json", mimeType: "application/json", title: "Download JSON" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      JsonContent,
-      {
-        data,
-        renderKey,
-        title,
-        showTitle: mode === "full",
-        padding: contentPadding,
-        collectionLimit,
-        preserveKeyOrder,
-        showCollectionInfo,
-        maxStringLength,
-        shouldExpandNodeInitially,
-        fontSize,
-        jsonTreeProps
-      }
-    )
-  ] });
-});
-var JsonTree_default = JsonTreeComponent;
-
-export { JsonTree_default };
-//# sourceMappingURL=chunk-ECONRHIG.mjs.map
-//# sourceMappingURL=chunk-ECONRHIG.mjs.map

package/dist/chunk-ECONRHIG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tools/JsonTree/components/JsonContent.tsx","../src/tools/JsonTree/hooks/useJsonExpand.ts","../src/tools/JsonTree/types.ts","../src/tools/JsonTree/index.tsx"],"names":["memo","jsxs","jsx"],"mappings":"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","file":"chunk-ECONRHIG.mjs","sourcesContent":["'use client';\n\nimport React, { memo } from 'react';\nimport { CommonExternalProps, JSONTree } from 'react-json-tree';\n\nconst JSON_TREE_THEME = {\n  scheme: 'djangocfg-dark',\n  base00: 'transparent',\n  base01: '#1a1a1a',\n  base02: '#2a2a2a',\n  base03: '#6b7280',\n  base04: '#9ca3af',\n  base05: '#e5e7eb',\n  base06: '#f3f4f6',\n  base07: '#ffffff',\n  base08: '#ef4444', // null, undefined\n  base09: '#f97316', // numbers\n  base0A: '#eab308', // strings\n  base0B: '#22c55e', // booleans\n  base0C: '#06b6d4', // dates, regex\n  base0D: '#3b82f6', // keys\n  base0E: '#a855f7', // functions\n  base0F: '#f43f5e', // deprecations\n};\n\ninterface JsonContentProps {\n  data: unknown;\n  renderKey: number;\n  title?: string;\n  showTitle: boolean;\n  padding: string;\n  collectionLimit: number;\n  preserveKeyOrder: boolean;\n  showCollectionInfo: boolean;\n  maxStringLength: number;\n  fontSize?: string;\n  shouldExpandNodeInitially: (keyPath: readonly (string | number)[], nodeData: unknown, level: number) => boolean;\n  jsonTreeProps?: Partial<CommonExternalProps>;\n}\n\n/**\n * JsonContent — react-json-tree wrapper with theming.\n *\n * Memoised: re-renders only when any prop changes. `data` is compared\n * by reference — the parent should not mutate the object in place.\n */\nconst JsonContent = memo(({\n  data,\n  renderKey,\n  title,\n  showTitle,\n  padding,\n  collectionLimit,\n  preserveKeyOrder,\n  showCollectionInfo,\n  maxStringLength,\n  fontSize,\n  shouldExpandNodeInitially,\n  jsonTreeProps = {},\n}: JsonContentProps) => {\n  const getItemString = showCollectionInfo\n    ? (nodeType: string, nodeData: unknown) => {\n        if (nodeType === 'Array') {\n          const length = Array.isArray(nodeData) ? nodeData.length : 0;\n          return length > 0 ? <span className=\"text-muted-foreground text-xs\">({length})</span> : null;\n        }\n        if (nodeType === 'Object') {\n          const keys = nodeData && typeof nodeData === 'object' ? Object.keys(nodeData) : [];\n          return keys.length > 0 ? <span className=\"text-muted-foreground text-xs\">{`{${keys.length}}`}</span> : null;\n        }\n        return null;\n      }\n    : () => null;\n\n  const postprocessValue = (value: unknown) => {\n    if (typeof value === 'string' && value.length > maxStringLength) {\n      return value.substring(0, maxStringLength) + '... (truncated)';\n    }\n    return value;\n  };\n\n  const isCustomNode = (value: unknown) =>\n    typeof value === 'string' && (value.startsWith('http://') || value.startsWith('https://'));\n\n  return (\n    <div className={`overflow-auto h-full ${padding}`} style={fontSize ? { fontSize } : undefined}>\n      {showTitle && title && (\n        <h6 className=\"text-sm font-semibold text-foreground mb-2\">{title}</h6>\n      )}\n      <JSONTree\n        key={renderKey}\n        data={data}\n        theme={JSON_TREE_THEME}\n        invertTheme={false}\n        hideRoot={true}\n        shouldExpandNodeInitially={shouldExpandNodeInitially}\n        getItemString={getItemString}\n        postprocessValue={postprocessValue}\n        isCustomNode={isCustomNode}\n        collectionLimit={collectionLimit}\n        sortObjectKeys={!preserveKeyOrder}\n        {...jsonTreeProps}\n      />\n    </div>\n  );\n});\n\nexport { JsonContent };\nexport default JsonContent;\n","'use client';\n\nimport { useState } from 'react';\n\ninterface UseJsonExpandOptions {\n  maxAutoExpandDepth: number;\n  maxAutoExpandArrayItems: number;\n  maxAutoExpandObjectKeys: number;\n}\n\n/**\n * Manages expand/collapse state for JsonTree.\n * null = smart auto-expand mode (uses depth/size heuristics)\n * true = all expanded (user override)\n * false = all collapsed (user override)\n */\nexport function useJsonExpand({\n  maxAutoExpandDepth,\n  maxAutoExpandArrayItems,\n  maxAutoExpandObjectKeys,\n}: UseJsonExpandOptions) {\n  const [expandAll, setExpandAll] = useState<boolean | null>(null);\n  const [renderKey, setRenderKey] = useState(0);\n\n  // Reflects the effective visual state — used to show correct icon\n  const isExpanded = expandAll === true || (expandAll === null && maxAutoExpandDepth > 0);\n\n  const toggle = () => {\n    setExpandAll(isExpanded ? false : true);\n    setRenderKey(prev => prev + 1);\n  };\n\n  const shouldExpandNodeInitially = (\n    _keyPath: readonly (string | number)[],\n    nodeData: unknown,\n    level: number,\n  ): boolean => {\n    if (expandAll === true) return true;\n    if (expandAll === false) return false;\n    // null = auto mode\n    if (level <= maxAutoExpandDepth) return true;\n    if (Array.isArray(nodeData) && nodeData.length <= maxAutoExpandArrayItems) return true;\n    if (nodeData && typeof nodeData === 'object' && !Array.isArray(nodeData)) {\n      return Object.keys(nodeData).length <= maxAutoExpandObjectKeys;\n    }\n    return false;\n  };\n\n  return { isExpanded, toggle, renderKey, shouldExpandNodeInitially };\n}\n","import { CommonExternalProps } from 'react-json-tree';\n\nexport type JsonTreeMode = 'full' | 'compact' | 'inline';\n\nexport interface JsonTreeConfig {\n  /** Maximum depth to expand automatically (default: 2) */\n  maxAutoExpandDepth?: number;\n  /** Maximum items in array to auto-expand (default: 10) */\n  maxAutoExpandArrayItems?: number;\n  /** Maximum object keys to auto-expand (default: 5) */\n  maxAutoExpandObjectKeys?: number;\n  /** Maximum string length before truncation (default: 200) */\n  maxStringLength?: number;\n  /** Collection limit for performance (default: 50) */\n  collectionLimit?: number;\n  /** Whether to show collection info (array length, object keys count) */\n  showCollectionInfo?: boolean;\n  /** Whether to show expand/collapse all buttons */\n  showExpandControls?: boolean;\n  /** Whether to show copy/download buttons */\n  showActionButtons?: boolean;\n  /** Custom CSS classes for the container */\n  className?: string;\n  /** Whether to preserve object key order (default: true) */\n  preserveKeyOrder?: boolean;\n  /** Font size for tree nodes (default: '12px' for compact/inline, '13px' for full) */\n  fontSize?: string;\n}\n\nexport interface JsonTreeComponentProps {\n  title?: string;\n  data: unknown;\n  /**\n   * Extra top offset in px for the floating toolbar — use when your layout\n   * has a non-sticky header that useNavbarHeight cannot auto-detect.\n   * Adds to the auto-detected navbar height.\n   */\n  toolbarOffset?: number;\n  /**\n   * Display mode:\n   * - \"full\" (default): With toolbar and border\n   * - \"compact\": No toolbar, subtle styling\n   * - \"inline\": Minimal, no border\n   */\n  mode?: JsonTreeMode;\n  config?: JsonTreeConfig;\n  /** Override for react-json-tree props */\n  jsonTreeProps?: Partial<CommonExternalProps>;\n}\n\nexport const MODE_PRESETS: Record<JsonTreeMode, Partial<JsonTreeConfig>> = {\n  full: {\n    showExpandControls: true,\n    showActionButtons: true,\n    showCollectionInfo: true,\n    fontSize: '13px',\n  },\n  compact: {\n    showExpandControls: false,\n    showActionButtons: false,\n    showCollectionInfo: true,\n    fontSize: '11px',\n    maxAutoExpandDepth: 1,\n  },\n  inline: {\n    showExpandControls: false,\n    showActionButtons: false,\n    showCollectionInfo: false,\n    fontSize: '11px',\n    maxAutoExpandDepth: 1,\n  },\n};\n","'use client';\n\nimport React, { memo, useMemo, useRef } from 'react';\n\nimport { FloatingToolbar } from '../../components/FloatingToolbar';\nimport { CopyAction, DownloadAction, ExpandAction } from '../../components/FloatingToolbar/actions';\nimport { JsonContent } from './components/JsonContent';\nimport { useJsonExpand } from './hooks/useJsonExpand';\nimport { JsonTreeComponentProps, MODE_PRESETS } from './types';\n\nexport type { Language } from 'prism-react-renderer';\nexport type { JsonTreeConfig, JsonTreeComponentProps, JsonTreeMode } from './types';\n\n/**\n * JsonTreeComponent — JSON viewer with expand/collapse, copy, download.\n *\n * Memoised: re-renders only when `title`, `data`, `mode`, `config` or\n * `jsonTreeProps` change. `data` is compared by reference — the parent\n * should not mutate the object in place.\n */\nconst JsonTreeComponent = memo(({\n  title,\n  data,\n  mode = 'full',\n  config = {},\n  jsonTreeProps = {},\n}: JsonTreeComponentProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const mergedConfig = useMemo(() => ({ ...MODE_PRESETS[mode], ...config }), [mode, config]);\n\n  const {\n    maxAutoExpandDepth = 2,\n    maxAutoExpandArrayItems = 10,\n    maxAutoExpandObjectKeys = 5,\n    maxStringLength = 200,\n    collectionLimit = 50,\n    showCollectionInfo = true,\n    showExpandControls = true,\n    showActionButtons = true,\n    className = '',\n    preserveKeyOrder = true,\n    fontSize,\n  } = mergedConfig;\n\n  const { isExpanded, toggle, renderKey, shouldExpandNodeInitially } = useJsonExpand({\n    maxAutoExpandDepth,\n    maxAutoExpandArrayItems,\n    maxAutoExpandObjectKeys,\n  });\n\n  const jsonString = useMemo(() => JSON.stringify(data, null, 2), [data]);\n\n  const containerClasses = useMemo(() => {\n    const base = 'relative w-full';\n    switch (mode) {\n      case 'full': return `${base} border border-border rounded-sm ${className}`;\n      case 'compact': return `${base} border border-border/50 rounded-md ${className}`;\n      default: return `${base} ${className}`;\n    }\n  }, [mode, className]);\n\n  const contentPadding = mode === 'full' ? 'p-4' : mode === 'compact' ? 'p-2' : 'p-1';\n  const showControls = (showExpandControls || showActionButtons) && mode === 'full';\n\n  return (\n    <div ref={containerRef} className={containerClasses}>\n      {showControls && (\n        <FloatingToolbar containerRef={containerRef}>\n          {showExpandControls && <ExpandAction isExpanded={isExpanded} onToggle={toggle} />}\n          {showActionButtons && (\n            <>\n              <CopyAction value={jsonString} title=\"Copy JSON\" />\n              <DownloadAction value={jsonString} filename=\"data.json\" mimeType=\"application/json\" title=\"Download JSON\" />\n            </>\n          )}\n        </FloatingToolbar>\n      )}\n\n      <JsonContent\n        data={data}\n        renderKey={renderKey}\n        title={title}\n        showTitle={mode === 'full'}\n        padding={contentPadding}\n        collectionLimit={collectionLimit}\n        preserveKeyOrder={preserveKeyOrder}\n        showCollectionInfo={showCollectionInfo}\n        maxStringLength={maxStringLength}\n        shouldExpandNodeInitially={shouldExpandNodeInitially}\n        fontSize={fontSize}\n        jsonTreeProps={jsonTreeProps}\n      />\n    </div>\n  );\n});\n\nexport default JsonTreeComponent;\n"]}