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

package/cjs/semicolon.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Semicolon = void 0;
-exports.useHighlight = useHighlight;
-exports.usePrevious = usePrevious;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = require("react");
-var _value = require("./value");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "render", "color", "value", "className", "keyName", "highlightUpdates", "quotes", "style", "namespace", "parentName"];
-function usePrevious(value) {
-  var ref = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-function useHighlight(_ref) {
-  var value = _ref.value,
-    highlightUpdates = _ref.highlightUpdates,
-    highlightContainer = _ref.highlightContainer;
-  var prevValue = usePrevious(value);
-  var isHighlight = (0, _react.useMemo)(function () {
-    if (!highlightUpdates || prevValue === undefined) return false;
-    // highlight if value type changed
-    if ((0, _typeof2["default"])(value) !== (0, _typeof2["default"])(prevValue)) {
-      return true;
-    }
-    if (typeof value === 'number') {
-      // notice: NaN !== NaN
-      if (isNaN(value) && isNaN(prevValue)) return false;
-      return value !== prevValue;
-    }
-    // highlight if isArray changed
-    if (Array.isArray(value) !== Array.isArray(prevValue)) {
-      return true;
-    }
-    // not highlight object/function
-    // deep compare they will be slow
-    if ((0, _typeof2["default"])(value) === 'object' || typeof value === 'function') {
-      return false;
-    }
-
-    // highlight if not equal
-    if (value !== prevValue) {
-      return true;
-    }
-    return false;
-  }, [highlightUpdates, value]);
-  (0, _react.useEffect)(function () {
-    if (highlightContainer && highlightContainer.current && isHighlight && 'animate' in highlightContainer.current) {
-      highlightContainer.current.animate([{
-        backgroundColor: 'var(--w-rjv-update-color, #ebcb8b)'
-      }, {
-        backgroundColor: ''
-      }], {
-        duration: 1000,
-        easing: 'ease-in'
-      });
-    }
-  }, [isHighlight, value, highlightContainer]);
-}
-var Semicolon = function Semicolon(_ref2) {
-  var children = _ref2.children,
-    render = _ref2.render,
-    color = _ref2.color,
-    value = _ref2.value,
-    _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? 'w-rjv-object-key' : _ref2$className,
-    keyName = _ref2.keyName,
-    highlightUpdates = _ref2.highlightUpdates,
-    quotes = _ref2.quotes,
-    style = _ref2.style,
-    namespace = _ref2.namespace,
-    parentName = _ref2.parentName,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var highlightContainer = (0, _react.useRef)(null);
-  var content = typeof keyName === 'string' ? "".concat(quotes).concat(keyName).concat(quotes) : keyName;
-  if (render) {
-    return render((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      className: className
-    }, props), {}, {
-      value: value,
-      namespace: namespace,
-      style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), {}, {
-        color: color
-      }),
-      parentName: parentName,
-      keyName: keyName,
-      quotes: quotes,
-      label: keyName,
-      children: content
-    }));
-  }
-  useHighlight({
-    value: value,
-    highlightUpdates: highlightUpdates,
-    highlightContainer: highlightContainer
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_value.Label, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    className: className,
-    color: color
-  }, props), {}, {
-    ref: highlightContainer,
-    children: content
-  }));
-};
-exports.Semicolon = Semicolon;
-Semicolon.displayName = 'JSR.Semicolon';

package/cjs/value.d.ts

