gwchq-textjam 0.3.10 → 0.3.12

package/dist/index.js

@@ -68492,8 +68492,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(89379);
-/* harmony import */ var _Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53986);
+/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(89379);
+/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68512);
@@ -68514,7 +68514,7 @@ var DraggableTab = _ref => {
       draggableId,
       onTabClick
     } = _ref,
-    otherProps = (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(_ref, _excluded);
+    otherProps = (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(_ref, _excluded);
   var openedTabs = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.editor.openedTabs);
   var openFilesCount = openedTabs.filter(t => t && t.type === "file").length || 1;
   var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
@@ -68532,7 +68532,7 @@ var DraggableTab = _ref => {
       switchToFileTab((fileIndex + openFilesCount - 1) % openFilesCount);
     }
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)((0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)({
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)({
     draggableId: draggableId,
     index: fileIndex,
     onClick: e => {
@@ -68556,8 +68556,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
-/* harmony import */ var _Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
+/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
+/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98850);
 /* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39243);
@@ -68576,8 +68576,8 @@ var DroppableTabList = _ref => {
       children: _children,
       index
     } = _ref,
-    otherProps = (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
+    otherProps = (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, {
       direction: "horizontal",
       droppableId: index.toString(),
@@ -68587,7 +68587,7 @@ var DroppableTabList = _ref => {
           droppableProps,
           placeholder
         } = _ref2;
-        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
+        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
           className: "droppable-tab-list"
         }, droppableProps), {}, {
           ref: innerRef,
@@ -103160,7 +103160,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
@@ -103276,7 +103276,7 @@ var ProjectName = _ref => {
       id: "project_name_label",
       className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectLabel,
       children: "Project Name"
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,_Users_hanna_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
       className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectName, className)
     }, hoverProps), {}, {
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)((components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default()), {
@@ -346986,10 +346986,10 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Tab: () => (/* reexport */ Tab),
-  TabList: () => (/* reexport */ TabList),
-  TabPanel: () => (/* reexport */ TabPanel),
-  Tabs: () => (/* reexport */ Tabs),
+  Tab: () => (/* reexport */ components_Tab),
+  TabList: () => (/* reexport */ components_TabList),
+  TabPanel: () => (/* reexport */ components_TabPanel),
+  Tabs: () => (/* reexport */ components_Tabs),
   resetIdCounter: () => (/* reexport */ uuid_reset)
 });
 
@@ -347138,13 +347138,6 @@ function count_getTabsCount(children) {
   });
   return tabCount;
 }
-function count_getPanelsCount(children) {
-  var panelCount = 0;
-  childrenDeepMap_deepForEach(children, function (child) {
-    if (elementTypes_isTabPanel(child)) panelCount++;
-  });
-  return panelCount;
-}
 ;// ./node_modules/react-tabs/esm/components/UncontrolledTabs.js
 var _excluded = ["children", "className", "disabledTabClassName", "domRef", "focus", "forceRenderTabPanel", "onSelect", "selectedIndex", "selectedTabClassName", "selectedTabPanelClassName", "environment", "disableUpDownKeys"];
 
@@ -347152,10 +347145,6 @@ function UncontrolledTabs_extends() { UncontrolledTabs_extends = Object.assign |
 
 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; }
 
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 
 
 
@@ -347191,219 +347180,135 @@ function determineCanUseActiveElement(environment) {
     // Refer to the following resources:
     // http://stackoverflow.com/a/10982960/369687
     // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12733599
+    // istanbul ignore next
     canUseActiveElement = false;
   }
 }
 
-var UncontrolledTabs = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(UncontrolledTabs, _Component);
-
-  function UncontrolledTabs() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-    _this.tabNodes = [];
-
-    _this.handleKeyDown = function (e) {
-      var _this$props = _this.props,
-          direction = _this$props.direction,
-          disableUpDownKeys = _this$props.disableUpDownKeys;
-
-      if (_this.isTabFromContainer(e.target)) {
-        var index = _this.props.selectedIndex;
-        var preventDefault = false;
-        var useSelectedIndex = false;
-
-        if (e.keyCode === 32 || e.keyCode === 13) {
-          preventDefault = true;
-          useSelectedIndex = false;
-
-          _this.handleClick(e);
-        }
-
-        if (e.keyCode === 37 || !disableUpDownKeys && e.keyCode === 38) {
-          // Select next tab to the left, validate if up arrow is not disabled
-          if (direction === 'rtl') {
-            index = _this.getNextTab(index);
-          } else {
-            index = _this.getPrevTab(index);
-          }
-
-          preventDefault = true;
-          useSelectedIndex = true;
-        } else if (e.keyCode === 39 || !disableUpDownKeys && e.keyCode === 40) {
-          // Select next tab to the right, validate if down arrow is not disabled
-          if (direction === 'rtl') {
-            index = _this.getPrevTab(index);
-          } else {
-            index = _this.getNextTab(index);
-          }
-
-          preventDefault = true;
-          useSelectedIndex = true;
-        } else if (e.keyCode === 35) {
-          // Select last tab (End key)
-          index = _this.getLastTab();
-          preventDefault = true;
-          useSelectedIndex = true;
-        } else if (e.keyCode === 36) {
-          // Select first tab (Home key)
-          index = _this.getFirstTab();
-          preventDefault = true;
-          useSelectedIndex = true;
-        } // This prevents scrollbars from moving around
-
-
-        if (preventDefault) {
-          e.preventDefault();
-        } // Only use the selected index in the state if we're not using the tabbed index
-
-
-        if (useSelectedIndex) {
-          _this.setSelected(index, e);
-        }
-      }
-    };
-
-    _this.handleClick = function (e) {
-      var node = e.target;
-
-      do {
-        if (_this.isTabFromContainer(node)) {
-          if (isTabDisabled(node)) {
-            return;
-          }
-
-          var index = [].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);
-
-          _this.setSelected(index, e);
-
-          return;
-        }
-      } while ((node = node.parentNode) != null);
-    };
+var defaultProps = {
+  className: 'react-tabs',
+  focus: false
+};
+var propTypes =  false ? 0 : {};
 
