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

package/cjs/comps/ReRender/Types.js

@@ -0,0 +1,590 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypeUrl = exports.TypeUndefined = exports.TypeTrue = exports.TypeString = exports.TypeNull = exports.TypeNan = exports.TypeInt = exports.TypeFloat = exports.TypeFalse = exports.TypeEmptyValue = exports.TypeDate = exports.TypeBigint = exports.SetComp = exports.MapComp = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _Types = require("../../store/Types");
+var _store = require("../../store");
+var _Symbols = require("./Symbols");
+var _Copied = require("../Copied");
+var _jsxRuntime = require("react/jsx-runtime");
+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"];
+var SetComp = function SetComp(_ref) {
+  var isSet = _ref.isSet;
+  var _useTypesStore = (0, _Types.useTypesStore)(),
+    _useTypesStore$Set = _useTypesStore.Set,
+    Set = _useTypesStore$Set === void 0 ? {} : _useTypesStore$Set,
+    displayDataTypes = _useTypesStore.displayDataTypes;
+  if (!isSet || !displayDataTypes) return null;
+  var as = Set.as,
+    render = Set.render,
+    reset = (0, _objectWithoutProperties2["default"])(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__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])({}, reset));
+};
+exports.SetComp = SetComp;
+SetComp.displayName = 'JVR.SetComp';
+var MapComp = function MapComp(_ref2) {
+  var isMap = _ref2.isMap;
+  var _useTypesStore2 = (0, _Types.useTypesStore)(),
+    _useTypesStore2$Map = _useTypesStore2.Map,
+    Map = _useTypesStore2$Map === void 0 ? {} : _useTypesStore2$Map,
+    displayDataTypes = _useTypesStore2.displayDataTypes;
+  if (!isMap || !displayDataTypes) return null;
+  var as = Map.as,
+    render = Map.render,
+    reset = (0, _objectWithoutProperties2["default"])(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__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])({}, reset));
+};
+exports.MapComp = MapComp;
+MapComp.displayName = 'JVR.MapComp';
+var defalutStyle = {
+  opacity: 0.75,
+  paddingRight: 4
+};
+var TypeString = function TypeString(_ref3) {
+  var _ref3$children = _ref3.children,
+    children = _ref3$children === void 0 ? '' : _ref3$children,
+    expandKey = _ref3.expandKey,
+    keyName = _ref3.keyName;
+  var _useTypesStore3 = (0, _Types.useTypesStore)(),
+    _useTypesStore3$Str = _useTypesStore3.Str,
+    Str = _useTypesStore3$Str === void 0 ? {} : _useTypesStore3$Str,
+    displayDataTypes = _useTypesStore3.displayDataTypes;
+  var _useStore = (0, _store.useStore)(),
+    _useStore$shortenText = _useStore.shortenTextAfterLength,
+    length = _useStore$shortenText === void 0 ? 20 : _useStore$shortenText;
+  var as = Str.as,
+    render = Str.render,
+    reset = (0, _objectWithoutProperties2["default"])(Str, _excluded3);
+  var childrenStr = children;
+  var _useState = (0, _react.useState)(length && childrenStr.length >= length),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    shorten = _useState2[0],
+    setShorten = _useState2[1];
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Str.style || {});
+  if (length > 0) {
+    reset.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset.style), {}, {
+      cursor: childrenStr.length <= length ? 'initial' : 'pointer'
+    });
+    if (childrenStr.length > length) {
+      reset.onClick = function () {
+        if (length && childrenStr.length <= length) return setShorten(false);
+        setShorten(!shorten);
+      };
+    }
+  }
+  var text = shorten ? "".concat(childrenStr.slice(0, length), "...") : childrenStr;
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: text,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {}), text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {})]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeString = TypeString;
+TypeString.displayName = 'JVR.TypeString';
+var TypeTrue = function TypeTrue(_ref4) {
+  var children = _ref4.children,
+    expandKey = _ref4.expandKey,
+    keyName = _ref4.keyName;
+  var _useTypesStore4 = (0, _Types.useTypesStore)(),
+    _useTypesStore4$True = _useTypesStore4.True,
+    True = _useTypesStore4$True === void 0 ? {} : _useTypesStore4$True,
+    displayDataTypes = _useTypesStore4.displayDataTypes;
+  var as = True.as,
+    render = True.render,
+    reset = (0, _objectWithoutProperties2["default"])(True, _excluded4);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), True.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: children === null || children === void 0 ? void 0 : children.toString()
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeTrue = TypeTrue;
+TypeTrue.displayName = 'JVR.TypeTrue';
+var TypeFalse = function TypeFalse(_ref5) {
+  var children = _ref5.children,
+    expandKey = _ref5.expandKey,
+    keyName = _ref5.keyName;
+  var _useTypesStore5 = (0, _Types.useTypesStore)(),
+    _useTypesStore5$False = _useTypesStore5.False,
+    False = _useTypesStore5$False === void 0 ? {} : _useTypesStore5$False,
+    displayDataTypes = _useTypesStore5.displayDataTypes;
+  var as = False.as,
+    render = False.render,
+    reset = (0, _objectWithoutProperties2["default"])(False, _excluded5);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), False.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: children === null || children === void 0 ? void 0 : children.toString()
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeFalse = TypeFalse;
+TypeFalse.displayName = 'JVR.TypeFalse';
+var TypeFloat = function TypeFloat(_ref6) {
+  var children = _ref6.children,
+    expandKey = _ref6.expandKey,
+    keyName = _ref6.keyName;
+  var _useTypesStore6 = (0, _Types.useTypesStore)(),
+    _useTypesStore6$Float = _useTypesStore6.Float,
+    Float = _useTypesStore6$Float === void 0 ? {} : _useTypesStore6$Float,
+    displayDataTypes = _useTypesStore6.displayDataTypes;
+  var as = Float.as,
+    render = Float.render,
+    reset = (0, _objectWithoutProperties2["default"])(Float, _excluded6);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Float.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: children === null || children === void 0 ? void 0 : children.toString()
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeFloat = TypeFloat;
+TypeFloat.displayName = 'JVR.TypeFloat';
+var TypeInt = function TypeInt(_ref7) {
+  var children = _ref7.children,
+    expandKey = _ref7.expandKey,
+    keyName = _ref7.keyName;
+  var _useTypesStore7 = (0, _Types.useTypesStore)(),
+    _useTypesStore7$Int = _useTypesStore7.Int,
+    Int = _useTypesStore7$Int === void 0 ? {} : _useTypesStore7$Int,
+    displayDataTypes = _useTypesStore7.displayDataTypes;
+  var as = Int.as,
+    render = Int.render,
+    reset = (0, _objectWithoutProperties2["default"])(Int, _excluded7);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Int.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: children === null || children === void 0 ? void 0 : children.toString()
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeInt = TypeInt;
+TypeInt.displayName = 'JVR.TypeInt';
+var TypeBigint = function TypeBigint(_ref8) {
+  var children = _ref8.children,
+    expandKey = _ref8.expandKey,
+    keyName = _ref8.keyName;
+  var _useTypesStore8 = (0, _Types.useTypesStore)(),
+    _useTypesStore8$Bigin = _useTypesStore8.Bigint,
+    CompBigint = _useTypesStore8$Bigin === void 0 ? {} : _useTypesStore8$Bigin,
+    displayDataTypes = _useTypesStore8.displayDataTypes;
+  var as = CompBigint.as,
+    render = CompBigint.render,
+    reset = (0, _objectWithoutProperties2["default"])(CompBigint, _excluded8);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), CompBigint.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: (children === null || children === void 0 ? void 0 : children.toString()) + 'n'
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeBigint = TypeBigint;
+TypeBigint.displayName = 'JVR.TypeFloat';
+var TypeUrl = function TypeUrl(_ref9) {
+  var children = _ref9.children,
+    expandKey = _ref9.expandKey,
+    keyName = _ref9.keyName;
+  var _useTypesStore9 = (0, _Types.useTypesStore)(),
+    _useTypesStore9$Url = _useTypesStore9.Url,
+    Url = _useTypesStore9$Url === void 0 ? {} : _useTypesStore9$Url,
+    displayDataTypes = _useTypesStore9.displayDataTypes;
+  var as = Url.as,
+    render = Url.render,
+    reset = (0, _objectWithoutProperties2["default"])(Url, _excluded9);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Url.style);
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+      href: children === null || children === void 0 ? void 0 : children.href,
+      target: "_blank"
+    }, reset), {}, {
+      className: "w-rjv-value",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {}), children === null || children === void 0 ? void 0 : children.href, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.ValueQuote, {})]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeUrl = TypeUrl;
+TypeUrl.displayName = 'JVR.TypeUrl';
+var TypeDate = function TypeDate(_ref10) {
+  var children = _ref10.children,
+    expandKey = _ref10.expandKey,
+    keyName = _ref10.keyName;
+  var _useTypesStore10 = (0, _Types.useTypesStore)(),
+    _useTypesStore10$Date = _useTypesStore10.Date,
+    CompData = _useTypesStore10$Date === void 0 ? {} : _useTypesStore10$Date,
+    displayDataTypes = _useTypesStore10.displayDataTypes;
+  var as = CompData.as,
+    render = CompData.render,
+    reset = (0, _objectWithoutProperties2["default"])(CompData, _excluded10);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), CompData.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      className: "w-rjv-value",
+      children: children === null || children === void 0 ? void 0 : children.toString()
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeDate = TypeDate;
+TypeDate.displayName = 'JVR.TypeDate';
+var TypeUndefined = function TypeUndefined(_ref11) {
+  var children = _ref11.children,
+    expandKey = _ref11.expandKey,
+    keyName = _ref11.keyName;
+  var _useTypesStore11 = (0, _Types.useTypesStore)(),
+    _useTypesStore11$Unde = _useTypesStore11.Undefined,
+    Undefined = _useTypesStore11$Unde === void 0 ? {} : _useTypesStore11$Unde,
+    displayDataTypes = _useTypesStore11.displayDataTypes;
+  var as = Undefined.as,
+    render = Undefined.render,
+    reset = (0, _objectWithoutProperties2["default"])(Undefined, _excluded11);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Undefined.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeUndefined = TypeUndefined;
+TypeUndefined.displayName = 'JVR.TypeUndefined';
+var TypeNull = function TypeNull(_ref12) {
+  var children = _ref12.children,
+    expandKey = _ref12.expandKey,
+    keyName = _ref12.keyName;
+  var _useTypesStore12 = (0, _Types.useTypesStore)(),
+    _useTypesStore12$Null = _useTypesStore12.Null,
+    Null = _useTypesStore12$Null === void 0 ? {} : _useTypesStore12$Null,
+    displayDataTypes = _useTypesStore12.displayDataTypes;
+  var as = Null.as,
+    render = Null.render,
+    reset = (0, _objectWithoutProperties2["default"])(Null, _excluded12);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Null.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeNull = TypeNull;
+TypeNull.displayName = 'JVR.TypeNull';
+var TypeNan = function TypeNan(_ref13) {
+  var children = _ref13.children,
+    expandKey = _ref13.expandKey,
+    keyName = _ref13.keyName;
+  var _useTypesStore13 = (0, _Types.useTypesStore)(),
+    _useTypesStore13$Nan = _useTypesStore13.Nan,
+    Nan = _useTypesStore13$Nan === void 0 ? {} : _useTypesStore13$Nan,
+    displayDataTypes = _useTypesStore13.displayDataTypes;
+  var as = Nan.as,
+    render = Nan.render,
+    reset = (0, _objectWithoutProperties2["default"])(Nan, _excluded13);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Nan.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeNan = TypeNan;
+TypeNan.displayName = 'JVR.TypeNan';
+var TypeEmptyValue = function TypeEmptyValue(_ref14) {
+  var children = _ref14.children,
+    expandKey = _ref14.expandKey,
+    keyName = _ref14.keyName;
+  var _useTypesStore14 = (0, _Types.useTypesStore)(),
+    _useTypesStore14$Nan = _useTypesStore14.Nan,
+    Nan = _useTypesStore14$Nan === void 0 ? {} : _useTypesStore14$Nan,
+    displayDataTypes = _useTypesStore14.displayDataTypes;
+  var as = Nan.as,
+    render = Nan.render,
+    reset = (0, _objectWithoutProperties2["default"])(Nan, _excluded14);
+  var Comp = as || 'span';
+  var style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defalutStyle), Nan.style || {});
+  var isRender = render && typeof render === 'function';
+  var type = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: style
+  }), {
+    type: 'type',
+    value: children
+  });
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: children,
+    className: 'w-rjv-value'
+  }), {
+    type: 'value',
+    value: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [displayDataTypes && (type || /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      style: style
+    }))), child, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: children,
+      expandKey: expandKey
+    })]
+  });
+};
+exports.TypeEmptyValue = TypeEmptyValue;
+TypeNan.displayName = 'JVR.TypeNan';

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

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFloat = exports.Value = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _Types = require("./ReRender/Types");
+var _jsxRuntime = require("react/jsx-runtime");
+var isFloat = function isFloat(n) {
+  return Number(n) === n && n % 1 !== 0 || isNaN(n);
+};
+exports.isFloat = isFloat;
+var Value = function Value(props) {
+  var value = props.value,
+    keyName = props.keyName,
+    expandKey = props.expandKey;
+  var reset = {
+    keyName: keyName,
+    expandKey: expandKey
+  };
+  if (value instanceof URL) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeUrl, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (typeof value === 'string') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeString, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (value === true) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeTrue, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (value === false) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeFalse, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (value === null) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeNull, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (value === undefined) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeUndefined, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (value instanceof Date) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeDate, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  if (typeof value === 'number' && isNaN(value)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeNan, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  } else if (typeof value === 'number' && isFloat(value)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeFloat, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  } else if (typeof value === 'bigint') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeBigint, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  } else if (typeof value === 'number') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.TypeInt, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+      children: value
+    }));
+  }
+  return null;
+};
+exports.Value = Value;
+Value.displayName = 'JVR.Value';