@@ -1,84 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-import type { JsonViewProps } from './';
-export declare const Line: FC<PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;
-export declare const isFloat: (n: number) => boolean;
-export declare const typeMap: {
-    string: {
-        color: string;
-        label: string;
-    };
-    number: {
-        color: string;
-        label: string;
-    };
-    float: {
-        color: string;
-        label: string;
-    };
-    bigint: {
-        color: string;
-        label: string;
-    };
-    boolean: {
-        color: string;
-        label: string;
-    };
-    date: {
-        color: string;
-        label: string;
-    };
-    url: {
-        color: string;
-        label: string;
-    };
-    null: {
-        color: string;
-        label: string;
-    };
-    NaN: {
-        color: string;
-        label: string;
-    };
-    undefined: {
-        color: string;
-        label: string;
-    };
-};
-export declare const Colon: FC<PropsWithChildren<React.HTMLAttributes<HTMLSpanElement>>>;
-export interface ValueViewProps<T extends object> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-    keyName?: string | number;
-    value?: unknown;
-    parentValue?: T;
-    data?: T;
-    displayDataTypes: boolean;
-    displayObjectSize: boolean;
-    enableClipboard: boolean;
-    indentWidth: number;
-    level?: number;
-    shortenTextAfterLength?: JsonViewProps<T>['shortenTextAfterLength'];
-    namespace?: Array<string | number>;
-    quotes?: JsonViewProps<T>['quotes'];
-    components?: JsonViewProps<T>['components'];
-    renderKey?: JSX.Element;
-    countInfo?: JSX.Element;
-    setValue?: React.Dispatch<React.SetStateAction<T>>;
-}
-export declare function getValueString<T>(value: T): {
-    type: "string" | "number" | "bigint" | "boolean" | "undefined" | "date" | "url" | "float" | "null" | "NaN";
-    content: string;
-};
-export declare function ValueView<T extends object>(props: ValueViewProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace ValueView {
-    var displayName: string;
-}
-export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
-    color?: string;
-    fontSize?: number;
-    opacity?: number;
-    paddingRight?: number;
-}
-export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement>>;
-export interface TypeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-    type: keyof typeof typeMap;
-}
-export declare const Type: FC<PropsWithChildren<TypeProps>>;

package/cjs/value.js