-    return _this;
-  }
+var UncontrolledTabs = function UncontrolledTabs(props) {
+  var tabNodes = (0,external_react_.useRef)([]);
+  var tabIds = (0,external_react_.useRef)([]);
+  var panelIds = (0,external_react_.useRef)([]);
 
-  var _proto = UncontrolledTabs.prototype;
+  var _ref = (0,external_react_.useRef)();
 
-  _proto.setSelected = function setSelected(index, event) {
+  function setSelected(index, event) {
     // Check index boundary
-    if (index < 0 || index >= this.getTabsCount()) return;
-    var _this$props2 = this.props,
-        onSelect = _this$props2.onSelect,
-        selectedIndex = _this$props2.selectedIndex; // Call change event handler
+    if (index < 0 || index >= getTabsCount()) return;
+    var onSelect = props.onSelect,
+        selectedIndex = props.selectedIndex; // Call change event handler
 
     onSelect(index, selectedIndex, event);
-  };
+  }
 
-  _proto.getNextTab = function getNextTab(index) {
-    var count = this.getTabsCount(); // Look for non-disabled tab from index to the last tab on the right
+  function getNextTab(index) {
+    var count = getTabsCount(); // Look for non-disabled tab from index to the last tab on the right
 
     for (var i = index + 1; i < count; i++) {
-      if (!isTabDisabled(this.getTab(i))) {
+      if (!isTabDisabled(getTab(i))) {
         return i;
       }
     } // If no tab found, continue searching from first on left to index
 
 
     for (var _i = 0; _i < index; _i++) {
-      if (!isTabDisabled(this.getTab(_i))) {
+      if (!isTabDisabled(getTab(_i))) {
         return _i;
       }
-    } // No tabs are disabled, return index
+    } // All tabs are disabled, return index
+
+    /* istanbul ignore next */
 
 
     return index;
-  };
+  }
 
-  _proto.getPrevTab = function getPrevTab(index) {
+  function getPrevTab(index) {
     var i = index; // Look for non-disabled tab from index to first tab on the left
 
     while (i--) {
-      if (!isTabDisabled(this.getTab(i))) {
+      if (!isTabDisabled(getTab(i))) {
         return i;
       }
     } // If no tab found, continue searching from last tab on right to index
 
 
-    i = this.getTabsCount();
+    i = getTabsCount();
 
     while (i-- > index) {
-      if (!isTabDisabled(this.getTab(i))) {
+      if (!isTabDisabled(getTab(i))) {
         return i;
       }
-    } // No tabs are disabled, return index
+    } // All tabs are disabled, return index
+
+    /* istanbul ignore next */
 
 
     return index;
-  };
+  }
 
-  _proto.getFirstTab = function getFirstTab() {
-    var count = this.getTabsCount(); // Look for non disabled tab from the first tab
+  function getFirstTab() {
+    var count = getTabsCount(); // Look for non disabled tab from the first tab
 
     for (var i = 0; i < count; i++) {
-      if (!isTabDisabled(this.getTab(i))) {
+      if (!isTabDisabled(getTab(i))) {
         return i;
       }
     }
+    /* istanbul ignore next */
+
 
     return null;
-  };
+  }
 
-  _proto.getLastTab = function getLastTab() {
-    var i = this.getTabsCount(); // Look for non disabled tab from the last tab
+  function getLastTab() {
+    var i = getTabsCount(); // Look for non disabled tab from the last tab
 
     while (i--) {
-      if (!isTabDisabled(this.getTab(i))) {
+      if (!isTabDisabled(getTab(i))) {
         return i;
       }
     }
+    /* istanbul ignore next */
+
 
     return null;
-  };
+  }
 
-  _proto.getTabsCount = function getTabsCount() {
-    var children = this.props.children;
+  function getTabsCount() {
+    var children = props.children;
     return count_getTabsCount(children);
-  };
-
-  _proto.getPanelsCount = function getPanelsCount() {
-    var children = this.props.children;
-    return count_getPanelsCount(children);
-  };
-
-  _proto.getTab = function getTab(index) {
-    return this.tabNodes["tabs-" + index];
-  };
+  }
 
-  _proto.getChildren = function getChildren() {
-    var _this2 = this;
+  function getTab(index) {
+    return tabNodes.current["tabs-" + index];
+  }
 
+  function getChildren() {
     var index = 0;
-    var _this$props3 = this.props,
-        children = _this$props3.children,
-        disabledTabClassName = _this$props3.disabledTabClassName,
-        focus = _this$props3.focus,
-        forceRenderTabPanel = _this$props3.forceRenderTabPanel,
-        selectedIndex = _this$props3.selectedIndex,
-        selectedTabClassName = _this$props3.selectedTabClassName,
-        selectedTabPanelClassName = _this$props3.selectedTabPanelClassName,
-        environment = _this$props3.environment;
-    this.tabIds = this.tabIds || [];
-    this.panelIds = this.panelIds || [];
-    var diff = this.tabIds.length - this.getTabsCount(); // Add ids if new tabs have been added
+    var children = props.children,
+        disabledTabClassName = props.disabledTabClassName,
+        focus = props.focus,
+        forceRenderTabPanel = props.forceRenderTabPanel,
+        selectedIndex = props.selectedIndex,
+        selectedTabClassName = props.selectedTabClassName,
+        selectedTabPanelClassName = props.selectedTabPanelClassName,
+        environment = props.environment;
+    tabIds.current = tabIds.current || [];
+    panelIds.current = panelIds.current || [];
+    var diff = tabIds.current.length - getTabsCount(); // Add ids if new tabs have been added
     // Don't bother removing ids, just keep them in case they are added again
     // This is more efficient, and keeps the uuid counter under control
 
     while (diff++ < 0) {
-      this.tabIds.push(uuid());
-      this.panelIds.push(uuid());
+      tabIds.current.push(uuid());
+      panelIds.current.push(uuid());
     } // Map children to dynamically setup refs
 
 
@@ -347420,10 +347325,11 @@ var UncontrolledTabs = /*#__PURE__*/function (_Component) {
           determineCanUseActiveElement(environment);
         }
 
-        if (canUseActiveElement) {
+        var env = environment || (typeof window !== 'undefined' ? window : undefined);
+
+        if (canUseActiveElement && env) {
           wasTabFocused = external_react_["default"].Children.toArray(child.props.children).filter(elementTypes_isTab).some(function (tab, i) {
-            var env = environment || (typeof window !== 'undefined' ? window : undefined);
-            return env && env.document.activeElement === _this2.getTab(i);
+            return env.document.activeElement === getTab(i);
           });
         }
 
@@ -347433,10 +347339,10 @@ var UncontrolledTabs = /*#__PURE__*/function (_Component) {
             var selected = selectedIndex === listIndex;
             var props = {
               tabRef: function tabRef(node) {
-                _this2.tabNodes[key] = node;
+                tabNodes.current[key] = node;
               },
-              id: _this2.tabIds[listIndex],
-              panelId: _this2.panelIds[listIndex],
+              id: tabIds.current[listIndex],
+              panelId: panelIds.current[listIndex],
               selected: selected,
               focus: selected && (focus || wasTabFocused)
             };
@@ -347447,27 +347353,116 @@ var UncontrolledTabs = /*#__PURE__*/function (_Component) {
           })
         });
       } else if (elementTypes_isTabPanel(child)) {
-        var props = {
-          id: _this2.panelIds[index],
-          tabId: _this2.tabIds[index],
+        var _props = {
+          id: panelIds.current[index],
+          tabId: tabIds.current[index],
           selected: selectedIndex === index
         };
-        if (forceRenderTabPanel) props.forceRender = forceRenderTabPanel;
-        if (selectedTabPanelClassName) props.selectedClassName = selectedTabPanelClassName;
+        if (forceRenderTabPanel) _props.forceRender = forceRenderTabPanel;
+        if (selectedTabPanelClassName) _props.selectedClassName = selectedTabPanelClassName;
         index++;
-        result = /*#__PURE__*/(0,external_react_.cloneElement)(child, props);
+        result = /*#__PURE__*/(0,external_react_.cloneElement)(child, _props);
       }
 
       return result;
     });
-  };
+  }
+
+  function handleKeyDown(e) {
+    var direction = props.direction,
+        disableUpDownKeys = props.disableUpDownKeys;
+
+    if (isTabFromContainer(e.target)) {
+      var index = props.selectedIndex;
+      var preventDefault = false;
+      var useSelectedIndex = false;
+
+      if (e.code === 'Space' || e.keyCode === 32
+      /* space */
+      || e.code === 'Enter' || e.keyCode === 13
+      /* enter */
+      ) {
+        preventDefault = true;
+        useSelectedIndex = false;
+        handleClick(e);
+      } // keyCode is deprecated and only used here for IE
+
+
+      if (e.code === 'ArrowLeft' || e.keyCode === 37
+      /* arrow left */
+      || !disableUpDownKeys && (e.keyCode === 38 || e.code === 'ArrowUp')
+      /* arrow up */
+      ) {
+        // Select next tab to the left, validate if up arrow is not disabled
+        if (direction === 'rtl') {
+          index = getNextTab(index);
+        } else {
+          index = getPrevTab(index);
+        }
+
+        preventDefault = true;
+        useSelectedIndex = true;
+      } else if (e.code === 'ArrowRight' || e.keyCode === 39
+      /* arrow right */
+      || !disableUpDownKeys && (e.keyCode === 40 || e.code === 'ArrowDown')
+      /* arrow down */
+      ) {
+        // Select next tab to the right, validate if down arrow is not disabled
+        if (direction === 'rtl') {
+          index = getPrevTab(index);
+        } else {
+          index = getNextTab(index);
+        }
+
+        preventDefault = true;
+        useSelectedIndex = true;
+      } else if (e.keyCode === 35 || e.code === 'End') {
+        // Select last tab (End key)
+        index = getLastTab();
+        preventDefault = true;
+        useSelectedIndex = true;
+      } else if (e.keyCode === 36 || e.code === 'Home') {
+        // Select first tab (Home key)
+        index = getFirstTab();
+        preventDefault = true;
+        useSelectedIndex = true;
+      } // This prevents scrollbars from moving around
+
 
+      if (preventDefault) {
+        e.preventDefault();
+      } // Only use the selected index in the state if we're not using the tabbed index
+
+
+      if (useSelectedIndex) {
+        setSelected(index, e);
+      }
+    }
+  }
+
+  function handleClick(e) {
+    var node = e.target;
+
+    do {
+      if (isTabFromContainer(node)) {
+        if (isTabDisabled(node)) {
+          return;
+        }
+
+        var index = [].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);
+        setSelected(index, e);
+        return;
+      }
+    } while ((node = node.parentNode) != null);
+  }
   /**
    * Determine if a node from event.target is a Tab element for the current Tabs container.
    * If the clicked element is not a Tab, it returns false.
    * If it finds another Tabs container between the Tab and `this`, it returns false.
    */
-  _proto.isTabFromContainer = function isTabFromContainer(node) {
+
+
+  function isTabFromContainer(node) {
     // return immediately if the clicked element is not a Tab.
     if (!isTabNode(node)) {
       return false;
@@ -347477,62 +347472,45 @@ var UncontrolledTabs = /*#__PURE__*/function (_Component) {
     var nodeAncestor = node.parentElement;
 
     do {
-      if (nodeAncestor === this.node) return true;
+      if (nodeAncestor === _ref.current) return true;
       if (nodeAncestor.getAttribute('data-rttabs')) break;
       nodeAncestor = nodeAncestor.parentElement;
     } while (nodeAncestor);
 
     return false;
-  };
-
-  _proto.render = function render() {
-    var _this3 = this;
-
-    // Delete all known props, so they don't get added to DOM
-    var _this$props4 = this.props,
-        children = _this$props4.children,
-        className = _this$props4.className,
-        disabledTabClassName = _this$props4.disabledTabClassName,
-        domRef = _this$props4.domRef,
-        focus = _this$props4.focus,
-        forceRenderTabPanel = _this$props4.forceRenderTabPanel,
-        onSelect = _this$props4.onSelect,
-        selectedIndex = _this$props4.selectedIndex,
-        selectedTabClassName = _this$props4.selectedTabClassName,
-        selectedTabPanelClassName = _this$props4.selectedTabPanelClassName,
-        environment = _this$props4.environment,
-        disableUpDownKeys = _this$props4.disableUpDownKeys,
-        attributes = _objectWithoutPropertiesLoose(_this$props4, _excluded);
-
-    return /*#__PURE__*/external_react_["default"].createElement("div", UncontrolledTabs_extends({}, attributes, {
-      className: (0,clsx_m/* default */.A)(className),
-      onClick: this.handleClick,
-      onKeyDown: this.handleKeyDown,
-      ref: function ref(node) {
-        _this3.node = node;
-        if (domRef) domRef(node);
-      },
-      "data-rttabs": true
-    }), this.getChildren());
-  };
-
-  return UncontrolledTabs;
-}(external_react_.Component);
+  }
 
-UncontrolledTabs.defaultProps = {
-  className: 'react-tabs',
-  focus: false
+  var children = props.children,
+      className = props.className,
+      disabledTabClassName = props.disabledTabClassName,
+      domRef = props.domRef,
+      focus = props.focus,
+      forceRenderTabPanel = props.forceRenderTabPanel,
+      onSelect = props.onSelect,
+      selectedIndex = props.selectedIndex,
+      selectedTabClassName = props.selectedTabClassName,
+      selectedTabPanelClassName = props.selectedTabPanelClassName,
+      environment = props.environment,
+      disableUpDownKeys = props.disableUpDownKeys,
+      attributes = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/external_react_["default"].createElement("div", UncontrolledTabs_extends({}, attributes, {
+    className: (0,clsx_m/* default */.A)(className),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: function ref(node) {
+      _ref.current = node;
+      if (domRef) domRef(node);
+    },
+    "data-rttabs": true
+  }), getChildren());
 };
 
+UncontrolledTabs.defaultProps = defaultProps;
 UncontrolledTabs.propTypes =  false ? 0 : {};
+/* harmony default export */ const components_UncontrolledTabs = (UncontrolledTabs);
 ;// ./node_modules/react-tabs/esm/components/Tabs.js
-var Tabs_excluded = ["children", "defaultIndex", "defaultFocus"];
-
-function Tabs_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; }
-
-function Tabs_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Tabs_setPrototypeOf(subClass, superClass); }
-
-function Tabs_setPrototypeOf(o, p) { Tabs_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Tabs_setPrototypeOf(o, p); }
+function Tabs_extends() { Tabs_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 Tabs_extends.apply(this, arguments); }
 
 
 
