@elice/material-exercise 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

package/cjs/components/shared/file-tree/FileTreeListItems.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var designTokens = require('@elice/design-tokens');
 var FileTreeContext = require('./context/FileTreeContext.js');
 var FileTreeListItemContent = require('./FileTreeListItemContent.js');
@@ -11,38 +11,35 @@ var fileTreeInput = require('./utils/fileTreeInput.js');
 var fileTreePath = require('./utils/fileTreePath.js');
 var FileTreeListItems_styled = require('./FileTreeListItems.styled.js');
 
-const FileTreeListItems = ({
-  node,
-  indent = 1
-}) => {
-  const uniqCompId = 'treeitem';
-  const {
-    activePath,
-    newInput,
-    dropzonePath,
-    renameInputPath,
-    fileTree,
-    maxFileUploadSize,
-    isHiddenFilelistVisible
-  } = FileTreeContext.useFileTreeState();
-  const {
-    dispatch,
-    onFileMove,
-    onDirectoryMove,
-    onFilesUpload
-  } = FileTreeContext.useFileTreeDispatch();
+var FileTreeListItems = function FileTreeListItems(_ref) {
+  var node = _ref.node,
+    _ref$indent = _ref.indent,
+    indent = _ref$indent === void 0 ? 1 : _ref$indent;
+  var uniqCompId = 'treeitem';
+  var _useFileTreeState = FileTreeContext.useFileTreeState(),
+    activePath = _useFileTreeState.activePath,
+    newInput = _useFileTreeState.newInput,
+    dropzonePath = _useFileTreeState.dropzonePath,
+    renameInputPath = _useFileTreeState.renameInputPath,
+    fileTree = _useFileTreeState.fileTree,
+    maxFileUploadSize = _useFileTreeState.maxFileUploadSize,
+    isHiddenFilelistVisible = _useFileTreeState.isHiddenFilelistVisible;
+  var _useFileTreeDispatch = FileTreeContext.useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch,
+    onFileMove = _useFileTreeDispatch.onFileMove,
+    onDirectoryMove = _useFileTreeDispatch.onDirectoryMove,
+    onFilesUpload = _useFileTreeDispatch.onFilesUpload;
   /**
    *
    */
-  const handleFilesUpload = ({
-    files,
-    path
-  }) => {
+  var handleFilesUpload = function handleFilesUpload(_ref2) {
+    var files = _ref2.files,
+      path = _ref2.path;
     if (fileTreeFiles.validateFilesSize(files, maxFileUploadSize)) {
       if (typeof onFilesUpload === 'function') {
         onFilesUpload({
-          files,
-          path
+          files: files,
+          path: path
         });
       }
     }
@@ -50,143 +47,158 @@ const FileTreeListItems = ({
   /**
    *
    */
-  const getDragStartHandler = childNode => e => {
-    var _a, _b;
-    e.stopPropagation();
-    // 🚨 data should be set in order to trigger onDrop event in "React".
-    e.dataTransfer.setData('text/plain', (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 'id');
-    dispatch({
-      type: 'UPDATE_DRAGGED_PATH',
-      path: childNode.path
-    });
+  var getDragStartHandler = function getDragStartHandler(childNode) {
+    return function (e) {
+      var _a, _b;
+      e.stopPropagation();
+      // 🚨 data should be set in order to trigger onDrop event in "React".
+      e.dataTransfer.setData('text/plain', (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 'id');
+      dispatch({
+        type: 'UPDATE_DRAGGED_PATH',
+        path: childNode.path
+      });
+    };
   };
   /**
    *
    */
-  const getDragEndHandler = childNode => e => {
-    e.preventDefault();
-    e.stopPropagation();
-    // clear drag data
-    e.dataTransfer.clearData();
-    // reset dragged path
-    dispatch({
-      type: 'UPDATE_DRAGGED_PATH',
-      path: null
-    });
-    // reset dropzone path
-    dispatch({
-      type: 'UPDATE_DROPZONE_PATH',
-      path: null
-    });
+  var getDragEndHandler = function getDragEndHandler(childNode) {
+    return function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+      // clear drag data
+      e.dataTransfer.clearData();
+      // reset dragged path
+      dispatch({
+        type: 'UPDATE_DRAGGED_PATH',
+        path: null
+      });
+      // reset dropzone path
+      dispatch({
+        type: 'UPDATE_DROPZONE_PATH',
+        path: null
+      });
+    };
   };
   /**
    *
    */
-  const getDragEnterHandler = childNode => e => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (childNode.isDirectory) {
+  var getDragEnterHandler = function getDragEnterHandler(childNode) {
+    return function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (childNode.isDirectory) {
+        dispatch({
+          type: 'ADD_OPENED_DIRECTORY_LIST',
+          path: childNode.path
+        });
+      }
       dispatch({
-        type: 'ADD_OPENED_DIRECTORY_LIST',
-        path: childNode.path
+        type: 'UPDATE_DROPZONE_PATH',
+        path: fileTreeInput.getTargetDirectoryPath(childNode)
       });
-    }
-    dispatch({
-      type: 'UPDATE_DROPZONE_PATH',
-      path: fileTreeInput.getTargetDirectoryPath(childNode)
-    });
+    };
   };
   /**
    * Prevent default behavior (Prevent file from being opened)
    * - ref: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop#prevent_the_browser's_default_drag_behavior
    */
-  const getDragOverHandler = _ => e => {
-    e.preventDefault();
-    e.stopPropagation();
+  var getDragOverHandler = function getDragOverHandler(_) {
+    return function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+    };
   };
   /**
    *
    */
-  const getDropHandler = _ => e => {
-    e.preventDefault();
-    e.stopPropagation();
-    const draggedPath = e.dataTransfer.getData('text').replace(`${uniqCompId}-`, '');
-    // file drop
-    if (e.dataTransfer.files.length > 0 && dropzonePath !== null) {
-      handleFilesUpload({
-        files: e.dataTransfer.files,
-        path: dropzonePath
-      });
-      dispatch({
-        type: 'UPDATE_DRAGGED_PATH',
-        path: null
-      });
-      dispatch({
-        type: 'UPDATE_DROPZONE_PATH',
-        path: null
-      });
-    } else {
-      // file move
-      const dragFileTreeNode = fileTree.findTreeNode(draggedPath);
-      // file does not move. from a to a (the same path).
-      if (fileTreePath.isMovingTheSamePath({
-        draggedPath,
-        dropzonePath,
-        dragFileTreeNode
-      })) {
-        return;
-      }
-      if (dragFileTreeNode && dropzonePath !== null) {
-        if (dragFileTreeNode.isDirectory) {
-          onDirectoryMove && void onDirectoryMove({
-            currentFilename: dragFileTreeNode.path,
-            newPath: dropzonePath,
-            newName: dragFileTreeNode.title
-          });
-        } else {
-          onFileMove && void onFileMove({
-            currentFilename: dragFileTreeNode.path,
-            newPath: dropzonePath,
-            newName: dragFileTreeNode.title
-          });
+  var getDropHandler = function getDropHandler(_) {
+    return function (e) {
+      e.preventDefault();
+      e.stopPropagation();
+      var draggedPath = e.dataTransfer.getData('text').replace("".concat(uniqCompId, "-"), '');
+      // file drop
+      if (e.dataTransfer.files.length > 0 && dropzonePath !== null) {
+        handleFilesUpload({
+          files: e.dataTransfer.files,
+          path: dropzonePath
+        });
+        dispatch({
+          type: 'UPDATE_DRAGGED_PATH',
+          path: null
+        });
+        dispatch({
+          type: 'UPDATE_DROPZONE_PATH',
+          path: null
+        });
+      } else {
+        // file move
+        var dragFileTreeNode = fileTree.findTreeNode(draggedPath);
+        // file does not move. from a to a (the same path).
+        if (fileTreePath.isMovingTheSamePath({
+          draggedPath: draggedPath,
+          dropzonePath: dropzonePath,
+          dragFileTreeNode: dragFileTreeNode
+        })) {
+          return;
+        }
+        if (dragFileTreeNode && dropzonePath !== null) {
+          if (dragFileTreeNode.isDirectory) {
+            onDirectoryMove && void onDirectoryMove({
+              currentFilename: dragFileTreeNode.path,
+              newPath: dropzonePath,
+              newName: dragFileTreeNode.title
+            });
+          } else {
+            onFileMove && void onFileMove({
+              currentFilename: dragFileTreeNode.path,
+              newPath: dropzonePath,
+              newName: dragFileTreeNode.title
+            });
+          }
         }
       }
-    }
+    };
   };
   //
   //
   //
-  return React.createElement(FileTreeListItems_styled.StyledTreeItems, {
+  return jsxRuntime.jsx(FileTreeListItems_styled.StyledTreeItems, {
     style: {
       backgroundColor: dropzonePath === '' ? designTokens.base.color.primary7 : 'transparent'
-    }
-  }, node.children.filter(childNode => isHiddenFilelistVisible ? true : !childNode.isHidden).map((childNode, index) => React.createElement(FileTreeListItems_styled.StyledTreeItem, {
-    key: childNode.path,
-    id: `${uniqCompId}-${childNode.path}`,
-    role: "treeitem",
-    "aria-selected": childNode.path === activePath,
-    "aria-label": childNode.title,
-    "aria-level": indent,
-    "aria-setsize": node.children.length,
-    "aria-posinset": index + 1,
-    "aria-expanded": childNode.isDirectory && childNode.expanded,
-    draggable: !newInput && !renameInputPath && childNode.isRemovable,
-    onDragStart: getDragStartHandler(childNode),
-    onDragEnd: getDragEndHandler(),
-    onDragEnter: getDragEnterHandler(childNode),
-    onDragOver: getDragOverHandler(),
-    onDrop: getDropHandler(),
-    style: {
-      backgroundColor: dropzonePath === childNode.path && !childNode.isEdit ? designTokens.base.color.primary7 : ''
-    }
-  }, React.createElement(FileTreeListItemContent.default, {
-    node: childNode,
-    parentNode: node,
-    indent: indent
-  }), childNode.children.length > 0 && childNode.expanded ? React.createElement(FileTreeListItems, {
-    node: childNode,
-    indent: indent
-  }) : null)));
+    },
+    children: node.children.filter(function (childNode) {
+      return isHiddenFilelistVisible ? true : !childNode.isHidden;
+    }).map(function (childNode, index) {
+      return jsxRuntime.jsxs(FileTreeListItems_styled.StyledTreeItem, {
+        id: "".concat(uniqCompId, "-").concat(childNode.path),
+        role: "treeitem",
+        "aria-selected": childNode.path === activePath,
+        "aria-label": childNode.title,
+        "aria-level": indent,
+        "aria-setsize": node.children.length,
+        "aria-posinset": index + 1,
+        "aria-expanded": childNode.isDirectory && childNode.expanded,
+        draggable: !newInput && !renameInputPath && childNode.isRemovable,
+        onDragStart: getDragStartHandler(childNode),
+        onDragEnd: getDragEndHandler(),
+        onDragEnter: getDragEnterHandler(childNode),
+        onDragOver: getDragOverHandler(),
+        onDrop: getDropHandler(),
+        style: {
+          backgroundColor: dropzonePath === childNode.path && !childNode.isEdit ? designTokens.base.color.primary7 : ''
+        },
+        children: [jsxRuntime.jsx(FileTreeListItemContent.default, {
+          node: childNode,
+          parentNode: node,
+          indent: indent
+        }), childNode.children.length > 0 && childNode.expanded ? jsxRuntime.jsx(FileTreeListItems, {
+          node: childNode,
+          indent: indent
+        }) : null]
+      }, childNode.path);
+    })
+  });
 };
 
 exports.default = FileTreeListItems;

package/cjs/components/shared/file-tree/FileTreeListItems.styled.js

@@ -2,10 +2,14 @@
 
 var styled = require('styled-components');
 
-const StyledTreeItems = styled.ul.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledTreeItems = styled__default.default.ul.withConfig({
   componentId: "sc-1bh7pa8-0"
 })(["padding:0;margin:0;overflow:hidden;"]);
-const StyledTreeItem = styled.li.withConfig({
+var StyledTreeItem = styled__default.default.li.withConfig({
   componentId: "sc-1bh7pa8-1"
 })(["list-style:none;cursor:pointer;"]);
 

package/cjs/components/shared/file-tree/FileTreeToolbar.styled.js

@@ -3,7 +3,11 @@
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
-const StyledFileTreeToolbar = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledFileTreeToolbar = styled__default.default.div.withConfig({
   componentId: "sc-1lmdwux-0"
 })(["flex:0 0 2.25rem;display:flex;align-items:center;padding:0.25rem 0.5rem;background-color:", ";"], designTokens.base.color.navy8);
 

package/cjs/components/shared/file-tree/context/FileTreeContext.d.ts

@@ -121,7 +121,7 @@ interface DispatchContextType {
     onSetInitialOpenFile?: OnInitialOpenFileSet;
     onFilesUpload?: OnFilesUpload;
 }
-declare function FileTreeProvider({ theme, collapsed, activePath, allowToggleReadonly, allowToggleHidden, onCollapse, onActivePathChange, maxFileUploadSize, onFilesUpload, onFileAdd, onDirectoryAdd, onHiddenSet, onReadOnlySet, onFileDelete, onDirectoryDelete, onFileMove, onDirectoryMove, exerciseRoomFilelist, imageFilelist, readOnlyFilelist, hiddenFilelist, isHiddenFilelistVisible, children, }: FileTreeProviderProps): React.JSX.Element;
+declare function FileTreeProvider({ theme, collapsed, activePath, allowToggleReadonly, allowToggleHidden, onCollapse, onActivePathChange, maxFileUploadSize, onFilesUpload, onFileAdd, onDirectoryAdd, onHiddenSet, onReadOnlySet, onFileDelete, onDirectoryDelete, onFileMove, onDirectoryMove, exerciseRoomFilelist, imageFilelist, readOnlyFilelist, hiddenFilelist, isHiddenFilelistVisible, children, }: FileTreeProviderProps): JSX.Element;
 declare function useFileTreeState(): StateContextType;
 declare function useFileTreeDispatch(): DispatchContextType;
 export { FileTreeProvider, useFileTreeState, useFileTreeDispatch };

package/cjs/components/shared/file-tree/context/FileTreeContext.js

@@ -1,11 +1,17 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('filesize');
 var fileTreeGenerator = require('../utils/fileTreeGenerator.js');
 
-const StateContext = React.createContext(undefined);
-const DispatchContext = React.createContext(undefined);
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var StateContext = React__default.default.createContext(undefined);
+var DispatchContext = React__default.default.createContext(undefined);
 StateContext.displayName = 'FileTreeStateContext';
 DispatchContext.displayName = 'FileTreeDispatchContext';
 function reducer(state, action) {
@@ -16,11 +22,13 @@ function reducer(state, action) {
       });
     case 'TOGGLE_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(path => path !== action.path) : [...state.openedDirectoryList, action.path]
+        openedDirectoryList: state.openedDirectoryList.includes(action.path) ? state.openedDirectoryList.filter(function (path) {
+          return path !== action.path;
+        }) : [].concat(_rollupPluginBabelHelpers.toConsumableArray(state.openedDirectoryList), [action.path])
       });
     case 'ADD_OPENED_DIRECTORY_LIST':
       return Object.assign(Object.assign({}, state), {
-        openedDirectoryList: [...new Set([...state.openedDirectoryList, action.path])]
+        openedDirectoryList: _rollupPluginBabelHelpers.toConsumableArray(new Set([].concat(_rollupPluginBabelHelpers.toConsumableArray(state.openedDirectoryList), [action.path])))
       });
     case 'NEW_INPUT_OPEN':
       return Object.assign(Object.assign({}, state), {
@@ -28,7 +36,7 @@ function reducer(state, action) {
           type: action.newInput.type,
           path: action.newInput.path
         },
-        openedDirectoryList: [...state.openedDirectoryList, action.newInput.path]
+        openedDirectoryList: [].concat(_rollupPluginBabelHelpers.toConsumableArray(state.openedDirectoryList), [action.newInput.path])
       });
     case 'NEW_INPUT_CLOSE':
       return Object.assign(Object.assign({}, state), {
@@ -56,70 +64,82 @@ function reducer(state, action) {
       });
     case 'INITIAL_OPEN_FILELIST_UPDATE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: [...action.initialOpenFilelist]
+        initialOpenFileListTemp: _rollupPluginBabelHelpers.toConsumableArray(action.initialOpenFilelist)
       });
     case 'INITIAL_OPEN_FILELIST_ADD':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: [...state.initialOpenFileListTemp, action.path]
+        initialOpenFileListTemp: [].concat(_rollupPluginBabelHelpers.toConsumableArray(state.initialOpenFileListTemp), [action.path])
       });
     case 'INITIAL_OPEN_FILELIST_REMOVE':
       return Object.assign(Object.assign({}, state), {
-        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(path => path !== action.path)
+        initialOpenFileListTemp: state.initialOpenFileListTemp.filter(function (path) {
+          return path !== action.path;
+        })
       });
     default:
       return state;
   }
 }
-const init = state => Object.assign({}, state);
-function FileTreeProvider({
-  theme = 'dark',
-  collapsed = false,
-  activePath,
-  allowToggleReadonly = false,
-  allowToggleHidden = false,
-  onCollapse,
-  onActivePathChange,
-  maxFileUploadSize = 50,
-  onFilesUpload,
-  onFileAdd,
-  onDirectoryAdd,
-  onHiddenSet,
-  onReadOnlySet,
-  onFileDelete,
-  onDirectoryDelete,
-  onFileMove,
-  onDirectoryMove,
-  exerciseRoomFilelist,
-  imageFilelist,
-  readOnlyFilelist,
-  hiddenFilelist,
-  isHiddenFilelistVisible = false,
-  children
-}) {
-  const [state, dispatch] = React.useReducer(reducer, {
-    mode: 'default',
-    maxFileUploadSize,
-    draggedPath: null,
-    dropzonePath: null,
-    openedDirectoryList: [],
-    initialOpenFileListTemp: [],
-    theme,
-    fileTree: fileTreeGenerator.create({
-      exerciseRoomFilelist,
-      imageFilelist,
-      hiddenFilelist,
-      readOnlyFilelist,
-      openedDirectoryList: []
-    })
-  }, init);
-  React.useEffect(() => {
+var init = function init(state) {
+  return Object.assign({}, state);
+};
+function FileTreeProvider(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
+    _ref$collapsed = _ref.collapsed,
+    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
+    activePath = _ref.activePath,
+    _ref$allowToggleReado = _ref.allowToggleReadonly,
+    allowToggleReadonly = _ref$allowToggleReado === void 0 ? false : _ref$allowToggleReado,
+    _ref$allowToggleHidde = _ref.allowToggleHidden,
+    allowToggleHidden = _ref$allowToggleHidde === void 0 ? false : _ref$allowToggleHidde,
+    onCollapse = _ref.onCollapse,
+    onActivePathChange = _ref.onActivePathChange,
+    _ref$maxFileUploadSiz = _ref.maxFileUploadSize,
+    maxFileUploadSize = _ref$maxFileUploadSiz === void 0 ? 50 : _ref$maxFileUploadSiz,
+    onFilesUpload = _ref.onFilesUpload,
+    onFileAdd = _ref.onFileAdd,
+    onDirectoryAdd = _ref.onDirectoryAdd,
+    onHiddenSet = _ref.onHiddenSet,
+    onReadOnlySet = _ref.onReadOnlySet,
+    onFileDelete = _ref.onFileDelete,
+    onDirectoryDelete = _ref.onDirectoryDelete,
+    onFileMove = _ref.onFileMove,
+    onDirectoryMove = _ref.onDirectoryMove,
+    exerciseRoomFilelist = _ref.exerciseRoomFilelist,
+    imageFilelist = _ref.imageFilelist,
+    readOnlyFilelist = _ref.readOnlyFilelist,
+    hiddenFilelist = _ref.hiddenFilelist,
+    _ref$isHiddenFilelist = _ref.isHiddenFilelistVisible,
+    isHiddenFilelistVisible = _ref$isHiddenFilelist === void 0 ? false : _ref$isHiddenFilelist,
+    children = _ref.children;
+  var _React$useReducer = React__default.default.useReducer(reducer, {
+      mode: 'default',
+      maxFileUploadSize: maxFileUploadSize,
+      draggedPath: null,
+      dropzonePath: null,
+      openedDirectoryList: [],
+      initialOpenFileListTemp: [],
+      theme: theme,
+      fileTree: fileTreeGenerator.create({
+        exerciseRoomFilelist: exerciseRoomFilelist,
+        imageFilelist: imageFilelist,
+        hiddenFilelist: hiddenFilelist,
+        readOnlyFilelist: readOnlyFilelist,
+        openedDirectoryList: []
+      })
+    }, init),
+    _React$useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  React__default.default.useEffect(function () {
     dispatch({
       type: 'UPDATE_FILE_TREE',
       fileTree: fileTreeGenerator.create({
-        exerciseRoomFilelist,
-        imageFilelist,
-        hiddenFilelist,
-        readOnlyFilelist,
+        exerciseRoomFilelist: exerciseRoomFilelist,
+        imageFilelist: imageFilelist,
+        hiddenFilelist: hiddenFilelist,
+        readOnlyFilelist: readOnlyFilelist,
         initialOpenFilelist: state.initialOpenFileListTemp,
         openedDirectoryList: state.openedDirectoryList,
         newInput: state.newInput,
@@ -129,41 +149,43 @@ function FileTreeProvider({
   }, [exerciseRoomFilelist, imageFilelist, hiddenFilelist, readOnlyFilelist, state.initialOpenFileListTemp, state.openedDirectoryList, state.newInput, state.renameInputPath]);
   return (
     // StateContext and DispatchContext are seperated on purpose in order to optimize rendering performance.
-    React.createElement(StateContext.Provider, {
+    jsxRuntime.jsx(StateContext.Provider, {
       value: Object.assign(Object.assign({}, state), {
-        collapsed,
-        activePath,
-        allowToggleReadonly,
-        allowToggleHidden,
-        isHiddenFilelistVisible
+        collapsed: collapsed,
+        activePath: activePath,
+        allowToggleReadonly: allowToggleReadonly,
+        allowToggleHidden: allowToggleHidden,
+        isHiddenFilelistVisible: isHiddenFilelistVisible
+      }),
+      children: jsxRuntime.jsx(DispatchContext.Provider, {
+        value: {
+          dispatch: dispatch,
+          onCollapse: onCollapse,
+          onActivePathChange: onActivePathChange,
+          onFileAdd: onFileAdd,
+          onDirectoryAdd: onDirectoryAdd,
+          onHiddenSet: onHiddenSet,
+          onReadOnlySet: onReadOnlySet,
+          onFileDelete: onFileDelete,
+          onDirectoryDelete: onDirectoryDelete,
+          onFileMove: onFileMove,
+          onDirectoryMove: onDirectoryMove,
+          onFilesUpload: onFilesUpload
+        },
+        children: children
       })
-    }, React.createElement(DispatchContext.Provider, {
-      value: {
-        dispatch,
-        onCollapse,
-        onActivePathChange,
-        onFileAdd,
-        onDirectoryAdd,
-        onHiddenSet,
-        onReadOnlySet,
-        onFileDelete,
-        onDirectoryDelete,
-        onFileMove,
-        onDirectoryMove,
-        onFilesUpload
-      }
-    }, children))
+    })
   );
 }
 function useFileTreeState() {
-  const context = React.useContext(StateContext);
+  var context = React__default.default.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useFileTreeState must be used within a FileTreeProvider');
   }
   return context;
 }
 function useFileTreeDispatch() {
-  const context = React.useContext(DispatchContext);
+  var context = React__default.default.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useFileTreeDispatch must be used within a FileTreeProvider');
   }

package/cjs/components/shared/file-tree/context/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var FileTreeContext = require('./FileTreeContext.js');
+
+
+
+exports.FileTreeProvider = FileTreeContext.FileTreeProvider;
+exports.useFileTreeDispatch = FileTreeContext.useFileTreeDispatch;
+exports.useFileTreeState = FileTreeContext.useFileTreeState;