@uiw/react-json-view 2.0.0-alpha.0 → 2.0.0-alpha.10

package/esm/store/Symbols.js

@@ -5,6 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var initialState = {
   Arrow: {
     as: 'span',
+    className: 'w-rjv-arrow',
     style: {
       transform: 'rotate(0deg)',
       transition: 'all 0.3s'

package/esm/store/Types.d.ts

@@ -1,32 +1,33 @@
-import { FC, PropsWithChildren, ComponentPropsWithoutRef } from 'react';
+import { PropsWithChildren, ComponentPropsWithoutRef } from 'react';
 export type TagType = React.ElementType | keyof JSX.IntrinsicElements;
-type TypesElementProps<T extends TagType> = {
+type TypesElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: TypesElement<T>, result: {
         type: 'type' | 'value';
         value?: unknown;
+        keyName: string | number;
     }) => React.ReactNode;
     'data-type'?: string;
 };
 export type TypesElement<T extends TagType> = TypesElementProps<T> & ComponentPropsWithoutRef<T>;
-export type InitialTypesState = {
+export type InitialTypesState<T extends TagType = 'span'> = {
     displayDataTypes?: boolean;
-    Url?: TypesElement<TagType>;
-    Str?: TypesElement<TagType>;
-    Undefined?: TypesElement<TagType>;
-    Null?: TypesElement<TagType>;
-    True?: TypesElement<TagType>;
-    False?: TypesElement<TagType>;
-    Date?: TypesElement<TagType>;
-    Float?: TypesElement<TagType>;
-    Set?: TypesElement<TagType>;
-    Int?: TypesElement<TagType>;
-    Map?: TypesElement<TagType>;
-    Nan?: TypesElement<TagType>;
-    Bigint?: TypesElement<TagType>;
+    Url?: TypesElement<T>;
+    Str?: TypesElement<T>;
+    Undefined?: TypesElement<T>;
+    Null?: TypesElement<T>;
+    True?: TypesElement<T>;
+    False?: TypesElement<T>;
+    Date?: TypesElement<T>;
+    Float?: TypesElement<T>;
+    Set?: TypesElement<T>;
+    Int?: TypesElement<T>;
+    Map?: TypesElement<T>;
+    Nan?: TypesElement<T>;
+    Bigint?: TypesElement<T>;
 };
-type Dispatch = React.Dispatch<InitialTypesState>;
-export declare const useTypesStore: () => InitialTypesState;
+type Dispatch<T extends TagType> = React.Dispatch<InitialTypesState<T>>;
+export declare const useTypesStore: () => InitialTypesState<TagType>;
 export declare function useTypes(): [{
     displayDataTypes?: boolean | undefined;
     Url?: TypesElement<TagType> | undefined;
@@ -42,11 +43,14 @@ export declare function useTypes(): [{
     Map?: TypesElement<TagType> | undefined;
     Nan?: TypesElement<TagType> | undefined;
     Bigint?: TypesElement<TagType> | undefined;
-}, import("react").Dispatch<InitialTypesState>];
-export declare function useTypesDispatch(): Dispatch;
-interface TypesProps {
-    initial: InitialTypesState;
-    dispatch: Dispatch;
+}, import("react").Dispatch<InitialTypesState<TagType>>];
+export declare function useTypesDispatch(): Dispatch<TagType>;
+interface TypesProps<T extends TagType> {
+    initial: InitialTypesState<T>;
+    dispatch: Dispatch<TagType>;
+}
+export declare function Types<T extends TagType>({ initial, dispatch, children }: PropsWithChildren<TypesProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Types {
+    var displayName: string;
 }
-export declare const Types: FC<PropsWithChildren<TypesProps>>;
 export {};

package/esm/store/Types.js

@@ -40,7 +40,8 @@ var initialState = {
   },
   Map: {
     style: {
-      color: 'var(--w-rjv-type-map-color, #268bd2)'
+      color: 'var(--w-rjv-type-map-color, #268bd2)',
+      marginRight: 3
     },
     as: 'span',
     'data-type': 'map',
@@ -76,7 +77,8 @@ var initialState = {
   },
   Set: {
     style: {
-      color: 'var(--w-rjv-type-set-color, #268bd2)'
+      color: 'var(--w-rjv-type-set-color, #268bd2)',
+      marginRight: 3
     },
     as: 'span',
     'data-type': 'set',
@@ -133,7 +135,7 @@ export function useTypes() {
 export function useTypesDispatch() {
   return useContext(DispatchTypes);
 }
-export var Types = _ref => {
+export function Types(_ref) {
   var {
     initial,
     dispatch,
@@ -146,5 +148,5 @@ export var Types = _ref => {
       children: children
     })
   });
-};
+}
 Types.displayName = 'JVR.Types';

package/esm/store.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { JsonViewProps } from './';
-import { type InitialTypesState } from './store/Types';
+import { type InitialTypesState, type TagType } from './store/Types';
 export type BlockTagType = keyof JSX.IntrinsicElements;
 export interface InitialState<T extends object> {
     value?: object;
@@ -20,10 +20,13 @@ export declare const Context: React.Context<InitialState<object>>;
 export declare function reducer(state: InitialState<object>, action: InitialState<object>): InitialState<object>;
 export declare const useStore: () => InitialState<object>;
 export declare const useDispatchStore: () => Dispatch;
-export interface ProviderProps {
+export interface ProviderProps<T extends TagType> {
     initialState?: InitialState<object>;
-    initialTypes?: InitialTypesState;
+    initialTypes?: InitialTypesState<T>;
 }
-export declare const Provider: React.FC<PropsWithChildren<ProviderProps>>;
+export declare const Provider: {
+    <T extends TagType>({ children, initialState: init, initialTypes, }: React.PropsWithChildren<ProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare function useDispatch(): Dispatch;
 export {};

package/esm/symbol/Arrow.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Arrow: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BraceLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BraceRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BraceRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BracketsLeft.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsLeft: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/BracketsRight.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const BracketsRight: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/Colon.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Colon: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/Quote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const Quote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/esm/symbol/ValueQuote.d.ts

@@ -1,6 +1,6 @@
 import { type SymbolsElement } from '../store/Symbols';
 import { type TagType } from '../store/Types';
 export declare const ValueQuote: {
-    (props: SymbolsElement<TagType>): null;
+    <K extends TagType = "span">(props: SymbolsElement<K>): null;
     displayName: string;
 };

package/{cjs/comps/ReRender/Symbols.d.ts → esm/symbol/index.d.ts}

@@ -1,16 +1,14 @@
 /// <reference types="react" />
-import { type SymbolsElement } from '../../store/Symbols';
-import { type TagType } from '../../store/Types';
+import { type SymbolsElement } from '../store/Symbols';
+import { type TagType } from '../store/Types';
 export declare const Quote: {
     (props: {
         isNumber?: boolean | undefined;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    } & import("react").HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ValueQuote: {
-    (props: {
-        isNumber?: boolean | undefined;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    (props: React.HTMLAttributes<HTMLElement>): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Colon: {

package/esm/{comps/ReRender/Symbols.js → symbol/index.js}

@@ -1,52 +1,54 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["as", "render"],
+var _excluded = ["isNumber"],
   _excluded2 = ["as", "render"],
   _excluded3 = ["as", "render"],
-  _excluded4 = ["as", "style", "render"],
-  _excluded5 = ["as", "render"],
+  _excluded4 = ["as", "render"],
+  _excluded5 = ["as", "style", "render"],
   _excluded6 = ["as", "render"],
   _excluded7 = ["as", "render"],
-  _excluded8 = ["as", "render"];
-import { useSymbolsStore } from '../../store/Symbols';
-import { useExpandsStore } from '../../store/Expands';
+  _excluded8 = ["as", "render"],
+  _excluded9 = ["as", "render"];
+import { useSymbolsStore } from '../store/Symbols';
+import { useExpandsStore } from '../store/Expands';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Quote = props => {
   var {
     Quote: Comp = {}
   } = useSymbolsStore();
   var {
-    isNumber
-  } = props;
+      isNumber
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   if (isNumber) return null;
   var {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = _extends({}, other, reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
+  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
 };
 Quote.displayName = 'JVR.Quote';
 export var ValueQuote = props => {
   var {
     ValueQuote: Comp = {}
   } = useSymbolsStore();
-  var {
-    isNumber
-  } = props;
-  if (isNumber) return null;
+  var other = _extends({}, (_objectDestructuringEmpty(props), props));
   var {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded3);
   var Elm = as || 'span';
-  var child = render && typeof render === 'function' && render(reset);
+  var elmProps = _extends({}, other, reset);
+  var child = render && typeof render === 'function' && render(elmProps);
   if (child) return child;
-  return /*#__PURE__*/_jsx(Elm, _extends({}, reset));
+  return /*#__PURE__*/_jsx(Elm, _extends({}, elmProps));
 };
 ValueQuote.displayName = 'JVR.ValueQuote';
 export var Colon = () => {
@@ -57,7 +59,7 @@ export var Colon = () => {
       as,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded3);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
   var Elm = as || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;
@@ -78,7 +80,7 @@ export var Arrow = props => {
       style,
       render
     } = Comp,
-    reset = _objectWithoutPropertiesLoose(Comp, _excluded4);
+    reset = _objectWithoutPropertiesLoose(Comp, _excluded5);
   var Elm = as || 'span';
   var isRender = render && typeof render === 'function';
   var child = isRender && render(_extends({}, reset, {
@@ -104,7 +106,7 @@ export var BracketsOpen = _ref => {
         as,
         render: _render
       } = BracketsLeft,
-      reset = _objectWithoutPropertiesLoose(BracketsLeft, _excluded5);
+      reset = _objectWithoutPropertiesLoose(BracketsLeft, _excluded6);
     var BracketsLeftComp = as || 'span';
     var _child = _render && typeof _render === 'function' && _render(reset);
     if (_child) return _child;
@@ -114,7 +116,7 @@ export var BracketsOpen = _ref => {
       as: elm,
       render
     } = BraceLeft,
-    props = _objectWithoutPropertiesLoose(BraceLeft, _excluded6);
+    props = _objectWithoutPropertiesLoose(BraceLeft, _excluded7);
   var BraceLeftComp = elm || 'span';
   var child = render && typeof render === 'function' && render(props);
   if (child) return child;
@@ -136,7 +138,7 @@ export var BracketsClose = _ref2 => {
         as,
         render: _render2
       } = BracketsRight,
-      _reset = _objectWithoutPropertiesLoose(BracketsRight, _excluded7);
+      _reset = _objectWithoutPropertiesLoose(BracketsRight, _excluded8);
     var BracketsRightComp = as || 'span';
     var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
     if (_child2) return _child2;
@@ -146,7 +148,7 @@ export var BracketsClose = _ref2 => {
       as: elm,
       render
     } = BraceRight,
-    reset = _objectWithoutPropertiesLoose(BraceRight, _excluded8);
+    reset = _objectWithoutPropertiesLoose(BraceRight, _excluded9);
   var BraceRightComp = elm || 'span';
   var child = render && typeof render === 'function' && render(reset);
   if (child) return child;

package/esm/types/Bigint.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Bigint: {
-    <K extends TagType>(props: TypesElement<K>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Date.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Date: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/False.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const False: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Float.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Float: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Int.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Int: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Map.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Map: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Nan.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Nan: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Null.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Null: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Set.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Set: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/String.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const StringText: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/True.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const True: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Undefined.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Undefined: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "span">(props: TypesElement<K>): null;
     displayName: string;
 };

package/esm/types/Url.d.ts

@@ -1,5 +1,5 @@
 import { type TagType, type TypesElement } from '../store/Types';
 export declare const Url: {
-    (props: TypesElement<TagType>): null;
+    <K extends TagType = "a">(props: TypesElement<K>): null;
     displayName: string;
 };

package/{cjs/comps/ReRender/Types.d.ts → esm/types/index.d.ts}

@@ -1,16 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const SetComp: {
-    ({ isSet }: {
-        isSet: boolean;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export declare const MapComp: {
-    ({ isMap }: {
-        isMap: boolean;
-    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const SetComp: FC<PropsWithChildren<{
+    value: unknown;
+    keyName: string | number;
+}>>;
+export declare const MapComp: FC<PropsWithChildren<{
+    value: unknown;
+    keyName: string | number;
+}>>;
 type TypeProps = PropsWithChildren<{
     expandKey: string;
     keyName: string | number;
@@ -32,5 +28,4 @@ export declare const TypeDate: FC<{
 export declare const TypeUndefined: FC<TypeProps>;
 export declare const TypeNull: FC<TypeProps>;
 export declare const TypeNan: FC<TypeProps>;
-export declare const TypeEmptyValue: FC<TypeProps>;
 export {};