@splunk/react-ui 4.21.0 → 4.21.1

package/WaitSpinner.js

@@ -1,206 +1,230 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ WaitSpinner_WaitSpinner)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
-const AnimationToggle_namespaceObject = require("@splunk/react-ui/AnimationToggle");
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
-
-
-var Styled = external_styled_components_default().div.withConfig({
-  displayName: "WaitSpinnerStyles__Styled",
-  componentId: "sc-1nu971z-0"
-})(["", ";align-items:center;"], themes_namespaceObject.mixins.reset('inline-flex'));
-var spin = (0,external_styled_components_namespaceObject.keyframes)(["100%{transform:rotate(360deg);}"]);
-var appearAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}"]);
-var prismaAnimationDuration = '2.07s';
-var StyledSvg = external_styled_components_default().svg.withConfig({
-  displayName: "WaitSpinnerStyles__StyledSvg",
-  componentId: "sc-1nu971z-1"
-})(["", " ", ""], (0,themes_namespaceObject.pickVariant)('$size', {
-  small: {
-    enterprise: (0,external_styled_components_namespaceObject.css)(["width:14px;height:14px;"]),
-    prisma: (0,external_styled_components_namespaceObject.css)(["width:16px;height:16px;"])
-  },
-  medium: {
-    enterprise: (0,external_styled_components_namespaceObject.css)(["width:19px;height:19px;"]),
-    prisma: (0,external_styled_components_namespaceObject.css)(["width:24px;height:24px;"])
-  },
-  large: {
-    enterprise: (0,external_styled_components_namespaceObject.css)(["width:19px;height:19px;"]),
-    prisma: (0,external_styled_components_namespaceObject.css)(["width:40px;height:40px;"])
-  }
-}), function (_ref) {
-  var $animated = _ref.$animated;
-  return $animated && (0,themes_namespaceObject.pick)({
-    enterprise: (0,external_styled_components_namespaceObject.css)(["transform-origin:center;animation:", " 1.2s steps(64) infinite;"], spin),
-    prisma: (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);"], spin, prismaAnimationDuration, appearAnimation)
-  });
-});
-var prismaBaseAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
-var prismaFillAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
-var StyledPrismaBasePath = external_styled_components_default().circle.withConfig({
-  displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
-  componentId: "sc-1nu971z-2"
-})(["stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;"], themes_namespaceObject.variables.contentColorDisabled, function (_ref2) {
-  var $animated = _ref2.$animated;
-  return $animated && (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite;animation-fill-mode:backwards;"], prismaBaseAnimation, prismaAnimationDuration);
-});
-var StyledPrismaFillPath = external_styled_components_default().circle.withConfig({
-  displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
-  componentId: "sc-1nu971z-3"
-})(["fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", ""], (0,themes_namespaceObject.pickVariant)('$size', {
-  small: themes_namespaceObject.variables.contentColorDefault,
-  medium: themes_namespaceObject.variables.contentColorDefault,
-  large: themes_namespaceObject.variables.interactiveColorPrimary
-}), function (_ref3) {
-  var $animated = _ref3.$animated;
-  return $animated && (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite;"], prismaFillAnimation, prismaAnimationDuration);
-});
-var StyledEnterpriseCircle = external_styled_components_default().circle.withConfig({
-  displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
-  componentId: "sc-1nu971z-4"
-})(["fill:transparent;stroke:", ";stroke-width:2px;", ""], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    dark: themes_namespaceObject.variables.white,
-    light: themes_namespaceObject.variables.gray60
-  },
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}), (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["stroke-dasharray:34 19;"])
-}));
-
-;// CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.tsx
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-var propTypes = {
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  screenReaderText: (external_prop_types_default()).string,
-  size: external_prop_types_default().oneOf(['small', 'medium', 'large'])
-};
-
-function WaitSpinner(_ref) {
-  var elementRef = _ref.elementRef,
-      _ref$screenReaderText = _ref.screenReaderText,
-      screenReaderText = _ref$screenReaderText === void 0 ? (0,i18n_namespaceObject._)('Waiting') : _ref$screenReaderText,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'small' : _ref$size,
-      otherProps = _objectWithoutProperties(_ref, ["elementRef", "screenReaderText", "size"]);
-
-  // @docs-props-type WaitSpinnerPropsBase
-  var animated = (0,AnimationToggle_namespaceObject.useAnimationToggle)() === 'on';
-
-  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
-      isPrisma = _useSplunkTheme.isPrisma;
-
-  var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
-  return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
-    "data-test": "wait-spinner"
-  }, otherProps), /*#__PURE__*/external_react_default().createElement(StyledSvg, {
-    viewBox: viewBox,
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: elementRef,
-    $animated: animated,
-    $size: size
-  }, screenReaderText && /*#__PURE__*/external_react_default().createElement("title", null, screenReaderText), /*#__PURE__*/external_react_default().createElement("g", null, isPrisma ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(StyledPrismaBasePath, {
-    r: "19",
-    cx: "20",
-    cy: "20",
-    $animated: animated,
-    $size: size
-  }), /*#__PURE__*/external_react_default().createElement(StyledPrismaFillPath, {
-    r: "19",
-    cx: "20",
-    cy: "20",
-    $animated: animated,
-    $size: size
-  })) : /*#__PURE__*/external_react_default().createElement(StyledEnterpriseCircle, {
-    cx: "9.5",
-    cy: "9.5",
-    r: "8.5"
-  }))));
-}
-
-WaitSpinner.propTypes = propTypes;
-/* harmony default export */ const WaitSpinner_WaitSpinner = (WaitSpinner);
-;// CONCATENATED MODULE: ./src/WaitSpinner/index.ts
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(r, {
+                a: r
+            });
+            /******/            return r;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var i in r) {
+                /******/ if (e.o(r, i) && !e.o(t, i)) {
+                    /******/ Object.defineProperty(t, i, {
+                        enumerable: true,
+                        get: r[i]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        default: () => /* reexport */ _
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var i =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
+    var n =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
+    const s = require("@splunk/react-ui/AnimationToggle");
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const o = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const l = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "styled-components"
+    const c = require("styled-components");
+    var m =  e.n(c);
+    // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
+    var p = m().div.withConfig({
+        displayName: "WaitSpinnerStyles__Styled",
+        componentId: "sc-1nu971z-0"
+    })([ "", ";align-items:center;" ], o.mixins.reset("inline-flex"));
+    var f = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
+    var d = (0, c.keyframes)([ "0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}" ]);
+    var u = "2.07s";
+    var y = m().svg.withConfig({
+        displayName: "WaitSpinnerStyles__StyledSvg",
+        componentId: "sc-1nu971z-1"
+    })([ "", " ", "" ], (0, o.pickVariant)("$size", {
+        small: {
+            enterprise: (0, c.css)([ "width:14px;height:14px;" ]),
+            prisma: (0, c.css)([ "width:16px;height:16px;" ])
+        },
+        medium: {
+            enterprise: (0, c.css)([ "width:19px;height:19px;" ]),
+            prisma: (0, c.css)([ "width:24px;height:24px;" ])
+        },
+        large: {
+            enterprise: (0, c.css)([ "width:19px;height:19px;" ]),
+            prisma: (0, c.css)([ "width:40px;height:40px;" ])
+        }
+    }), (function(e) {
+        var t = e.$animated;
+        return t && (0, o.pick)({
+            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], f),
+            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], f, u, d)
+        });
+    }));
+    var h = (0, c.keyframes)([ "0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
+    var v = (0, c.keyframes)([ "0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
+    var g = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
+        componentId: "sc-1nu971z-2"
+    })([ "stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;" ], o.variables.contentColorDisabled, (function(e) {
+        var t = e.$animated;
+        return t && (0, c.css)([ "animation:", " ", " infinite;animation-fill-mode:backwards;" ], h, u);
+    }));
+    var k = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
+        componentId: "sc-1nu971z-3"
+    })([ "fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", "" ], (0, 
+    o.pickVariant)("$size", {
+        small: o.variables.contentColorDefault,
+        medium: o.variables.contentColorDefault,
+        large: o.variables.interactiveColorPrimary
+    }), (function(e) {
+        var t = e.$animated;
+        return t && (0, c.css)([ "animation:", " ", " infinite;" ], v, u);
+    }));
+    var b = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
+        componentId: "sc-1nu971z-4"
+    })([ "fill:transparent;stroke:", ";stroke-width:2px;", "" ], (0, o.pick)({
+        enterprise: {
+            dark: o.variables.white,
+            light: o.variables.gray60
+        },
+        prisma: o.variables.contentColorMuted
+    }), (0, o.pick)({
+        enterprise: (0, c.css)([ "stroke-dasharray:34 19;" ])
+    }));
+    // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.tsx
+    function w() {
+        w = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var i in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, i)) {
+                        e[i] = r[i];
+                    }
+                }
+            }
+            return e;
+        };
+        return w.apply(this, arguments);
+    }
+    function x(e, t) {
+        if (e == null) return {};
+        var r = S(e, t);
+        var i, a;
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            for (a = 0; a < n.length; a++) {
+                i = n[a];
+                if (t.indexOf(i) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
+                r[i] = e[i];
+            }
+        }
+        return r;
+    }
+    function S(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var i = Object.keys(e);
+        var a, n;
+        for (n = 0; n < i.length; n++) {
+            a = i[n];
+            if (t.indexOf(a) >= 0) continue;
+            r[a] = e[a];
+        }
+        return r;
+    }
+    var z = {
+        elementRef: n().oneOfType([ n().func, n().object ]),
+        screenReaderText: n().string,
+        size: n().oneOf([ "small", "medium", "large" ])
+    };
+    function O(e) {
+        var t = e.elementRef, r = e.screenReaderText, a = r === void 0 ? (0, l._)("Waiting") : r, n = e.size, c = n === void 0 ? "small" : n, m = x(e, [ "elementRef", "screenReaderText", "size" ]);
+        // @docs-props-type WaitSpinnerPropsBase
+                var f = (0, s.useAnimationToggle)() === "on";
+        var d = (0, o.useSplunkTheme)(), u = d.isPrisma;
+        var h = u ? "0 0 40 40" : "0 0 19 19";
+        
+        return i().createElement(p, w({
+            "data-test": "wait-spinner"
+        }, m),  i().createElement(y, {
+            viewBox: h,
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            ref: t,
+            $animated: f,
+            $size: c
+        }, a &&  i().createElement("title", null, a),  i().createElement("g", null, u ?  i().createElement(i().Fragment, null,  i().createElement(g, {
+            r: "19",
+            cx: "20",
+            cy: "20",
+            $animated: f,
+            $size: c
+        }),  i().createElement(k, {
+            r: "19",
+            cx: "20",
+            cy: "20",
+            $animated: f,
+            $size: c
+        })) :  i().createElement(b, {
+            cx: "9.5",
+            cy: "9.5",
+            r: "8.5"
+        }))));
+    }
+    O.propTypes = z;
+    /* harmony default export */    const _ = O;
+    // CONCATENATED MODULE: ./src/WaitSpinner/index.ts
+    module.exports = t;
+    /******/})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.21.0",
+  "version": "4.21.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -42,7 +42,7 @@
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
     "@splunk/react-icons": "^4.0.2",
