@pingux/astro 2.32.0-alpha.11 → 2.32.0-alpha.12

package/lib/cjs/components/TreeView/TreeViewItem.js

@@ -8,68 +8,21 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onKeyDownItem = exports["default"] = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _FileIcon = _interopRequireDefault(require("@pingux/mdi-react/FileIcon"));
-var _focus = require("@react-aria/focus");
 var _listbox = require("@react-aria/listbox");
-var _utils = require("@react-aria/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TreeViewContext = require("../../context/TreeViewContext");
-var _hooks = require("../../hooks");
 var _index = require("../../index");
-var _TreeViewKeyboardDelegate = require("./TreeViewKeyboardDelegate");
 var _TreeViewRow = _interopRequireDefault(require("./TreeViewRow"));
-var _TreeViewSection = require("./TreeViewSection");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var onKeyDownItem = function onKeyDownItem(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength) {
-  switch (e.which) {
-    case 32:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onSpacePress(e, tree, key, isSelected);
-      break;
-    case 38:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onUpPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 40:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onDownPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 37:
-    case 39:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onRightLeftItemPress(e);
-      break;
-    case 33:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onPageUpPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 34:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onPageDownPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 36:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onHomePress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 35:
-      _TreeViewKeyboardDelegate.itemPressHandlers.onEndPress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    default:
-      break;
-  }
-};
-exports.onKeyDownItem = onKeyDownItem;
 var TreeViewItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var item = props.item,
     title = props.title,
-    focusManager = props.focusManager,
-    onKeyDown = props.onKeyDown,
     level = props.level,
     position = props.position,
     setSize = props.setSize;
@@ -79,16 +32,8 @@ var TreeViewItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return treeItemRef.current;
   });
-
-  /* istanbul ignore next */
   var _useTreeViewContext = (0, _TreeViewContext.useTreeViewContext)(),
-    state = _useTreeViewContext.state,
-    tree = _useTreeViewContext.tree,
-    refArray = _useTreeViewContext.refArray,
-    setRefs = _useTreeViewContext.setRefs,
-    flatKeyArray = _useTreeViewContext.flatKeyArray,
-    pageLength = _useTreeViewContext.pageLength,
-    setLastFocusedItem = _useTreeViewContext.setLastFocusedItem;
+    state = _useTreeViewContext.state;
   var _useOption = (0, _listbox.useOption)({
       key: key
     }, state, treeItemRef),
@@ -96,65 +41,24 @@ var TreeViewItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isSelected = _useOption.isSelected,
     isDisabled = _useOption.isDisabled;
   var isExpanded = state.expandedKeys.has(key);
-  var onKeyDownFunction = function onKeyDownFunction(e) {
-    /* istanbul ignore next */
-    onKeyDownItem(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength);
-    if (onKeyDown) {
-      onKeyDown(e, key);
-    }
-  };
-
-  // ignoring from tests, but this is actually being unit tested
-  /* istanbul ignore next */
-  var removeRefFromArray = function removeRefFromArray() {
-    setRefs(function (prev) {
-      return (0, _TreeViewSection.removeRefFromArrayHelper)(prev, key);
-    });
-  };
-  var addRefToArray = function addRefToArray() {
-    setRefs(function (prev) {
-      return (0, _TreeViewSection.addRefToArrayHelper)(prev, key, treeItemRef);
-    });
-  };
-
-  // adds and removes refs on mount and dismount
-  /* istanbul ignore next */
-  (0, _react.useEffect)(function () {
-    // this  runs on mount
-    addRefToArray();
-    return function () {
-      // this runs on cleanup
-      removeRefFromArray(key, refArray);
-    };
-  }, []);
-  var _useFocusRing = (0, _focus.useFocusRing)(),
-    isFocusVisible = _useFocusRing.isFocusVisible,
-    focusProps = _useFocusRing.focusProps;
-  var mergedProps = (0, _utils.mergeProps)(focusProps, optionProps, {
-    onFocus: function onFocus() {
-      return setLastFocusedItem(key);
-    }
-  });
-  var _useStatusClasses = (0, _hooks.useStatusClasses)('', {
-      isFocused: isFocusVisible
-    }),
-    classNames = _useStatusClasses.classNames;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     as: "li",
     isRow: true,
     ref: treeItemRef,
