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

package/cjs/comps/NestedClose.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NestedClose = void 0;
+var _store = require("../store");
+var _Expands = require("../store/Expands");
+var _Symbols = require("./ReRender/Symbols");
+var _jsxRuntime = require("react/jsx-runtime");
+var NestedClose = function NestedClose(props) {
+  var _expands$expandKey;
+  var value = props.value,
+    expandKey = props.expandKey,
+    level = props.level;
+  var expands = (0, _Expands.useExpandsStore)();
+  var isArray = Array.isArray(value);
+  var _useStore = (0, _store.useStore)(),
+    collapsed = _useStore.collapsed;
+  var isMySet = value instanceof Set;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var len = Object.keys(value).length;
+  if (isExpanded || len === 0) {
+    return null;
+  }
+  var style = {
+    paddingLeft: 4
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.BracketsClose, {
+      isBrackets: isArray || isMySet,
+      isVisiable: true
+    })
+  });
+};
+exports.NestedClose = NestedClose;
+NestedClose.displayName = 'JVR.NestedClose';

package/cjs/comps/NestedOpen.d.ts

@@ -0,0 +1,11 @@
+export interface NestedOpenProps<T extends object> {
+    keyName?: string | number;
+    value?: T;
+    initialValue?: T;
+    expandKey: string;
+    level: number;
+}
+export declare const NestedOpen: {
+    <T extends object>(props: NestedOpenProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/cjs/comps/NestedOpen.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NestedOpen = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _KeyValues = require("./KeyValues");
+var _Expands = require("../store/Expands");
+var _store = require("../store");
+var _Copied = require("./Copied");
+var _CountInfo = require("./CountInfo");
+var _Symbols = require("./ReRender/Symbols");
+var _Ellipsis = require("./Ellipsis");
+var _Types = require("./ReRender/Types");
+var _jsxRuntime = require("react/jsx-runtime");
+var NestedOpen = function NestedOpen(props) {
+  var _expands$expandKey;
+  var keyName = props.keyName,
+    expandKey = props.expandKey,
+    initialValue = props.initialValue,
+    value = props.value,
+    level = props.level;
+  var expands = (0, _Expands.useExpandsStore)();
+  var dispatchExpands = (0, _Expands.useExpandsDispatch)();
+  var _useStore = (0, _store.useStore)(),
+    onExpand = _useStore.onExpand,
+    collapsed = _useStore.collapsed;
+  var isArray = Array.isArray(value);
+  var isMySet = value instanceof Set;
+  var isExpanded = (_expands$expandKey = expands[expandKey]) !== null && _expands$expandKey !== void 0 ? _expands$expandKey : typeof collapsed === 'boolean' ? collapsed : typeof collapsed === 'number' ? level > collapsed : false;
+  var isObject = (0, _typeof2["default"])(value) === 'object';
+  var click = function click() {
+    var opt = {
+      expand: !isExpanded,
+      value: value,
+      keyid: expandKey,
+      keyName: keyName
+    };
+    onExpand && onExpand(opt);
+    dispatchExpands((0, _defineProperty2["default"])({}, expandKey, opt.expand));
+  };
+  var style = {
+    display: 'inline-flex',
+    alignItems: 'center'
+  };
+  var arrowStyle = {
+    transform: "rotate(".concat(!isExpanded ? '0' : '-90', "deg)"),
+    transition: 'all 0.3s'
+  };
+  var len = Object.keys(value).length;
+  var showArrow = len !== 0 && (isArray || isMySet || isObject);
+  var reset = {
+    style: style
+  };
+  if (showArrow) {
+    reset.onClick = click;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    children: [showArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.Arrow, {
+      style: arrowStyle,
+      expandKey: expandKey
+    }), (keyName || typeof keyName === 'number') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyValues.KayName, {
+      keyName: keyName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.SetComp, {
+      isSet: initialValue instanceof Set
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Types.MapComp, {
+      isMap: initialValue instanceof Map
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.BracketsOpen, {
+      isBrackets: isArray || isMySet
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ellipsis.Ellipsis, {
+      keyName: keyName,
+      value: value,
+      isExpanded: isExpanded
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.BracketsClose, {
+      isVisiable: isExpanded || !showArrow,
+      isBrackets: isArray || isMySet
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CountInfo.CountInfo, {
+      value: value,
+      keyName: keyName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CountInfo.CountInfoExtra, {
+      value: value,
+      keyName: keyName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Copied.Copied, {
+      keyName: keyName,
+      value: value,
+      expandKey: expandKey
+    })]
+  }));
+};
+exports.NestedOpen = NestedOpen;
+NestedOpen.displayName = 'JVR.NestedOpen';

package/cjs/comps/ReRender/Symbols.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+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;
+    displayName: string;
+};
+export declare const ValueQuote: {
+    (props: {
+        isNumber?: boolean | undefined;
+    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const Colon: {
+    (): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Arrow: {
+    <T extends TagType>(props: {
+        as?: T | undefined;
+        render?: ((props: SymbolsElement<T>) => import("react").ReactNode) | undefined;
+        'data-type'?: string | undefined;
+    } & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+        expandKey: string;
+    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BracketsOpen: {
+    ({ isBrackets }: {
+        isBrackets?: boolean | undefined;
+    }): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BracketsCloseProps = {
+    isBrackets?: boolean;
+    isVisiable?: boolean;
+};
+export declare const BracketsClose: {
+    ({ isBrackets, isVisiable }: BracketsCloseProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

package/cjs/comps/ReRender/Symbols.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueQuote = exports.Quote = exports.Colon = exports.BracketsOpen = exports.BracketsClose = exports.Arrow = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _Symbols = require("../../store/Symbols");
+var _Expands = require("../../store/Expands");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["as", "render"],
+  _excluded2 = ["as", "render"],
+  _excluded3 = ["as", "render"],
+  _excluded4 = ["as", "style", "render"],
+  _excluded5 = ["as", "render"],
+  _excluded6 = ["as", "render"],
+  _excluded7 = ["as", "render"],
+  _excluded8 = ["as", "render"];
+var Quote = function Quote(props) {
+  var _useSymbolsStore = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore$Quot = _useSymbolsStore.Quote,
+    Comp = _useSymbolsStore$Quot === void 0 ? {} : _useSymbolsStore$Quot;
+  var isNumber = props.isNumber;
+  if (isNumber) return null;
+  var as = Comp.as,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded);
+  var Elm = as || 'span';
+  var child = render && typeof render === 'function' && render(reset);
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
+};
+exports.Quote = Quote;
+Quote.displayName = 'JVR.Quote';
+var ValueQuote = function ValueQuote(props) {
+  var _useSymbolsStore2 = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore2$Val = _useSymbolsStore2.ValueQuote,
+    Comp = _useSymbolsStore2$Val === void 0 ? {} : _useSymbolsStore2$Val;
+  var isNumber = props.isNumber;
+  if (isNumber) return null;
+  var as = Comp.as,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded2);
+  var Elm = as || 'span';
+  var child = render && typeof render === 'function' && render(reset);
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
+};
+exports.ValueQuote = ValueQuote;
+ValueQuote.displayName = 'JVR.ValueQuote';
+var Colon = function Colon() {
+  var _useSymbolsStore3 = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore3$Col = _useSymbolsStore3.Colon,
+    Comp = _useSymbolsStore3$Col === void 0 ? {} : _useSymbolsStore3$Col;
+  var as = Comp.as,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded3);
+  var Elm = as || 'span';
+  var child = render && typeof render === 'function' && render(reset);
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])({}, reset));
+};
+exports.Colon = Colon;
+Colon.displayName = 'JVR.Colon';
+var Arrow = function Arrow(props) {
+  var _useSymbolsStore4 = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore4$Arr = _useSymbolsStore4.Arrow,
+    Comp = _useSymbolsStore4$Arr === void 0 ? {} : _useSymbolsStore4$Arr;
+  var expands = (0, _Expands.useExpandsStore)();
+  var expandKey = props.expandKey;
+  var isExpanded = !!expands[expandKey];
+  var as = Comp.as,
+    style = Comp.style,
+    render = Comp.render,
+    reset = (0, _objectWithoutProperties2["default"])(Comp, _excluded4);
+  var Elm = as || 'span';
+  var isRender = render && typeof render === 'function';
+  var child = isRender && render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    'data-expanded': isExpanded,
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), props.style)
+  }));
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Elm, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
+    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), props.style)
+  }));
+};
+exports.Arrow = Arrow;
+Arrow.displayName = 'JVR.Arrow';
+var BracketsOpen = function BracketsOpen(_ref) {
+  var isBrackets = _ref.isBrackets;
+  var _useSymbolsStore5 = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore5$Bra = _useSymbolsStore5.BracketsLeft,
+    BracketsLeft = _useSymbolsStore5$Bra === void 0 ? {} : _useSymbolsStore5$Bra,
+    _useSymbolsStore5$Bra2 = _useSymbolsStore5.BraceLeft,
+    BraceLeft = _useSymbolsStore5$Bra2 === void 0 ? {} : _useSymbolsStore5$Bra2;
+  if (isBrackets) {
+    var as = BracketsLeft.as,
+      _render = BracketsLeft.render,
+      reset = (0, _objectWithoutProperties2["default"])(BracketsLeft, _excluded5);
+    var BracketsLeftComp = as || 'span';
+    var _child = _render && typeof _render === 'function' && _render(reset);
+    if (_child) return _child;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BracketsLeftComp, (0, _objectSpread2["default"])({}, reset));
+  }
+  var elm = BraceLeft.as,
+    render = BraceLeft.render,
+    props = (0, _objectWithoutProperties2["default"])(BraceLeft, _excluded6);
+  var BraceLeftComp = elm || 'span';
+  var child = render && typeof render === 'function' && render(props);
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceLeftComp, (0, _objectSpread2["default"])({}, props));
+};
+exports.BracketsOpen = BracketsOpen;
+BracketsOpen.displayName = 'JVR.BracketsOpen';
+var BracketsClose = function BracketsClose(_ref2) {
+  var isBrackets = _ref2.isBrackets,
+    isVisiable = _ref2.isVisiable;
+  if (!isVisiable) return null;
+  var _useSymbolsStore6 = (0, _Symbols.useSymbolsStore)(),
+    _useSymbolsStore6$Bra = _useSymbolsStore6.BracketsRight,
+    BracketsRight = _useSymbolsStore6$Bra === void 0 ? {} : _useSymbolsStore6$Bra,
+    _useSymbolsStore6$Bra2 = _useSymbolsStore6.BraceRight,
+    BraceRight = _useSymbolsStore6$Bra2 === void 0 ? {} : _useSymbolsStore6$Bra2;
+  if (isBrackets) {
+    var as = BracketsRight.as,
+      _render2 = BracketsRight.render,
+      _reset = (0, _objectWithoutProperties2["default"])(BracketsRight, _excluded7);
+    var BracketsRightComp = as || 'span';
+    var _child2 = _render2 && typeof _render2 === 'function' && _render2(_reset);
+    if (_child2) return _child2;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BracketsRightComp, (0, _objectSpread2["default"])({}, _reset));
+  }
+  var elm = BraceRight.as,
+    render = BraceRight.render,
+    reset = (0, _objectWithoutProperties2["default"])(BraceRight, _excluded8);
+  var BraceRightComp = elm || 'span';
+  var child = render && typeof render === 'function' && render(reset);
+  if (child) return child;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BraceRightComp, (0, _objectSpread2["default"])({}, reset));
+};
+exports.BracketsClose = BracketsClose;
+BracketsClose.displayName = 'JVR.BracketsClose';

package/cjs/comps/ReRender/Types.d.ts

@@ -0,0 +1,36 @@
+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;
+};
+type TypeProps = PropsWithChildren<{
+    expandKey: string;
+    keyName: string | number;
+}>;
+export declare const TypeString: FC<TypeProps>;
+export declare const TypeTrue: FC<TypeProps>;
+export declare const TypeFalse: FC<TypeProps>;
+export declare const TypeFloat: FC<TypeProps>;
+export declare const TypeInt: FC<TypeProps>;
+export declare const TypeBigint: FC<{
+    children?: BigInt;
+} & Omit<TypeProps, 'children'>>;
+export declare const TypeUrl: FC<{
+    children?: URL;
+} & Omit<TypeProps, 'children'>>;
+export declare const TypeDate: FC<{
+    children?: Date;
+} & Omit<TypeProps, 'children'>>;
+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 {};