-    "@splunk/themes": "^0.16.2",
+    "@splunk/themes": "^0.16.3",
     "@splunk/ui-utils": "^1.6.0",
     "@types/commonmark": "^0.27.6",
     "@types/lodash": "^4.14.156",
@@ -66,12 +66,12 @@
     "@babel/core": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "1.0.0-beta.7",
+    "@splunk/docs-gen": "1.0.0-beta.8",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.7",
+    "@splunk/react-docs": "1.0.0-beta.8",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
-    "@splunk/webpack-configs": "^7.0.0",
+    "@splunk/webpack-configs": "^7.0.1",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-interactions": "^6.5.9",

package/types/src/JSONTree/JSONTreeContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface JSONTreeContext {
+    shift?: boolean | null;
+    updateShift?: (newShift: boolean) => void;
+}
+export declare const JSONTreeContext: import("react").Context<JSONTreeContext>;
+export default JSONTreeContext;

package/types/src/JSONTree/TreeNode.d.ts

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { JSONElement, JSONTreeClickValueHandler, JSONTreeClickKeyHandler } from './JSONTree';
+import JSONTreeContext from './JSONTreeContext';
 import { ClassComponentProps } from '../utils/types';
 interface JSONTreeNodePropsBase {
     path?: (string | number)[];
@@ -11,6 +12,7 @@ interface JSONTreeNodePropsBase {
     onClickKey?: JSONTreeClickKeyHandler;
     onClickValue?: JSONTreeClickValueHandler;
     overflow?: 'wrap' | 'scroll';
+    shift?: boolean;
 }
 declare const defaultProps: Required<Pick<JSONTreeNodePropsBase, 'path' | 'defaultOpen' | 'expandChildren' | 'indent' | 'indentLevel' | 'overflow'>>;
 declare type JSONTreeNodeProps = ClassComponentProps<JSONTreeNodePropsBase, typeof defaultProps, 'span'>;
@@ -23,6 +25,9 @@ interface JSONTreeNodeState {
 declare class JSONTreeNode extends Component<JSONTreeNodeProps, JSONTreeNodeState> {
     private regularIndent;
     private closingIndent;
+    private mutableShift;
+    context: React.ContextType<typeof JSONTreeContext>;
+    static contextType: React.Context<JSONTreeContext>;
     static propTypes: React.WeakValidationMap<ClassComponentProps<JSONTreeNodePropsBase, Required<Pick<JSONTreeNodePropsBase, "path" | "overflow" | "defaultOpen" | "expandChildren" | "indent" | "indentLevel">>, "span", never>>;
     static defaultProps: Required<Pick<JSONTreeNodePropsBase, "path" | "overflow" | "defaultOpen" | "expandChildren" | "indent" | "indentLevel">>;
     constructor(props: JSONTreeNodeProps);