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

package/esm/comps/ReRender/Types.js

@@ -0,0 +1,621 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["as", "render"],
+  _excluded2 = ["as", "render"],
+  _excluded3 = ["as", "render"],
+  _excluded4 = ["as", "render"],
+  _excluded5 = ["as", "render"],
+  _excluded6 = ["as", "render"],
+  _excluded7 = ["as", "render"],
+  _excluded8 = ["as", "render"],
+  _excluded9 = ["as", "render"],
+  _excluded10 = ["as", "render"],
+  _excluded11 = ["as", "render"],
+  _excluded12 = ["as", "render"],
+  _excluded13 = ["as", "render"],
+  _excluded14 = ["as", "render"];
+import { Fragment, useState } from 'react';
+import { useTypesStore } from '../../store/Types';
+import { useStore } from '../../store';
+import { ValueQuote } from './Symbols';
+import { Copied } from '../Copied';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var SetComp = _ref => {
+  var {
+    isSet
+  } = _ref;
+  var {
+    Set = {},
+    displayDataTypes
+  } = useTypesStore();
+  if (!isSet || !displayDataTypes) return null;
+  var {
+      as,
+      render
+    } = Set,
+    reset = _objectWithoutPropertiesLoose(Set, _excluded);
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(reset, {
+    type: 'type'
+  });
+  if (type) return type;
+  var Comp = as || 'span';
+  return /*#__PURE__*/_jsx(Comp, _extends({}, reset));
+};
+SetComp.displayName = 'JVR.SetComp';
+export var MapComp = _ref2 => {
+  var {
+    isMap
+  } = _ref2;
+  var {
+    Map = {},
+    displayDataTypes
+  } = useTypesStore();
+  if (!isMap || !displayDataTypes) return null;
+  var {
+      as,
+      render
+    } = Map,
+    reset = _objectWithoutPropertiesLoose(Map, _excluded2);
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(reset, {
+    type: 'type'
+  });
+  if (type) return type;
+  var Comp = as || 'span';
+  return /*#__PURE__*/_jsx(Comp, _extends({}, reset));
+};
+MapComp.displayName = 'JVR.MapComp';
+var defalutStyle = {
+  opacity: 0.75,
+  paddingRight: 4
+};
+export var TypeString = _ref3 => {
+  var {
+    children = '',
+    expandKey,
+    keyName
+  } = _ref3;
+  var {
+    Str = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+    shortenTextAfterLength: length = 20
+  } = useStore();
+  var {
+      as,
+      render
+    } = Str,
+    reset = _objectWithoutPropertiesLoose(Str, _excluded3);
+  var childrenStr = children;
+  var [shorten, setShorten] = useState(length && childrenStr.length >= length);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Str.style || {});
+  if (length > 0) {
+    reset.style = _extends({}, reset.style, {
+      cursor: childrenStr.length <= length ? 'initial' : 'pointer'
+    });
+    if (childrenStr.length > length) {
+      reset.onClick = () => {
+        if (length && childrenStr.length <= length) return setShorten(false);
+        setShorten(!shorten);
+      };
+    }
+  }
+  var text = shorten ? childrenStr.slice(0, length) + "..." : childrenStr;
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children: text,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsxs(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: [/*#__PURE__*/_jsx(ValueQuote, {}), text, /*#__PURE__*/_jsx(ValueQuote, {})]
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeString.displayName = 'JVR.TypeString';
+export var TypeTrue = _ref4 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref4;
+  var {
+    True = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = True,
+    reset = _objectWithoutPropertiesLoose(True, _excluded4);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, True.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeTrue.displayName = 'JVR.TypeTrue';
+export var TypeFalse = _ref5 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref5;
+  var {
+    False = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = False,
+    reset = _objectWithoutPropertiesLoose(False, _excluded5);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, False.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeFalse.displayName = 'JVR.TypeFalse';
+export var TypeFloat = _ref6 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref6;
+  var {
+    Float = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Float,
+    reset = _objectWithoutPropertiesLoose(Float, _excluded6);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Float.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeFloat.displayName = 'JVR.TypeFloat';
+export var TypeInt = _ref7 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref7;
+  var {
+    Int = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Int,
+    reset = _objectWithoutPropertiesLoose(Int, _excluded7);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Int.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeInt.displayName = 'JVR.TypeInt';
+export var TypeBigint = _ref8 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref8;
+  var {
+    Bigint: CompBigint = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = CompBigint,
+    reset = _objectWithoutPropertiesLoose(CompBigint, _excluded8);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, CompBigint.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: (children == null ? void 0 : children.toString()) + 'n'
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeBigint.displayName = 'JVR.TypeFloat';
+export var TypeUrl = _ref9 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref9;
+  var {
+    Url = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Url,
+    reset = _objectWithoutPropertiesLoose(Url, _excluded9);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Url.style);
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsxs("a", _extends({
+      href: children == null ? void 0 : children.href,
+      target: "_blank"
+    }, reset, {
+      className: "w-rjv-value",
+      children: [/*#__PURE__*/_jsx(ValueQuote, {}), children == null ? void 0 : children.href, /*#__PURE__*/_jsx(ValueQuote, {})]
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeUrl.displayName = 'JVR.TypeUrl';
+export var TypeDate = _ref10 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref10;
+  var {
+    Date: CompData = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = CompData,
+    reset = _objectWithoutPropertiesLoose(CompData, _excluded10);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, CompData.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      className: "w-rjv-value",
+      children: children == null ? void 0 : children.toString()
+    })), /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeDate.displayName = 'JVR.TypeDate';
+export var TypeUndefined = _ref11 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref11;
+  var {
+    Undefined = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Undefined,
+    reset = _objectWithoutPropertiesLoose(Undefined, _excluded11);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Undefined.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child, /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeUndefined.displayName = 'JVR.TypeUndefined';
+export var TypeNull = _ref12 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref12;
+  var {
+    Null = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Null,
+    reset = _objectWithoutPropertiesLoose(Null, _excluded12);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Null.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child, /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeNull.displayName = 'JVR.TypeNull';
+export var TypeNan = _ref13 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref13;
+  var {
+    Nan = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Nan,
+    reset = _objectWithoutPropertiesLoose(Nan, _excluded13);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Nan.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child, /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeNan.displayName = 'JVR.TypeNan';
+export var TypeEmptyValue = _ref14 => {
+  var {
+    children,
+    expandKey,
+    keyName
+  } = _ref14;
+  var {
+    Nan = {},
+    displayDataTypes
+  } = useTypesStore();
+  var {
+      as,
+      render
+    } = Nan,
+    reset = _objectWithoutPropertiesLoose(Nan, _excluded14);
+  var Comp = as || 'span';
+  var style = _extends({}, defalutStyle, Nan.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render(_extends({}, reset, {
+    style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render(_extends({}, reset, {
+    children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/_jsx(Comp, _extends({}, reset, {
+      style: style
+    }))), child, /*#__PURE__*/_jsx(Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+TypeNan.displayName = 'JVR.TypeNan';

package/esm/comps/Value.d.ts

@@ -0,0 +1,11 @@
+export declare const isFloat: (n: number) => boolean;
+interface ValueProps {
+    value?: unknown;
+    keyName: string | number;
+    expandKey: string;
+}
+export declare const Value: {
+    (props: ValueProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

package/esm/comps/Value.js

@@ -0,0 +1,69 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { TypeString, TypeTrue, TypeNull, TypeFalse, TypeFloat, TypeBigint, TypeInt, TypeDate, TypeUndefined, TypeNan, TypeUrl } from './ReRender/Types';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var isFloat = n => Number(n) === n && n % 1 !== 0 || isNaN(n);
+export var Value = props => {
+  var {
+    value,
+    keyName,
+    expandKey
+  } = props;
+  var reset = {
+    keyName,
+    expandKey
+  };
+  if (value instanceof URL) {
+    return /*#__PURE__*/_jsx(TypeUrl, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (typeof value === 'string') {
+    return /*#__PURE__*/_jsx(TypeString, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (value === true) {
+    return /*#__PURE__*/_jsx(TypeTrue, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (value === false) {
+    return /*#__PURE__*/_jsx(TypeFalse, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (value === null) {
+    return /*#__PURE__*/_jsx(TypeNull, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (value === undefined) {
+    return /*#__PURE__*/_jsx(TypeUndefined, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (value instanceof Date) {
+    return /*#__PURE__*/_jsx(TypeDate, _extends({}, reset, {
+      children: value
+    }));
+  }
+  if (typeof value === 'number' && isNaN(value)) {
+    return /*#__PURE__*/_jsx(TypeNan, _extends({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === 'number' && isFloat(value)) {
+    return /*#__PURE__*/_jsx(TypeFloat, _extends({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === 'bigint') {
+    return /*#__PURE__*/_jsx(TypeBigint, _extends({}, reset, {
+      children: value
+    }));
+  } else if (typeof value === 'number') {
+    return /*#__PURE__*/_jsx(TypeInt, _extends({}, reset, {
+      children: value
+    }));
+  }
+  return null;
+};
+Value.displayName = 'JVR.Value';