@@ -347541,115 +347519,106 @@ function Tabs_setPrototypeOf(o, p) { Tabs_setPrototypeOf = Object.setPrototypeOf
 
 var MODE_CONTROLLED = 0;
 var MODE_UNCONTROLLED = 1;
+var Tabs_propTypes =  false ? 0 : {};
+var Tabs_defaultProps = {
+  defaultFocus: false,
+  focusTabOnClick: true,
+  forceRenderTabPanel: false,
+  selectedIndex: null,
+  defaultIndex: null,
+  environment: null,
+  disableUpDownKeys: false
+};
 
-var Tabs = /*#__PURE__*/function (_Component) {
-  Tabs_inheritsLoose(Tabs, _Component);
+var getModeFromProps = function getModeFromProps(props) {
+  return props.selectedIndex === null ? MODE_UNCONTROLLED : MODE_CONTROLLED;
+};
 
-  function Tabs(props) {
-    var _this;
+var checkForIllegalModeChange = function checkForIllegalModeChange(props, mode) {
+  if (false) {}
+};
+/**
+ * State:
+ *   mode: Initialized only once from props and never changes
+ *   selectedIndex: null if controlled mode, otherwise initialized with prop defaultIndex, changed on selection of tabs, has effect to ensure it never gets out of bound
+ *   focus: Because we never remove focus from the Tabs this state is only used to indicate that we should focus the current tab.
+ *          It is initialized from the prop defaultFocus, and after the first render it is reset back to false. Later it can become true again when using keys to navigate the tabs.
+ */
 
-    _this = _Component.call(this, props) || this;
 
-    _this.handleSelected = function (index, last, event) {
-      var onSelect = _this.props.onSelect;
-      var mode = _this.state.mode; // Call change event handler
+var Tabs = function Tabs(props) {
+  var children = props.children,
+      defaultFocus = props.defaultFocus,
+      defaultIndex = props.defaultIndex,
+      focusTabOnClick = props.focusTabOnClick,
+      onSelect = props.onSelect;
 
-      if (typeof onSelect === 'function') {
-        // Check if the change event handler cancels the tab change
-        if (onSelect(index, last, event) === false) return;
-      }
+  var _useState = (0,external_react_.useState)(defaultFocus),
+      focus = _useState[0],
+      setFocus = _useState[1];
 
-      var state = {
-        // Set focus if the change was triggered from the keyboard
-        focus: event.type === 'keydown'
-      };
+  var _useState2 = (0,external_react_.useState)(getModeFromProps(props)),
+      mode = _useState2[0];
 
-      if (mode === MODE_UNCONTROLLED) {
-        // Update selected index
-        state.selectedIndex = index;
-      }
+  var _useState3 = (0,external_react_.useState)(mode === MODE_UNCONTROLLED ? defaultIndex || 0 : null),
+      selectedIndex = _useState3[0],
+      setSelectedIndex = _useState3[1];
 
-      _this.setState(state);
-    };
+  (0,external_react_.useEffect)(function () {
+    // Reset focus after initial render, see comment above
+    setFocus(false);
+  }, []);
 
-    _this.state = Tabs.copyPropsToState(_this.props, {}, props.defaultFocus);
-    return _this;
+  if (mode === MODE_UNCONTROLLED) {
+    // Ensure that we handle removed tabs and don't let selectedIndex get out of bounds
+    var tabsCount = count_getTabsCount(children);
+    (0,external_react_.useEffect)(function () {
+      if (selectedIndex != null) {
+        var maxTabIndex = Math.max(0, tabsCount - 1);
+        setSelectedIndex(Math.min(selectedIndex, maxTabIndex));
+      }
+    }, [tabsCount]);
   }
 
-  Tabs.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
-    return Tabs.copyPropsToState(props, state);
-  };
+  checkForIllegalModeChange(props, mode);
 
-  Tabs.getModeFromProps = function getModeFromProps(props) {
-    return props.selectedIndex === null ? MODE_UNCONTROLLED : MODE_CONTROLLED;
-  };
+  var handleSelected = function handleSelected(index, last, event) {
+    // Call change event handler
+    if (typeof onSelect === 'function') {
+      // Check if the change event handler cancels the tab change
+      if (onSelect(index, last, event) === false) return;
+    } // Always set focus on tabs unless it is disabled
 
-  // preserve the existing selectedIndex from state.
-  // If the state has not selectedIndex, default to the defaultIndex or 0
-  Tabs.copyPropsToState = function copyPropsToState(props, state, focus) {
-    if (focus === void 0) {
-      focus = false;
-    }
-
-    if (false) {}
 
-    var newState = {
-      focus: focus,
-      mode: Tabs.getModeFromProps(props)
-    };
-
-    if (newState.mode === MODE_UNCONTROLLED) {
-      var maxTabIndex = Math.max(0, count_getTabsCount(props.children) - 1);
-      var selectedIndex = null;
-
-      if (state.selectedIndex != null) {
-        selectedIndex = Math.min(state.selectedIndex, maxTabIndex);
-      } else {
-        selectedIndex = props.defaultIndex || 0;
-      }
-
-      newState.selectedIndex = selectedIndex;
+    if (focusTabOnClick) {
+      setFocus(true);
     }
 
-    return newState;
+    if (mode === MODE_UNCONTROLLED) {
+      // Update selected index
+      setSelectedIndex(index);
+    }
   };
 
-  var _proto = Tabs.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        children = _this$props.children,
-        defaultIndex = _this$props.defaultIndex,
-        defaultFocus = _this$props.defaultFocus,
-        props = Tabs_objectWithoutPropertiesLoose(_this$props, Tabs_excluded);
+  var subProps = Tabs_extends({}, props);
 
-    var _this$state = this.state,
-        focus = _this$state.focus,
-        selectedIndex = _this$state.selectedIndex;
-    props.focus = focus;
-    props.onSelect = this.handleSelected;
-
-    if (selectedIndex != null) {
-      props.selectedIndex = selectedIndex;
-    }
+  subProps.focus = focus;
+  subProps.onSelect = handleSelected;
 
-    return /*#__PURE__*/external_react_["default"].createElement(UncontrolledTabs, props, children);
-  };
-
-  return Tabs;
-}(external_react_.Component);
+  if (selectedIndex != null) {
+    subProps.selectedIndex = selectedIndex;
+  }
 
-Tabs.defaultProps = {
-  defaultFocus: false,
-  forceRenderTabPanel: false,
-  selectedIndex: null,
-  defaultIndex: null,
-  environment: null,
-  disableUpDownKeys: false
+  delete subProps.defaultFocus;
+  delete subProps.defaultIndex;
+  delete subProps.focusTabOnClick;
+  return /*#__PURE__*/external_react_["default"].createElement(components_UncontrolledTabs, subProps, children);
 };
 
 Tabs.propTypes =  false ? 0 : {};
+Tabs.defaultProps = Tabs_defaultProps;
 Tabs.tabsRole = 'Tabs';
+/* harmony default export */ const components_Tabs = (Tabs);
 ;// ./node_modules/react-tabs/esm/components/TabList.js
 var TabList_excluded = ["children", "className"];
 
@@ -347657,44 +347626,29 @@ function TabList_extends() { TabList_extends = Object.assign || function (target
 
 function TabList_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; }
 
-function TabList_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TabList_setPrototypeOf(subClass, superClass); }
-
-function TabList_setPrototypeOf(o, p) { TabList_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TabList_setPrototypeOf(o, p); }
-
-
-
-
-
-var TabList = /*#__PURE__*/function (_Component) {
-  TabList_inheritsLoose(TabList, _Component);
-
-  function TabList() {
-    return _Component.apply(this, arguments) || this;
-  }
 
-  var _proto = TabList.prototype;
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        attributes = TabList_objectWithoutPropertiesLoose(_this$props, TabList_excluded);
 
-    return /*#__PURE__*/external_react_["default"].createElement("ul", TabList_extends({}, attributes, {
-      className: (0,clsx_m/* default */.A)(className),
-      role: "tablist"
-    }), children);
-  };
+var TabList_defaultProps = {
+  className: 'react-tabs__tab-list'
+};
+var TabList_propTypes =  false ? 0 : {};
 
-  return TabList;
-}(external_react_.Component);
+var TabList = function TabList(props) {
+  var children = props.children,
+      className = props.className,
+      attributes = TabList_objectWithoutPropertiesLoose(props, TabList_excluded);
 
-TabList.defaultProps = {
-  className: 'react-tabs__tab-list'
+  return /*#__PURE__*/external_react_["default"].createElement("ul", TabList_extends({}, attributes, {
+    className: (0,clsx_m/* default */.A)(className),
+    role: "tablist"
+  }), children);
 };
 
-TabList.propTypes =  false ? 0 : {};
 TabList.tabsRole = 'TabList';
+TabList.propTypes =  false ? 0 : {};
+TabList.defaultProps = TabList_defaultProps;
+/* harmony default export */ const components_TabList = (TabList);
 ;// ./node_modules/react-tabs/esm/components/Tab.js
 var Tab_excluded = ["children", "className", "disabled", "disabledClassName", "focus", "id", "panelId", "selected", "selectedClassName", "tabIndex", "tabRef"];
 
@@ -347702,80 +347656,11 @@ function Tab_extends() { Tab_extends = Object.assign || function (target) { for
 
 function Tab_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; }
 
-function Tab_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Tab_setPrototypeOf(subClass, superClass); }
-
-function Tab_setPrototypeOf(o, p) { Tab_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Tab_setPrototypeOf(o, p); }
-
 
 
 
 var DEFAULT_CLASS = 'react-tabs__tab';
-
-var Tab = /*#__PURE__*/function (_Component) {
-  Tab_inheritsLoose(Tab, _Component);
-
-  function Tab() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Tab.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.checkFocus();
-  };
-
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    this.checkFocus();
-  };
-
-  _proto.checkFocus = function checkFocus() {
-    var _this$props = this.props,
-        selected = _this$props.selected,
-        focus = _this$props.focus;
-
-    if (selected && focus) {
-      this.node.focus();
-    }
-  };
-
-  _proto.render = function render() {
-    var _cx,
-        _this = this;
-
-    var _this$props2 = this.props,
-        children = _this$props2.children,
-        className = _this$props2.className,
-        disabled = _this$props2.disabled,
-        disabledClassName = _this$props2.disabledClassName,
-        focus = _this$props2.focus,
-        id = _this$props2.id,
-        panelId = _this$props2.panelId,
-        selected = _this$props2.selected,
-        selectedClassName = _this$props2.selectedClassName,
-        tabIndex = _this$props2.tabIndex,
-        tabRef = _this$props2.tabRef,
-        attributes = Tab_objectWithoutPropertiesLoose(_this$props2, Tab_excluded);
-
-    return /*#__PURE__*/external_react_["default"].createElement("li", Tab_extends({}, attributes, {
-      className: (0,clsx_m/* default */.A)(className, (_cx = {}, _cx[selectedClassName] = selected, _cx[disabledClassName] = disabled, _cx)),
-      ref: function ref(node) {
-        _this.node = node;
-        if (tabRef) tabRef(node);
-      },
-      role: "tab",
-      id: id,
-      "aria-selected": selected ? 'true' : 'false',
-      "aria-disabled": disabled ? 'true' : 'false',
-      "aria-controls": panelId,
-      tabIndex: tabIndex || (selected ? '0' : null),
-      "data-rttab": true
-    }), children);
-  };
-
-  return Tab;
-}(external_react_.Component);
-
-Tab.defaultProps = {
+var DEFAULT_PROPS = {
   className: DEFAULT_CLASS,
   disabledClassName: DEFAULT_CLASS + "--disabled",
   focus: false,
@@ -347784,9 +347669,51 @@ Tab.defaultProps = {
   selected: false,
   selectedClassName: DEFAULT_CLASS + "--selected"
 };
+var Tab_propTypes =  false ? 0 : {};
+
+var Tab = function Tab(props) {
+  var _cx;
+
+  var nodeRef = (0,external_react_.useRef)();
+
+  var children = props.children,
+      className = props.className,
+      disabled = props.disabled,
+      disabledClassName = props.disabledClassName,
+      focus = props.focus,
+      id = props.id,
+      panelId = props.panelId,
+      selected = props.selected,
+      selectedClassName = props.selectedClassName,
+      tabIndex = props.tabIndex,
+      tabRef = props.tabRef,
+      attributes = Tab_objectWithoutPropertiesLoose(props, Tab_excluded);
+
+  (0,external_react_.useEffect)(function () {
+    if (selected && focus) {
+      nodeRef.current.focus();
+    }
+  }, [selected, focus]);
+  return /*#__PURE__*/external_react_["default"].createElement("li", Tab_extends({}, attributes, {
+    className: (0,clsx_m/* default */.A)(className, (_cx = {}, _cx[selectedClassName] = selected, _cx[disabledClassName] = disabled, _cx)),
+    ref: function ref(node) {
+      nodeRef.current = node;
+      if (tabRef) tabRef(node);
+    },
+    role: "tab",
+    id: id,
+    "aria-selected": selected ? 'true' : 'false',
+    "aria-disabled": disabled ? 'true' : 'false',
+    "aria-controls": panelId,
+    tabIndex: tabIndex || (selected ? '0' : null),
+    "data-rttab": true
+  }), children);
+};
 
 Tab.propTypes =  false ? 0 : {};
 Tab.tabsRole = 'Tab';
+Tab.defaultProps = DEFAULT_PROPS;
+/* harmony default export */ const components_Tab = (Tab);
 ;// ./node_modules/react-tabs/esm/components/TabPanel.js
 var TabPanel_excluded = ["children", "className", "forceRender", "id", "selected", "selectedClassName", "tabId"];
 
@@ -347794,56 +347721,41 @@ function TabPanel_extends() { TabPanel_extends = Object.assign || function (targ
 
 function TabPanel_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; }
 
-function TabPanel_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TabPanel_setPrototypeOf(subClass, superClass); }
-
-function TabPanel_setPrototypeOf(o, p) { TabPanel_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TabPanel_setPrototypeOf(o, p); }
-
 
 
 
 var TabPanel_DEFAULT_CLASS = 'react-tabs__tab-panel';
-
-var TabPanel = /*#__PURE__*/function (_Component) {
-  TabPanel_inheritsLoose(TabPanel, _Component);
-
-  function TabPanel() {
-    return _Component.apply(this, arguments) || this;
-  }
-
-  var _proto = TabPanel.prototype;
-
-  _proto.render = function render() {
-    var _cx;
-
-    var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        forceRender = _this$props.forceRender,
-        id = _this$props.id,
-        selected = _this$props.selected,
-        selectedClassName = _this$props.selectedClassName,
-        tabId = _this$props.tabId,
-        attributes = TabPanel_objectWithoutPropertiesLoose(_this$props, TabPanel_excluded);
-
-    return /*#__PURE__*/external_react_["default"].createElement("div", TabPanel_extends({}, attributes, {
-      className: (0,clsx_m/* default */.A)(className, (_cx = {}, _cx[selectedClassName] = selected, _cx)),
-      role: "tabpanel",
-      id: id,
-      "aria-labelledby": tabId
-    }), forceRender || selected ? children : null);
-  };
-
-  return TabPanel;
-}(external_react_.Component);
-
-TabPanel.defaultProps = {
+var TabPanel_defaultProps = {
   className: TabPanel_DEFAULT_CLASS,
   forceRender: false,
   selectedClassName: TabPanel_DEFAULT_CLASS + "--selected"
 };
+var TabPanel_propTypes =  false ? 0 : {};
+
+var TabPanel = function TabPanel(props) {
+  var _cx;
+
+  var children = props.children,
+      className = props.className,
+      forceRender = props.forceRender,
+      id = props.id,
+      selected = props.selected,
+      selectedClassName = props.selectedClassName,
+      tabId = props.tabId,
+      attributes = TabPanel_objectWithoutPropertiesLoose(props, TabPanel_excluded);
+
+  return /*#__PURE__*/external_react_["default"].createElement("div", TabPanel_extends({}, attributes, {
+    className: (0,clsx_m/* default */.A)(className, (_cx = {}, _cx[selectedClassName] = selected, _cx)),
+    role: "tabpanel",
+    id: id,
+    "aria-labelledby": tabId
+  }), forceRender || selected ? children : null);
+};
 
-TabPanel.propTypes =  false ? 0 : {};
 TabPanel.tabsRole = 'TabPanel';
+TabPanel.propTypes =  false ? 0 : {};
+TabPanel.defaultProps = TabPanel_defaultProps;
+/* harmony default export */ const components_TabPanel = (TabPanel);
 ;// ./node_modules/react-tabs/esm/index.js
 
 

package/dist/style.css

@@ -33,13 +33,11 @@
 }
 
 .react-tabs__tab:focus {
-  box-shadow: 0 0 5px hsl(208, 99%, 50%);
-  border-color: hsl(208, 99%, 50%);
   outline: none;
 }
 
 .react-tabs__tab:focus:after {
-  content: "";
+  content: '';
   position: absolute;
   height: 5px;
   left: -4px;
@@ -687,14 +685,14 @@
 :root{--rpf-white: #ffffff}.styles-module__sidebar--Fu5Qi{display:flex;position:relative;scrollbar-width:none}.styles-module__bar--fOlLf{display:flex;flex-direction:column;justify-content:space-between;margin:calc(1.5rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1)) calc(.625rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1))}.styles-module__optionsTop--2jNbs,.styles-module__optionsBottom--PtwF4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2rem*var(--scale-factor, 1))}.styles-module__option--MOGCu{display:flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:calc(2.75rem*var(--scale-factor, 1));block-size:calc(2.75rem*var(--scale-factor, 1));margin:0}.styles-module__option--MOGCu.styles-module__userOption--qGt5j{inline-size:calc(2.5rem*var(--scale-factor, 1));block-size:calc(2.5rem*var(--scale-factor, 1));border-radius:50%;color:#003046;font-weight:500;background-color:#fff;cursor:pointer}.styles-module__option--MOGCu.styles-module__userOption--qGt5j:hover{background-color:#fff}.styles-module__option--MOGCu svg{margin:0;color:#003046}.styles-module__option--MOGCu:hover{background-color:#cbcbcb}.styles-module__option--MOGCu.styles-module__selected--avjSK{background-color:#fff}.styles-module__option--MOGCu.styles-module__selected--avjSK:hover{background-color:#fff}.styles-module__panel--bHhSv{display:flex;flex-direction:column;border-radius:calc(.25rem*var(--scale-factor, 1));margin-inline-end:calc(.625rem*var(--scale-factor, 1));inline-size:inherit;background:var(--sidebar-panel-background)}.styles-module__panelWithFooter--5ItsY{padding-block-end:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeading--GRNt0{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeader--bAHfN{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.styles-module__panelContent--X7kot{flex:1;padding:calc(.75rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.styles-module__panelButtons---y4S-{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.styles-module__panelFooter--T1y-s{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}
 :root{--rpf-white: #ffffff}.styles-module__row--XtAJr{position:relative;margin-bottom:calc(.25rem*var(--scale-factor, 1));--strong-guide-color: #33625e;--normal-guide-color: #e5e5e5;padding:1px}.styles-module__row--XtAJr::before{content:"";position:absolute;inset:calc(-1*.125rem*var(--scale-factor, 1));pointer-events:none;background-image:var(--guides-bg);background-position:var(--guides-pos);background-size:var(--guides-size);background-repeat:no-repeat}.styles-module__treeItem--kbyYk{display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:left;position:relative;cursor:pointer}.styles-module__itemContent--663gn{width:100%;border-radius:4px;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:left;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1))}.styles-module__itemContent--663gn:hover{background:#e5f6f1}.styles-module__itemContent--663gn:hover .styles-module__itemButton--oB91C{display:flex}.styles-module__itemTitle--a6Liw{width:100%}.styles-module__itemButton--oB91C{display:none}.styles-module__itemTitle--a6Liw{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module__itemFocused--SmUbE .styles-module__itemContent--663gn{background-color:#c5ffe8}.styles-module__itemFocused--SmUbE .styles-module__itemButton--oB91C{display:flex}.styles-module__level-0--5PVOR{padding-left:0px}.styles-module__level-1--vTMYv{padding-left:20px}.styles-module__level-2--Xx8Ie{padding-left:40px}.styles-module__level-3--ySuP4{padding-left:60px}.styles-module__level-4--7uciy{padding-left:80px}.styles-module__level-5--AEspR{padding-left:100px}.styles-module__level-6--c28W9{padding-left:120px}.styles-module__level-7--gU\+\+Q{padding-left:140px}.styles-module__level-8--dmg5P{padding-left:160px}.styles-module__level-9--X73V0{padding-left:180px}.styles-module__level-10--VAKPI{padding-left:200px}.styles-module__level-11--5rqim{padding-left:220px}.styles-module__level-12--8cLBy{padding-left:240px}.styles-module__level-13--qlzYN{padding-left:260px}.styles-module__level-14--Q7bCT{padding-left:280px}.styles-module__level-15---1KaW{padding-left:300px}.styles-module__level-16--BCkZb{padding-left:320px}.styles-module__level-17--tM3Ht{padding-left:340px}.styles-module__level-18--GkyjF{padding-left:360px}.styles-module__level-19--kxLhM{padding-left:380px}.styles-module__level-20--sIjDn{padding-left:400px}.styles-module__itemContentEdit--cNmeE{--border-width: 1px;width:100%;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:left;padding:calc(.25rem*var(--scale-factor, 1) - var(--border-width)) calc(.5rem*var(--scale-factor, 1) - var(--border-width));border-radius:4px;border:var(--border-width) solid #43d6b9}.styles-module__itemContentEdit--cNmeE input{border:none;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.styles-module__itemContentEdit--cNmeE input:focus,.styles-module__itemContentEdit--cNmeE input:focus-visible{outline:none}.styles-module__inputError--zb21a{border-color:#e0201c}.styles-module__errorMessage--IT3hQ{position:absolute;top:100%;left:0;width:100%;padding:calc(.5rem*var(--scale-factor, 1));margin-top:calc(.25rem*var(--scale-factor, 1));border:1px solid #e0201c;border-radius:8px;background-color:#ffd5ce;color:#242424;z-index:650;display:flex;align-items:flex-start;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__errorMessage--IT3hQ svg{color:#e0201c}
 :root{--rpf-white: #ffffff}.styles-module__textDelete--9Qu4T{color:#e0201c}
-:root{--rpf-white: #ffffff}.styles-module__toastContainer--SzERA{display:flex;align-items:flex-start;gap:calc(.875rem*var(--scale-factor, 1));color:#003046;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));font-weight:500;overflow-wrap:anywhere}.styles-module__toastMessage--5Ze6a{flex-grow:1;white-space:pre-line}.styles-module__errorIcon--v90W6{color:#e0201c}.styles-module__successIcon--gCtAd{color:#527d7a}.styles-module__closeIcon--iZ9ey{color:#003046;cursor:pointer;flex-shrink:0}.styles-module__toastList--7K4rT{display:flex;flex-direction:column-reverse;block-size:calc(100vh - calc(2rem * var(--scale-factor, 1)));max-block-size:calc(100vh - calc(2rem * var(--scale-factor, 1)));overflow-y:auto;overscroll-behavior:contain;padding-inline-end:calc(.25rem*var(--scale-factor, 1));scrollbar-color:rgba(0,48,70,.2) rgba(0,0,0,0);scrollbar-width:thin}.styles-module__toastList--7K4rT::-webkit-scrollbar{inline-size:calc(.5rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.styles-module__toastList--7K4rT::-webkit-scrollbar-thumb{background-color:rgba(0,48,70,.2);border-radius:calc(.25rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT:hover .Toastify__progress-bar{animation-play-state:paused !important}.styles-module__toast--LJOJf{flex-shrink:0;max-block-size:none;overflow:visible;padding:calc(1.125rem*var(--scale-factor, 1)) !important}.styles-module__toastBody--0iN2Q{align-items:flex-start;margin:0}.styles-module__infoIcon--tva-x{color:#0d47a1}
+:root{--rpf-white: #ffffff}.styles-module__toastContainer--SzERA{display:flex;align-items:flex-start;gap:calc(.875rem*var(--scale-factor, 1));color:#003046;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));font-weight:500;overflow-wrap:anywhere}.styles-module__toastMessage--5Ze6a{flex-grow:1;white-space:pre-line}.styles-module__errorIcon--v90W6{color:#e0201c}.styles-module__successIcon--gCtAd{color:#527d7a}.styles-module__closeIcon--iZ9ey{color:#003046;cursor:pointer;flex-shrink:0}.styles-module__toastList--7K4rT{display:flex;flex-direction:column-reverse;block-size:calc(100vh - 78px);max-block-size:calc(100vh - 78px);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:calc(.25rem*var(--scale-factor, 1));scrollbar-color:rgba(0,48,70,.2) rgba(0,0,0,0);scrollbar-width:thin}.styles-module__toastList--7K4rT::-webkit-scrollbar{inline-size:calc(.5rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.styles-module__toastList--7K4rT::-webkit-scrollbar-thumb{background-color:rgba(0,48,70,.2);border-radius:calc(.25rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT:hover .Toastify__progress-bar{animation-play-state:paused !important}.styles-module__toast--LJOJf{flex-shrink:0;max-block-size:none;overflow:visible;padding:calc(1.125rem*var(--scale-factor, 1)) !important}.styles-module__toastBody--0iN2Q{align-items:flex-start;margin:0}.styles-module__infoIcon--tva-x{color:#0d47a1}
 :root{--rpf-white: #ffffff}.styles-module__tree--KziAJ{max-inline-size:300px;min-block-size:100px;color:#33625e}.styles-module__fileTreeActions--k\+Wsd{display:flex;gap:calc(.5rem*var(--scale-factor, 1));align-items:center;margin-block-end:calc(1rem*var(--scale-factor, 1))}.styles-module__tooltipWrapper--wltXE{position:relative;z-index:650}.styles-module__fileTreeActionsLabel--dPZp4{flex-grow:1;color:#69746d}.styles-module__importButton--rcLUm{inline-size:calc(2.5rem*var(--scale-factor, 1))}.styles-module__importArrowIcon--3eOLN{margin-inline-start:calc(.25rem*var(--scale-factor, 1))}.styles-module__label--WY51f{margin:0;flex-grow:1}.styles-module__iconButton--6UIVe{border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.styles-module__iconButtonFilled--w2vJC{background-color:#e5f6f1;border-radius:calc(.5rem*var(--scale-factor, 1));min-inline-size:calc(2rem*var(--scale-factor, 1));block-size:calc(2rem*var(--scale-factor, 1));transition:background-color .2s ease-in-out}.styles-module__iconButtonFilled--w2vJC:hover{background-color:#d7e7e3}.styles-module__iconButtonFilled--w2vJC:active{background-color:rgba(0,0,0,0)}.styles-module__dragline--RXmTT{block-size:2px;margin-block-start:-1px;background-color:#003046}.styles-module__dragline--RXmTT ::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:-3px;block-size:4px;inline-size:4px;background:#fff;border:2px solid #003046;border-radius:99px}.styles-module__emptyStateContainer--AnTAm{padding:calc(.75rem*var(--scale-factor, 1));display:flex;flex-direction:column;align-items:center;text-align:center;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:400;color:#69746d;gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__emptyStateIcon--sDlxK{inline-size:calc(1.5rem*var(--scale-factor, 1));block-size:calc(1.5rem*var(--scale-factor, 1))}.styles-module__emptyStateMessage--OkPax{font-weight:700}
 :root{--rpf-white: #ffffff}.styles-module__arrowIcon--YOZDc{margin-left:calc(.25rem*var(--scale-factor, 1))}.styles-module__buttonActive--q-jy7{background-color:rgba(0,0,0,0);border:1px solid #33625e}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--light .draggable-tab:focus-visible .react-tabs__tab,.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;block-size:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;block-size:calc(100% - 3rem*var(--scale-factor, 1))}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace);z-index:100}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}
 :root{--rpf-white: #ffffff}.styles-module__editorStatistic--EyK0S{display:flex;justify-content:space-between;align-items:center;inline-size:100%;border-block-start:1px solid #e5e5e5;padding:calc(.625rem*var(--scale-factor, 1)) calc(.75rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.styles-module__editorStatistic--EyK0S .styles-module__contentType--Sb4eE{text-transform:uppercase}
 .styles-module__previewContainer--gHB-N{block-size:100%;display:flex;align-items:center;justify-content:center}
-:root{--rpf-white: #ffffff}.styles-module__readOnlyContainer--GooG6{justify-items:flex-end;margin:8px 4px 4px 4px}.styles-module__readOnlyContainerLeft--D6yHv{display:flex;justify-content:flex-start}.styles-module__readOnlyBanner--b4PPC{background-color:#e5e5e5;padding:4px 8px;border-radius:12px;font-weight:400;font-size:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));display:flex;gap:4px;align-items:center;color:#69746d}
+:root{--rpf-white: #ffffff}.styles-module__readOnlyContainer--GooG6{display:flex;justify-content:flex-end;margin:8px 4px 4px 4px}.styles-module__readOnlyContainerLeft--D6yHv{justify-content:flex-start}.styles-module__readOnlyBanner--b4PPC{background-color:#e5e5e5;padding:4px 8px;border-radius:12px;font-weight:400;font-size:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));display:flex;gap:4px;align-items:center;color:#69746d}
 :root{--rpf-white: #ffffff}.styles-module__tabbedPanel--Sovmr{display:flex;flex-direction:column;block-size:100%;inline-size:100%}.styles-module__tabbedPanel--Sovmr .styles-module__viewOnlyBanner--vSOaw{font-weight:700;padding:var(--space-0-5) var(--space-1);border-block-end:1px solid var(--editor-color-outline)}.styles-module__tabbedPanel--Sovmr .styles-module__scrollWrapper--Q8zaL{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-color:HSL(0, 0%, 14%, 30%) rgba(0,0,0,0);scrollbar-width:none;-ms-overflow-style:none}.styles-module__tabbedPanel--Sovmr .styles-module__scrollWrapper--Q8zaL::-webkit-scrollbar{block-size:0;transition:height .2s ease}.styles-module__tabbedPanel--Sovmr .styles-module__scrollWrapper--Q8zaL:hover{scrollbar-width:thin}.styles-module__tabbedPanel--Sovmr .styles-module__scrollWrapper--Q8zaL:hover::-webkit-scrollbar{block-size:calc(.25rem*var(--scale-factor, 1))}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM{block-size:100%;padding:0;padding-inline-start:calc(1rem*var(--scale-factor, 1));background-color:rgba(0,0,0,0)}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM:focus-visible{border:0}.styles-module__tabTooltip--DO-Hr{margin-block-start:0}.tabContainer{border-block-end:1px solid #e5e5e5;background-color:#e5f6f1;position:relative;block-size:calc(2.625rem*var(--scale-factor, 1));overflow:hidden}.tabText{display:flex;align-items:center;block-size:fit-content;inline-size:fit-content;margin:0;gap:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));white-space:nowrap}.react-tabs{flex:1;display:flex;flex-flow:column;overflow:hidden;position:relative;border-radius:calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1))}.react-tabs__tab{border:none;background-color:rgba(0,0,0,0);padding:0 calc(1rem*var(--scale-factor, 1));margin:0;inset-block-start:0;inset-block-end:0;min-block-size:calc(2.625rem*var(--scale-factor, 1));display:flex;align-items:center;justify-content:center;font-weight:700;color:#33625e;border-inline-end:1px solid #e5e5e5;flex:0 0 auto}.react-tabs__tab--selected{border-radius:0;background-color:#fff}.react-tabs__tab:focus{box-shadow:none;border-color:#e5e5e5}.react-tabs__tab:focus-visible{outline-offset:-3px}.react-tabs__tab:focus:after{display:none}.react-tabs__tab-list{border-block-end:none;box-sizing:border-box;display:inline-flex;align-items:center;flex-wrap:nowrap;margin:0;min-inline-size:100%}.react-tabs__tab-panel--selected{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}
 :root{--rpf-white: #ffffff}.styles-module__proj--ZFm0o{display:flex;flex-flow:column;overflow:hidden;block-size:100%}.styles-module__projContainer--foKo4{display:flex;flex-direction:row;overflow-y:hidden;margin:0 8px 6px 0px;block-size:100%}.styles-module__projContainer--foKo4 .styles-module__projectWrapper--Yq8Yr{container-type:inline-size;display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden}.styles-module__projContainer--foKo4 .styles-module__projEditorWrapper--SISJR{display:flex;flex:0 1 auto;flex-flow:column;grid-gap:calc(.625rem*var(--scale-factor, 1));overflow:hidden;block-size:100%;inline-size:100%}@container (min-width: 720px){.styles-module__projContainer--foKo4 .styles-module__projEditorWrapper--SISJR{flex-flow:row}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR{max-block-size:100% !important}}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR{display:flex;box-sizing:border-box;background-color:#fff;min-block-size:30%;max-block-size:70%;border-radius:8px}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-panel--selected--RwR-m{overflow-y:hidden}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-list--gM7uT{flex:1}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-container--ycENl .styles-module__btn--run--u9TgZ,.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-container--ycENl .styles-module__btn--stop--gJCsY{margin-block-start:0;margin-block-end:0}
 :root{--rpf-white: #ffffff}.styles-module__viewSwitcher--h0ODR{display:flex}.styles-module__viewSwitcherBtn--v6-ir{inline-size:calc(2.75rem*var(--scale-factor, 1));block-size:calc(2.75rem*var(--scale-factor, 1));cursor:pointer;transition:background-color .15s ease}.styles-module__viewSwitcherBtnWrapper--OarYg{position:relative;display:flex}.styles-module__viewSwitcherBtnWrapper--OarYg:first-child .styles-module__viewSwitcherBtn--v6-ir{border-radius:calc(.75rem*var(--scale-factor, 1)) 0 0 calc(.75rem*var(--scale-factor, 1))}.styles-module__viewSwitcherBtnWrapper--OarYg:last-child .styles-module__viewSwitcherBtn--v6-ir{border-radius:0 calc(.75rem*var(--scale-factor, 1)) calc(.75rem*var(--scale-factor, 1)) 0}.styles-module__viewSwitcherBtnActive--m2JP-{background-color:#fff}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gwchq-textjam",
   "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "license": "Apache-2.0",
   "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
   "author": "Girls Who Code HQ",