-    "aria-disabled": isDisabled
-  }, mergedProps, {
-    role: "treeitem",
-    variant: "treeView.wrapper",
-    className: classNames,
-    "aria-selected": isSelected,
+    "aria-disabled": isDisabled,
     "aria-level": level,
     "aria-posinset": position + 1,
-    "aria-setsize": setSize,
-    onKeyDown: function onKeyDown(e) {
-      return onKeyDownFunction(e);
-    }
+    "aria-setsize": setSize
+  }, optionProps, {
+    role: "treeitem",
+    sx: {
+      width: '100%',
+      ml: '36px',
+      ':not(:last-child)': {
+        pb: 'sm'
+      }
+    },
+    "aria-selected": isSelected
   }), (0, _react2.jsx)(_TreeViewRow["default"], {
     item: item,
     title: title,
@@ -168,10 +72,8 @@ TreeViewItem.propTypes = {
   item: _propTypes["default"].shape({
     key: _propTypes["default"].string
   }),
-  focusManager: _propTypes["default"].shape({}),
   name: _propTypes["default"].string,
   title: _propTypes["default"].string,
-  onKeyDown: _propTypes["default"].func,
   level: _propTypes["default"].number,
   position: _propTypes["default"].number,
   setSize: _propTypes["default"].number

package/lib/cjs/components/TreeView/TreeViewRow.js

@@ -30,7 +30,7 @@ var _TreeViewContext = require("../../context/TreeViewContext");
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
-var _excluded = ["title", "mainIcon", "lastIcon", "item", "items", "isExpanded", "isSelected", "isDisabled", "isParentFocused", "iconButtonProps"];
+var _excluded = ["title", "mainIcon", "lastIcon", "item", "items", "isExpanded", "isSelected", "isDisabled", "iconButtonProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,7 +46,6 @@ var TreeViewRow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isExpanded = props.isExpanded,
     isSelected = props.isSelected,
     isDisabled = props.isDisabled,
-    isParentFocused = props.isParentFocused,
     iconButtonProps = props.iconButtonProps,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var treeRowRef = (0, _react.useRef)();
@@ -85,19 +84,13 @@ var TreeViewRow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }),
     classNames = _useStatusClasses.classNames;
   var mergedProps = (0, _utils.mergeProps)(hoverProps, pressProps, others);
-
-  // console.log(`ROW: ${key} has parent focus: ${isParentFocused}`)
-
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     ref: treeRowRef,
     isRow: true,
     alignItems: "center",
     gap: "xs",
     sx: {
-      flexGrow: 1,
-      '& :focus': {
-        border: 'none'
-      }
+      flexGrow: 1
     },
     className: classNames,
     key: "".concat(key, " box")
@@ -110,22 +103,15 @@ var TreeViewRow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       size: 25,
       title: "".concat(title, " expand or collapse button")
     },
-    buttonProps: _objectSpread(_objectSpread({
+    buttonProps: {
       'aria-label': "".concat(title, " expand or collapse button")
-    }, isParentFocused && {
-      tabIndex: 0
-    }), !isParentFocused && {
-      tabIndex: -1
-    })
+    }
   }), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     className: classNames,
     alignItems: "center",
     gap: "xs",