@@ -1,348 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Type = exports.Line = exports.Label = exports.Colon = void 0;
-exports.ValueView = ValueView;
-exports.getValueString = getValueString;
-exports.typeMap = exports.isFloat = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = require("react");
-var _meta = require("./comps/meta");
-var _copied = require("./copied");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "style"],
-  _excluded2 = ["children", "length", "style"],
-  _excluded3 = ["color", "style", "isURL", "href", "children"],
-  _excluded4 = ["value", "parentValue", "setValue", "countInfo", "data", "keyName", "indentWidth", "namespace", "renderKey", "components", "quotes", "level", "enableClipboard", "displayObjectSize", "displayDataTypes", "shortenTextAfterLength"],
-  _excluded5 = ["children", "color", "fontSize", "opacity", "paddingRight", "style"];
-var Line = function Line(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])({}, props));
-};
-exports.Line = Line;
-Line.displayName = 'JVR.Line';
-var isFloat = function isFloat(n) {
-  return Number(n) === n && n % 1 !== 0 || isNaN(n);
-};
-exports.isFloat = isFloat;
-var typeMap = {
-  string: {
-    color: 'var(--w-rjv-type-string-color, #cb4b16)',
-    label: 'string'
-  },
-  number: {
-    color: 'var(--w-rjv-type-int-color, #268bd2)',
-    label: 'int'
-  },
-  "float": {
-    color: 'var(--w-rjv-type-float-color, #859900)',
-    label: 'float'
-  },
-  bigint: {
-    color: 'var(--w-rjv-type-bigint-color, #268bd2)',
-    label: 'bigint'
-  },
-  "boolean": {
-    color: 'var(--w-rjv-type-boolean-color, #2aa198)',
-    label: 'bool'
-  },
-  date: {
-    color: 'var(--w-rjv-type-date-color, #586e75)',
-    label: 'date'
-  },
-  url: {
-    color: 'var(--w-rjv-type-url-color, #0969da)',
-    label: 'url'
-  },
-  "null": {
-    color: 'var(--w-rjv-type-null-color, #d33682)',
-    label: 'null'
-  },
-  NaN: {
-    color: 'var(--w-rjv-type-nan-color, #859900)',
-    label: 'NaN'
-  },
-  undefined: {
-    color: 'var(--w-rjv-type-undefined-color, #586e75)',
-    label: 'undefined'
-  }
-};
-exports.typeMap = typeMap;
-var Colon = function Colon(_ref) {
-  var _ref$children = _ref.children,
-    children = _ref$children === void 0 ? ':' : _ref$children,
-    style = _ref.style,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    className: "w-rjv-colon",
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      paddingRight: 3
-    }, style), {}, {
-      color: 'var(--w-rjv-colon-color, var(--w-rjv-color))'
-    })
-  }, props), {}, {
-    children: children
-  }));
-};
-exports.Colon = Colon;
-Colon.displayName = 'JVR.Colon';
-function getValueString(value) {
-  var type = (0, _typeof2["default"])(value);
-  var content = '';
-  if (typeof value === 'number') {
-    type = isFloat(value) ? 'float' : 'number';
-    content = value.toString();
-    if (isNaN(value)) {
-      type = 'NaN';
-      content = 'NaN';
-    }
-  }
-  if (typeof value === 'boolean') {
-    type = 'boolean';
-    content = value.toString();
-  }
-  if ((0, _typeof2["default"])(value) === 'object' && value instanceof Date) {
-    type = 'date';
-    content = value.toString();
-  }
-  if (value === null) {
-    type = 'null';
-    content = "".concat(value).toLocaleUpperCase();
-  }
-  if (value === undefined) {
-    type = 'undefined';
-    content = String(value);
-  }
-  if (typeof value === 'bigint') {
-    type = 'bigint';
-    content = "".concat(value, "n");
-  }
-  var isURL = value instanceof URL;
-  if (isURL) {
-    type = 'url';
-    content = "\"".concat(value.href, "\"");
-  }
-  if (typeof value === 'string') {
-    content = "\"".concat(value, "\"");
-  }
-  return {
-    type: type,
-    content: content
-  };
-}
-var RenderShortenTextValue = function RenderShortenTextValue(_ref2) {
-  var children = _ref2.children,
-    length = _ref2.length,
-    style = _ref2.style,
-    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  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 click = function click() {
-    console.log(shorten);
-    if (length && childrenStr.length <= length) return setShorten(false);
-    setShorten(!shorten);
-  };
-  var text = shorten ? "".concat(childrenStr.slice(0, length), "...") : childrenStr;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderStringValue, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rest), {}, {
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), {}, {
-      cursor: 'pointer'
-    }),
-    onClick: click,
-    children: text
-  }));
-};
-RenderShortenTextValue.displayName = 'JVR.RenderShortenTextValue';
-var RenderStringValue = function RenderStringValue(_ref3) {
-  var color = _ref3.color,
-    style = _ref3.style,
-    isURL = _ref3.isURL,
-    href = _ref3.href,
-    children = _ref3.children,
-    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Label, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    color: color,
-    style: style
-  }, rest), {}, {
-    className: "w-rjv-value",
-    children: [isURL && /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-      href: href,
-      style: {
-        color: color
-      },
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: children
-    }), !isURL && children]
-  }));
-};
-RenderStringValue.displayName = 'JVR.RenderStringValue';
-function ValueView(props) {
-  var _typeMap$type;
-  var value = props.value,
-    parentValue = props.parentValue,
-    setValue = props.setValue,
-    countInfo = props.countInfo,
-    data = props.data,
-    keyName = props.keyName,
-    indentWidth = props.indentWidth,
-    namespace = props.namespace,
-    renderKey = props.renderKey,
-    _props$components = props.components,
-    components = _props$components === void 0 ? {} : _props$components,
-    quotes = props.quotes,
-    level = props.level,
-    enableClipboard = props.enableClipboard,
-    displayObjectSize = props.displayObjectSize,
-    displayDataTypes = props.displayDataTypes,
-    shortenTextAfterLength = props.shortenTextAfterLength,
-    reset = (0, _objectWithoutProperties2["default"])(props, _excluded4);
-  var color = '';
-  var style = {};
-  var _getValueString = getValueString(value),
-    type = _getValueString.type,
-    content = _getValueString.content;
-  var typeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(Type, {
-    type: type
-  });
-  if (value === null) {
-    typeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
-    style = {
-      fontWeight: 'bold'
-    };
-  }
-  if (value === undefined || type.toLocaleLowerCase() === 'nan' || !displayDataTypes) {
-    typeView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {});
-  }
-  var isURL = value instanceof URL;
-  color = ((_typeMap$type = typeMap[type]) === null || _typeMap$type === void 0 ? void 0 : _typeMap$type.color) || '';
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    showTools = _useState4[0],
-    setShowTools = _useState4[1];
-  var tools = (0, _react.useMemo)(function () {
-    return enableClipboard && showTools && /*#__PURE__*/(0, _jsxRuntime.jsx)(_copied.Copied, {
-      show: showTools,
-      text: value
-    });
-  }, [enableClipboard, showTools, value]);
-  // const tools = enableClipboard ? <Copied show={showTools} text={value} /> : undefined;
-  var eventProps = {
-    className: 'w-rjv-line',
-    style: {
-      paddingLeft: indentWidth
-    }
-  };
-  if (enableClipboard) {
-    eventProps.onMouseEnter = function () {
-      return setShowTools(true);
-    };
-    eventProps.onMouseLeave = function () {
-      return setShowTools(false);
-    };
-  }
-  if (content && typeof content === 'string') {
-    var reView = components.value && components.value({
-      className: 'w-rjv-value',
-      style: (0, _objectSpread2["default"])({
-        color: color
-      }, style),
-      type: type,
-      value: value,
-      setValue: setValue,
-      data: data,
-      parentValue: parentValue,
-      quotes: quotes,
-      keyName: keyName,
-      namespace: namespace,
-      visible: showTools,
-      content: content,
-      children: content
-    });
-    var valueView = shortenTextAfterLength && type === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderShortenTextValue, {
-      color: color,
-      href: isURL ? value.href : '',
-      style: style,
-      isURL: isURL,
-      length: shortenTextAfterLength,
-      children: content
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderStringValue, {
-      color: color,
-      href: isURL ? value.href : '',
-      style: style,
-      isURL: isURL,
-      children: content
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, eventProps), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Label, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-        ref: null,
-        children: [renderKey, /*#__PURE__*/(0, _jsxRuntime.jsx)(Colon, {}), typeView, reView ? reView : valueView, tools]
-      }))
-    }));
-  }
-  var empty = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_meta.Meta, {
-      render: components.braces,
-      start: true,
-      isArray: Array.isArray(value)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_meta.Meta, {
-      render: components.braces,
-      isArray: Array.isArray(value)
-    }), countInfo]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, eventProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Label, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reset), {}, {
-      ref: null,
-      children: [renderKey, /*#__PURE__*/(0, _jsxRuntime.jsx)(Colon, {}), typeView, empty, tools]
-    }))
-  }));
-}
-ValueView.displayName = 'JVR.ValueView';
-var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
-  var children = _ref4.children,
-    color = _ref4.color,
-    fontSize = _ref4.fontSize,
-    opacity = _ref4.opacity,
-    paddingRight = _ref4.paddingRight,
-    style = _ref4.style,
-    reset = (0, _objectWithoutProperties2["default"])(_ref4, _excluded5);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-    style: (0, _objectSpread2["default"])({
-      color: color,
-      fontSize: fontSize,
-      opacity: opacity,
-      paddingRight: paddingRight
-    }, style)
-  }, reset), {}, {
-    ref: ref,
-    children: children
-  }));
-});
-exports.Label = Label;
-Label.displayName = 'JVR.Label';
-var Type = function Type(props) {
-  var _typeMap$type2, _typeMap$type3;
-  var type = props.type;
-  var color = (_typeMap$type2 = typeMap[type]) === null || _typeMap$type2 === void 0 ? void 0 : _typeMap$type2.color;
-  var label = (_typeMap$type3 = typeMap[type]) === null || _typeMap$type3 === void 0 ? void 0 : _typeMap$type3.label;
-  if (color && label) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
-      color: color,
-      fontSize: 11,
-      opacity: 0.8,
-      paddingRight: 4,
-      className: "w-rjv-type",
-      "data-type": type,
-      children: label
-    });
-  }
-};
-exports.Type = Type;
-Type.displayName = 'JVR.Type';

