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

package/cjs/store/ShowTools.js

@@ -16,10 +16,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useShowToolsStore = function useShowToolsStore() {
+var useShowToolsStore = exports.useShowToolsStore = function useShowToolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useShowToolsStore = useShowToolsStore;
 var DispatchShowTools = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchShowTools.displayName = 'JVR.DispatchShowTools';
 function useShowTools() {
@@ -28,7 +27,7 @@ function useShowTools() {
 function useShowToolsDispatch() {
   return (0, _react.useContext)(DispatchShowTools);
 }
-var ShowTools = function ShowTools(_ref) {
+var ShowTools = exports.ShowTools = function ShowTools(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -40,5 +39,4 @@ var ShowTools = function ShowTools(_ref) {
     })
   });
 };
-exports.ShowTools = ShowTools;
 ShowTools.displayName = 'JVR.ShowTools';

package/cjs/store/Symbols.d.ts

@@ -1,11 +1,11 @@
 import { FC, PropsWithChildren, ElementType, ComponentPropsWithoutRef } from 'react';
 import { type TagType } from './Types';
-type SymbolsElementProps<T extends TagType> = {
+type SymbolsElementProps<T extends TagType = 'span'> = {
     as?: T;
     render?: (props: SymbolsElement<T>) => React.ReactNode;
     'data-type'?: string;
 };
-export type SymbolsElement<T extends TagType> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
+export type SymbolsElement<T extends TagType = 'span'> = SymbolsElementProps<T> & ComponentPropsWithoutRef<T>;
 type InitialState<T extends ElementType = 'span'> = {
     Arrow?: SymbolsElement<T>;
     Colon?: SymbolsElement<T>;

package/cjs/store/Symbols.js

@@ -15,6 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var initialState = {
   Arrow: {
     as: 'span',
+    className: 'w-rjv-arrow',
     style: {
       transform: 'rotate(0deg)',
       transition: 'all 0.3s'
@@ -84,10 +85,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useSymbolsStore = function useSymbolsStore() {
+var useSymbolsStore = exports.useSymbolsStore = function useSymbolsStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useSymbolsStore = useSymbolsStore;
 var DispatchSymbols = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchSymbols.displayName = 'JVR.DispatchSymbols';
 function useSymbols() {
@@ -96,7 +96,7 @@ function useSymbols() {
 function useSymbolsDispatch() {
   return (0, _react.useContext)(DispatchSymbols);
 }
-var Symbols = function Symbols(_ref) {
+var Symbols = exports.Symbols = function Symbols(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -108,5 +108,4 @@ var Symbols = function Symbols(_ref) {
     })
   });
 };
-exports.Symbols = Symbols;
 Symbols.displayName = 'JVR.Symbols';

package/cjs/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/cjs/store/Types.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Types = void 0;
+exports.Types = Types;
 exports.useTypes = useTypes;
 exports.useTypesDispatch = useTypesDispatch;
 exports.useTypesStore = void 0;
@@ -50,7 +50,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',
@@ -86,7 +87,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',
@@ -134,10 +136,9 @@ var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 var reducer = function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 };
-var useTypesStore = function useTypesStore() {
+var useTypesStore = exports.useTypesStore = function useTypesStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useTypesStore = useTypesStore;
 var DispatchTypes = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchTypes.displayName = 'JVR.DispatchTypes';
 function useTypes() {
@@ -146,7 +147,7 @@ function useTypes() {
 function useTypesDispatch() {
   return (0, _react.useContext)(DispatchTypes);
 }
-var Types = function Types(_ref) {
+function Types(_ref) {
   var initial = _ref.initial,
     dispatch = _ref.dispatch,
     children = _ref.children;
@@ -157,6 +158,5 @@ var Types = function Types(_ref) {
       children: children
     })
   });
-};
-exports.Types = Types;
+}
 Types.displayName = 'JVR.Types';

package/cjs/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/cjs/store.js

@@ -18,28 +18,24 @@ var _Types = require("./store/Types");
 var _Symbols = require("./store/Symbols");
 var _Section = require("./store/Section");
 var _jsxRuntime = require("react/jsx-runtime");
-var initialState = {
+var initialState = exports.initialState = {
   objectSortKeys: false,
   indentWidth: 15
 };
-exports.initialState = initialState;
-var Context = /*#__PURE__*/(0, _react.createContext)(initialState);
-exports.Context = Context;
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(initialState);
 Context.displayName = 'JVR.Context';
 var DispatchContext = /*#__PURE__*/(0, _react.createContext)(function () {});
 DispatchContext.displayName = 'JVR.DispatchContext';
 function reducer(state, action) {
   return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), action);
 }
-var useStore = function useStore() {
+var useStore = exports.useStore = function useStore() {
   return (0, _react.useContext)(Context);
 };
-exports.useStore = useStore;
-var useDispatchStore = function useDispatchStore() {
+var useDispatchStore = exports.useDispatchStore = function useDispatchStore() {
   return (0, _react.useContext)(DispatchContext);
 };
-exports.useDispatchStore = useDispatchStore;
-var Provider = function Provider(_ref) {
+var Provider = exports.Provider = function Provider(_ref) {
   var children = _ref.children,
     init = _ref.initialState,
     initialTypes = _ref.initialTypes;
@@ -98,7 +94,6 @@ var Provider = function Provider(_ref) {
     })
   });
 };
-exports.Provider = Provider;
 function useDispatch() {
   return (0, _react.useContext)(DispatchContext);
 }

package/cjs/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/cjs/symbol/Arrow.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Arrow = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var Arrow = function Arrow(props) {
+var Arrow = exports.Arrow = function Arrow(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Arro = _useSymbolsStore.Arrow,
     Comp = _useSymbolsStore$Arro === void 0 ? {} : _useSymbolsStore$Arro;
   (0, _useRender.useSymbolsRender)(Comp, props, 'Arrow');
   return null;
 };
-exports.Arrow = Arrow;
 Arrow.displayName = 'JVR.Arrow';

package/cjs/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/cjs/symbol/BraceLeft.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BraceLeft = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BraceLeft = function BraceLeft(props) {
+var BraceLeft = exports.BraceLeft = function BraceLeft(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Brac = _useSymbolsStore.BraceLeft,
     Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
   (0, _useRender.useSymbolsRender)(Comp, props, 'BraceLeft');
   return null;
 };
-exports.BraceLeft = BraceLeft;
 BraceLeft.displayName = 'JVR.BraceLeft';

package/cjs/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/cjs/symbol/BraceRight.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BraceRight = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BraceRight = function BraceRight(props) {
+var BraceRight = exports.BraceRight = function BraceRight(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Brac = _useSymbolsStore.BraceRight,
     Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
   (0, _useRender.useSymbolsRender)(Comp, props, 'BraceRight');
   return null;
 };
-exports.BraceRight = BraceRight;
 BraceRight.displayName = 'JVR.BraceRight';

package/cjs/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/cjs/symbol/BracketsLeft.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BracketsLeft = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BracketsLeft = function BracketsLeft(props) {
+var BracketsLeft = exports.BracketsLeft = function BracketsLeft(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Brac = _useSymbolsStore.BracketsLeft,
     Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
   (0, _useRender.useSymbolsRender)(Comp, props, 'BracketsLeft');
   return null;
 };
-exports.BracketsLeft = BracketsLeft;
 BracketsLeft.displayName = 'JVR.BracketsLeft';

package/cjs/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/cjs/symbol/BracketsRight.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.BracketsRight = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var BracketsRight = function BracketsRight(props) {
+var BracketsRight = exports.BracketsRight = function BracketsRight(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Brac = _useSymbolsStore.BracketsRight,
     Comp = _useSymbolsStore$Brac === void 0 ? {} : _useSymbolsStore$Brac;
   (0, _useRender.useSymbolsRender)(Comp, props, 'BracketsRight');
   return null;
 };
-exports.BracketsRight = BracketsRight;
 BracketsRight.displayName = 'JVR.BracketsRight';

package/cjs/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/cjs/symbol/Colon.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Colon = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var Colon = function Colon(props) {
+var Colon = exports.Colon = function Colon(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Colo = _useSymbolsStore.Colon,
     Comp = _useSymbolsStore$Colo === void 0 ? {} : _useSymbolsStore$Colo;
   (0, _useRender.useSymbolsRender)(Comp, props, 'Colon');
   return null;
 };
-exports.Colon = Colon;
 Colon.displayName = 'JVR.Colon';

package/cjs/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/cjs/symbol/Quote.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Quote = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var Quote = function Quote(props) {
+var Quote = exports.Quote = function Quote(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Quot = _useSymbolsStore.Quote,
     Comp = _useSymbolsStore$Quot === void 0 ? {} : _useSymbolsStore$Quot;
   (0, _useRender.useSymbolsRender)(Comp, props, 'Quote');
   return null;
 };
-exports.Quote = Quote;
 Quote.displayName = 'JVR.Quote';

package/cjs/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/symbol/ValueQuote.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ValueQuote = void 0;
 var _Symbols = require("../store/Symbols");
 var _useRender = require("../utils/useRender");
-var ValueQuote = function ValueQuote(props) {
+var ValueQuote = exports.ValueQuote = function ValueQuote(props) {
   var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
     _useSymbolsStore$Valu = _useSymbolsStore.ValueQuote,
     Comp = _useSymbolsStore$Valu === void 0 ? {} : _useSymbolsStore$Valu;
   (0, _useRender.useSymbolsRender)(Comp, props, 'ValueQuote');
   return null;
 };
-exports.ValueQuote = ValueQuote;
 ValueQuote.displayName = 'JVR.ValueQuote';

package/{esm/comps/ReRender/Symbols.d.ts → cjs/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: {