-    variant: "treeView.treeRow",
-    sx: !items && {
-      ml: '36px'
-    }
+    variant: "treeView.treeRow"
   }, (0, _react2.jsx)(_index.Icon, {
     color: "focus",
     icon: mainIcon,
@@ -146,7 +132,6 @@ TreeViewRow.propTypes = {
   isSelected: _propTypes["default"].bool,
   isDisabled: _propTypes["default"].bool,
   isExpanded: _propTypes["default"].bool,
-  isParentFocused: _propTypes["default"].bool,
   title: _propTypes["default"].string,
   items: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
   iconButtonProps: _propTypes["default"].shape({

package/lib/cjs/components/TreeView/TreeViewSection.js

@@ -8,114 +8,25 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeRefFromArrayHelper = exports.onKeyDownSection = exports["default"] = exports.addRefToArrayHelper = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
 var _react = _interopRequireWildcard(require("react"));
-var _focus = require("@react-aria/focus");
 var _listbox = require("@react-aria/listbox");
-var _utils = require("@react-aria/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TreeViewContext = require("../../context/TreeViewContext");
-var _hooks = require("../../hooks");
 var _index2 = require("../../index");
 var _TreeView = require("./TreeView");
-var _TreeViewKeyboardDelegate = require("./TreeViewKeyboardDelegate");
 var _TreeViewRow = _interopRequireDefault(require("./TreeViewRow"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var onKeyDownSection = function onKeyDownSection(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength, isFocused) {
-  switch (e.which) {
-    case 9:
-      if (isFocused) {
-        _TreeViewKeyboardDelegate.sectionPressHandlers.onTabPress(e, refArray, focusManager, true, key);
-      }
-      break;
-    case 13:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onEnterPress(e, state, key);
-      break;
-    case 32:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onSpacePress(e, tree, key, isSelected);
-      break;
-    case 33:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onPageUpPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 34:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onPageDownPress(e, key, flatKeyArray, refArray, pageLength);
-      break;
-    case 36:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onHomePress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 35:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onEndPress(key, flatKeyArray, refArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 37:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onLeftPress(e, focusManager, state, key, isExpanded, refArray);
-      break;
-    case 38:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onUpPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    case 39:
-      if (isFocused) {
-        _TreeViewKeyboardDelegate.sectionPressHandlers.onRightPress(e, focusManager, state, key, isExpanded, refArray);
-      }
-      break;
-    case 40:
-      _TreeViewKeyboardDelegate.sectionPressHandlers.onDownPress(e, key, refArray, flatKeyArray);
-      e.preventDefault();
-      e.stopPropagation();
-      break;
-    default:
-      /* istanbul ignore next */
-      break;
-  }
-};
-exports.onKeyDownSection = onKeyDownSection;
-var removeRefFromArrayHelper = function removeRefFromArrayHelper(prevState, keyToRemove) {
-  if ((0, _some["default"])(prevState).call(prevState, function (item) {
-    return item.key === keyToRemove;
-  })) {
-    var _context;
-    var newArray = (0, _concat["default"])(_context = []).call(_context, (0, _filter["default"])(prevState).call(prevState, function (_item) {
-      return _item.key !== keyToRemove;
-    }));
-    return newArray;
-  }
-  return prevState;
-};
-exports.removeRefFromArrayHelper = removeRefFromArrayHelper;
-var addRefToArrayHelper = function addRefToArrayHelper(prevState, keyToAdd, refToAdd) {
-  if (!(0, _some["default"])(prevState).call(prevState, function (i) {
-    return i.key === keyToAdd;
-  })) {
-    var _context2;
-    var thisObj = {
-      key: keyToAdd,
-      thisRef: refToAdd
-    };
-    return (0, _concat["default"])(_context2 = []).call(_context2, prevState, [thisObj]);
-  }
-  return prevState;
-};
-exports.addRefToArrayHelper = addRefToArrayHelper;
 var TreeViewSection = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context3;
+  var _context;
   var item = props.item,
     items = props.items,
     title = props.title,
-    focusManager = props.focusManager,
-    onKeyDown = props.onKeyDown,
     level = props.level,
     position = props.position,
     setSize = props.setSize;
@@ -126,107 +37,51 @@ var TreeViewSection = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     return treeSectionRef.current;
   });
   var _useTreeViewContext = (0, _TreeViewContext.useTreeViewContext)(),
-    state = _useTreeViewContext.state,
-    tree = _useTreeViewContext.tree,
-    refArray = _useTreeViewContext.refArray,
-    setRefs = _useTreeViewContext.setRefs,
-    flatKeyArray = _useTreeViewContext.flatKeyArray,
-    pageLength = _useTreeViewContext.pageLength,
-    setLastFocusedItem = _useTreeViewContext.setLastFocusedItem,
-    lastFocusedItem = _useTreeViewContext.lastFocusedItem;
+    state = _useTreeViewContext.state;
   var _useOption = (0, _listbox.useOption)({
       key: key
     }, state, treeSectionRef),
     optionProps = _useOption.optionProps,
     isDisabled = _useOption.isDisabled,
     isSelected = _useOption.isSelected;
-  var _useFocusRing = (0, _focus.useFocusRing)(),
-    focusProps = _useFocusRing.focusProps,
-    isFocused = _useFocusRing.isFocused;
-  var _useFocusRing2 = (0, _focus.useFocusRing)({
-      within: true
-    }),
-    focusPropsWithin = _useFocusRing2.focusProps,
-    isFocusedWithin = _useFocusRing2.isFocused;
   var isExpanded = state.expandedKeys.has(key);
-  var onKeyDownFunction = function onKeyDownFunction(e) {
-    onKeyDownSection(e, state, key, tree, isSelected, isExpanded, focusManager, flatKeyArray, refArray, pageLength, isFocused);
-    if (onKeyDown) {
-      onKeyDown(e, key);
-    }
-  };
-  var addRefToArray = function addRefToArray(thisKey, thisRef) {
-    setRefs(function (prev) {
-      return addRefToArrayHelper(prev, thisKey, thisRef);
-    });
-  };
-  var removeRefFromArray = function removeRefFromArray() {
-    setRefs(function (prev) {
-      return removeRefFromArrayHelper(prev, key);
-    });
-  };
-
-  // adds and removes refs on mount and dismount
-  (0, _react.useEffect)(function () {
-    // this  runs on mount
-    addRefToArray(key, treeSectionRef);
-    return function () {
-      // this runs on cleanup
-      removeRefFromArray(key, refArray);
-    };
-  }, []);
-  var mergedProps = (0, _utils.mergeProps)(focusPropsWithin, focusProps, optionProps, {
-    onFocus: function onFocus() {
-      return setLastFocusedItem(key);
-    }
-  });
-  var _useStatusClasses = (0, _hooks.useStatusClasses)('', {
-      isFocused: isFocused
-    }),
-    classNames = _useStatusClasses.classNames;
   return (0, _react2.jsx)(_index2.Box, (0, _extends2["default"])({
     ref: treeSectionRef,
     as: "li",
+    sx: {
+      ':not(:last-child)': {
+        pb: 'sm'
+      }
+    },
     "aria-expanded": isExpanded,
-    "aria-disabled": isDisabled
-  }, mergedProps, {
-    role: "treeitem",
-    variant: "treeView.wrapper",
-    className: classNames,
-    "aria-selected": isSelected,
+    "aria-disabled": isDisabled,
     "aria-level": level,
     "aria-setsize": setSize,
-    "aria-posinset": position + 1,
-    onKeyDown: function onKeyDown(e) {
-      return onKeyDownFunction(e);
-    },
-    tabIndex: lastFocusedItem === key ? 0 : -1
+    "aria-posinset": position + 1
+  }, optionProps, {
+    role: "treeitem",
+    "aria-selected": isSelected
   }), (0, _react2.jsx)(_TreeViewRow["default"], {
     item: item,
     title: title,
     items: items,
     isExpanded: isExpanded,
     isSelected: isSelected,
-    isDisabled: isDisabled,
-    isParentFocused: isFocusedWithin
+    isDisabled: isDisabled
   }), isExpanded && (0, _react2.jsx)(_index2.Box, {
     as: "ul",
     role: "group",
     key: "".concat(item.key, " ul"),
     sx: {
-      pl: 'md',
-      '& :focus': {
-        border: 'none'
-      }
+      pl: 'md'
     }
-  }, (0, _map["default"])(_context3 = (0, _from["default"])(items)).call(_context3, function (_item, _index) {
+  }, (0, _map["default"])(_context = (0, _from["default"])(items)).call(_context, function (_item, _index) {
     var _item$value$items;
     return (0, _TreeView.SectionOrItemRender)(((_item$value$items = _item.value.items) === null || _item$value$items === void 0 ? void 0 : _item$value$items.length) > 0, (0, _react2.jsx)(TreeViewSection, {
       item: _item,
       items: _item.children,
       title: _item.value.title,
       key: _item.value.title,
-      focusManager: focusManager,
       level: level + 1,
       position: _index,
       setSize: items.length
@@ -234,7 +89,6 @@ var TreeViewSection = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       item: _item,
       title: _item.value.title,
       key: _item.value.title,
-      focusManager: focusManager,
       level: level + 1,
       position: _index,
       setSize: items.length
@@ -247,8 +101,6 @@ TreeViewSection.propTypes = {
     key: _propTypes["default"].string
   }),
   title: _propTypes["default"].string,
-  focusManager: _propTypes["default"].shape({}),
-  onKeyDown: _propTypes["default"].func,
   level: _propTypes["default"].number,
   position: _propTypes["default"].number,
   setSize: _propTypes["default"].number

package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js

@@ -43,15 +43,11 @@ var useImageUploadState = function useImageUploadState(inputRef) {
     if (previewImage && previewImage !== defaultPreviewImage) {
       setIsMenuOpen(true);
     } else {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+      inputRef.current.click();
     }
   }, [defaultPreviewImage, previewImage, inputRef]);
   var handleInputChange = (0, _react.useCallback)(function (event) {
     var _event$target;
-    if (!event.target.files) {
-      return;
-    }
     var eventFileType = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files[0]) === null || _event$target === void 0 || (_event$target = _event$target.type) === null || _event$target === void 0 ? void 0 : _event$target.split('/')[0];
     if (fileTypes !== null && fileTypes !== void 0 && (0, _includes["default"])(fileTypes).call(fileTypes, eventFileType)) {
       if (onChange && typeof onChange === 'function') {
@@ -64,8 +60,9 @@ var useImageUploadState = function useImageUploadState(inputRef) {
           var _event$target2;
           setIsImageType(true);
           var reader = new FileReader();
-          reader.onload = function () {
-            setPreviewImage(reader.result);
+          reader.onload = function (_ref) {
+            var result = _ref.target.result;
+            setPreviewImage(result);
           };
           reader.readAsDataURL((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.files[0]);
         } else {
@@ -87,8 +84,8 @@ var useImageUploadState = function useImageUploadState(inputRef) {
     return setPreviewImage(defaultPreviewImage);
   }, [defaultPreviewImage]);
   var showFileDialog = (0, _react.useCallback)(function () {
-    var _inputRef$current2;
-    return inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click();
+    var _inputRef$current;
+    return inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   }, [inputRef]);
   var handleLabelClick = (0, _react.useCallback)(function (e) {
     e.preventDefault();

package/lib/cjs/hooks/useModalState/useModalState.js

@@ -6,6 +6,15 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _reactStately = require("react-stately");
+/**
+ * Returns state-related data and functions for use with a Modal component.
+ * @param {Object} [props] Properties provided to the state
+ * @param {Boolean} [props.isDefaultOpen] Whether the modal is open by default (uncontrolled).
+ * @param {Boolean} [props.isOpen] Whether the modal is currently open (controlled).
+ * @param {Function} [props.onOpenChange] Handler that is called when the open state changes.
+ * `(isOpen: boolean) => void`
+ * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
+ */
 var useModalState = function useModalState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,

package/lib/cjs/utils/testUtils/testWrapper.js

@@ -43,7 +43,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "zxbwtf-GlobalTestStyles",
   styles: ".is-disabled{opacity:0.5;pointer-events:none;};label:GlobalTestStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVTIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBSZW5kZXJPcHRpb25zIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgdGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuY29uc3QgR2xvYmFsVGVzdFN0eWxlczogUmVhY3QuRkMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVE9ETzogQ2hhbmdlIEplc3QgY29uZmlnIHNvIHRoaXMgZG9lc24ndCBoYXZlIHRvIGJlIGltcG9ydGVkIHJlbGF0aXZlbHkuLi5cbiAqIGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbS9kb2NzL3JlYWN0LXRlc3RpbmctbGlicmFyeS9zZXR1cC8jY29uZmlndXJpbmctamVzdC13aXRoLXRlc3QtdXRpbHNcbiAqXG4gKiBVc2UgdGhpcyB3cmFwcGVyIHdoZW4gdGVzdGluZyB0aGUgdGhlbWUgb3V0cHV0IGZvclxuICogYSBjb21wb25lbnQgdXNpbmcgLnRvSGF2ZVN0eWxlIG9yIC50b0hhdmVTdHlsZVJ1bGVcbiAqXG4gKiBTZWUgQnV0dG9uLnRlc3QuanMgYXMgYW4gZXhhbXBsZSBmb3IgaG93IHRvIGFwcGx5IGNvbmRpdGlvbmFsIGNsYXNzZXMgYW5kIHRoZW4gdGVzdGluZyB0aGF0XG4gKiB0aG9zZSBjbGFzc2VzIGhhdmUgdGhlIGFwcHJvcHJpYXRlIHN0eWxlcyB0aWVkIHRvIHRoZW0gaW4gdGhlIHRoZW1lLlxuICovXG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxXcmFwcGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4gfSkgPT4gKFxuICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgIDxHbG9iYWxUZXN0U3R5bGVzIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1RoZW1lUHJvdmlkZXI+XG4pO1xuXG5jb25zdCBjdXN0b21SZW5kZXIgPSAodWk6IFJlYWN0LlJlYWN0RWxlbWVudCwgb3B0aW9ucz86IFJlbmRlck9wdGlvbnMpID0+IHJlbmRlcih1aSxcbiAgeyB3cmFwcGVyOiBXcmFwcGVyIGFzIFJlYWN0LkZDLCAuLi5vcHRpb25zIH0sXG4pO1xuXG4vLyByZS1leHBvcnQgZXZlcnl0aGluZyAtXG5leHBvcnQgKiBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxuLy8gb3ZlcnJpZGUgcmVuZGVyIG1ldGhvZFxuZXhwb3J0IHsgY3VzdG9tUmVuZGVyIGFzIHJlbmRlciB9O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVVMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3Rlc3RVdGlscy90ZXN0V3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbmRlciB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHRoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5cbmNvbnN0IEdsb2JhbFRlc3RTdHlsZXMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVE9ETzogQ2hhbmdlIEplc3QgY29uZmlnIHNvIHRoaXMgZG9lc24ndCBoYXZlIHRvIGJlIGltcG9ydGVkIHJlbGF0aXZlbHkuLi5cbiAqIGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbS9kb2NzL3JlYWN0LXRlc3RpbmctbGlicmFyeS9zZXR1cC8jY29uZmlndXJpbmctamVzdC13aXRoLXRlc3QtdXRpbHNcbiAqXG4gKiBVc2UgdGhpcyB3cmFwcGVyIHdoZW4gdGVzdGluZyB0aGUgdGhlbWUgb3V0cHV0IGZvclxuICogYSBjb21wb25lbnQgdXNpbmcgLnRvSGF2ZVN0eWxlIG9yIC50b0hhdmVTdHlsZVJ1bGVcbiAqXG4gKiBTZWUgQnV0dG9uLnRlc3QuanMgYXMgYW4gZXhhbXBsZSBmb3IgaG93IHRvIGFwcGx5IGNvbmRpdGlvbmFsIGNsYXNzZXMgYW5kIHRoZW4gdGVzdGluZyB0aGF0XG4gKiB0aG9zZSBjbGFzc2VzIGhhdmUgdGhlIGFwcHJvcHJpYXRlIHN0eWxlcyB0aWVkIHRvIHRoZW0gaW4gdGhlIHRoZW1lLlxuICovXG5jb25zdCBXcmFwcGVyID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsVGVzdFN0eWxlcyAvPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn07XG5cbmNvbnN0IGN1c3RvbVJlbmRlciA9ICh1aSwgb3B0aW9ucykgPT4gcmVuZGVyKHVpLCB7IHdyYXBwZXI6IFdyYXBwZXIsIC4uLm9wdGlvbnMgfSk7XG5cbi8vIHJlLWV4cG9ydCBldmVyeXRoaW5nXG5leHBvcnQgKiBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxuLy8gb3ZlcnJpZGUgcmVuZGVyIG1ldGhvZFxuZXhwb3J0IHsgY3VzdG9tUmVuZGVyIGFzIHJlbmRlciB9O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var GlobalTestStyles = function GlobalTestStyles() {
@@ -62,7 +62,6 @@ var GlobalTestStyles = function GlobalTestStyles() {
  * See Button.test.js as an example for how to apply conditional classes and then testing that
  * those classes have the appropriate styles tied to them in the theme.
  */
-
 var Wrapper = function Wrapper(_ref2) {
   var children = _ref2.children;
   return (0, _react2.jsx)(_themeUi.ThemeProvider, {
@@ -75,7 +74,7 @@ var customRender = function customRender(ui, options) {
   }, options));
 };
 
-// re-export everything -
+// re-export everything
 
 // override render method
 exports.render = customRender;