package/esm/comps/ellipsis.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export interface EllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
-    count: number;
-    level: number;
-    render?: (props: EllipsisProps) => JSX.Element;
-}
-export declare const Ellipsis: FC<PropsWithChildren<EllipsisProps>>;

package/esm/comps/ellipsis.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["style", "render", "count", "level"];
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Ellipsis = _ref => {
-  var {
-      style,
-      render,
-      count,
-      level
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var styl = _extends({
-    cursor: 'pointer'
-  }, style);
-  var className = "w-rjv-ellipsis " + (props.className || '');
-  if (render) return render(_extends({
-    style: styl,
-    count,
-    level
-  }, props, {
-    className
-  }));
-  return /*#__PURE__*/_jsx("span", _extends({
-    className: className,
-    style: styl
-  }, props, {
-    children: "..."
-  }));
-};
-Ellipsis.displayName = 'JVR.Ellipsis';

package/esm/comps/meta.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { LabelProps } from '../value';
-export interface MetaProps extends LabelProps {
-    isArray?: boolean;
-    start?: boolean;
-    level?: number;
-    render?: (props: Pick<MetaProps, 'start' | 'level' | 'isArray' | 'className' | 'children'>) => JSX.Element;
-}
-export declare function Meta(props: MetaProps): JSX.Element;
-export declare namespace Meta {
-    var displayName: string;
-}

package/esm/comps/meta.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["isArray", "start", "level", "className", "render"];
-import { Label } from '../value';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Meta(props) {
-  var {
-      isArray = false,
-      start = false,
-      level,
-      className,
-      render
-    } = props,
-    reset = _objectWithoutPropertiesLoose(props, _excluded);
-  var mark = isArray ? '[]' : '{}';
-  var cls = "w-rjv-" + (isArray ? 'brackets' : 'curlybraces') + "-" + (start ? 'start' : 'end') + " " + (className || '');
-  var color = "var(--w-rjv-" + (isArray ? 'brackets' : 'curlybraces') + "-color, #236a7c)";
-  if (render) {
-    var viev = render(_extends({
-      isArray,
-      level,
-      className: cls,
-      style: {
-        color
-      },
-      children: start ? mark.charAt(0) : mark.charAt(1)
-    }, reset));
-    if (viev) {
-      return viev;
-    }
-  }
-  return /*#__PURE__*/_jsx(Label, _extends({
-    color: color,
-    className: cls
-  }, reset, {
-    children: start ? mark.charAt(0) : mark.charAt(1)
-  }));
-}
-Meta.displayName = 'JVR.Meta';

package/esm/copied.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface CopiedProps<T = object> extends React.SVGProps<SVGSVGElement> {
-    show?: boolean;
-    text?: T;
-    onCopied?: (text: string, obj: T | '') => void;
-    render?: (props: Omit<CopiedProps<T>, 'render'>) => JSX.Element;
-}
-export declare function Copied<T>(props: CopiedProps<T>): JSX.Element | null;
-export declare namespace Copied {
-    var displayName: string;
-}

package/esm/editor/countInfoExtra.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import type { CountInfoProps } from '../';
-export interface CountInfoExtraProps<T> extends Partial<CountInfoProps> {
-    editable: boolean;
-    showTools: boolean;
-    value: T;
-    parentValue?: T;
-    keyName?: string | number;
-    namespace?: Array<string | number>;
-    setValue?: React.Dispatch<React.SetStateAction<T>>;
-    setParentValue?: React.Dispatch<React.SetStateAction<T>>;
-    /**
-     * When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed.
-     * @returns {boolean} Returning false from onAdd will prevent the change from being made.
-     */
-    onAdd?: (keyOrValue: string, newValue: T, value: T, isAdd: boolean) => boolean;
-    /**
-     * When a callback function is passed in, delete functionality is enabled. The callback is invoked before deletions are completed.
-     * @returns Returning false from onDelete will prevent the change from being made.
-     */
-    onDelete?: (keyName: string | number, value: T, parentValue: T | null, opt: {
-        namespace?: Array<string | number>;
-    }) => boolean;
-}
-export declare function CountInfoExtra<T extends object>(props: CountInfoExtraProps<T>): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace CountInfoExtra {
-    var displayName: string;
-}