@kne/file-system-view 1.0.0 → 1.0.1

package/dist/index.modern.js

@@ -21,7 +21,7 @@ const withLocale = createWithIntlProvider({
   namespace: 'file-system-view'
 });
 
-var style = {"file-system-view":"_qMhn9","tree-node":"_t015K","action-btn":"_mLgqh","node-icon":"_dgomj","node-title":"_r6Ngq","node-name":"_st428","node-ext":"_POSao","empty":"_4zeDm"};
+var style = {"file-system-view":"_qMhn9","tree-node":"_t015K","action-btn":"_mLgqh","selected":"_vI5hy","node-icon":"_dgomj","node-title":"_r6Ngq","node-name":"_st428","node-ext":"_POSao","empty":"_4zeDm"};
 
 const IconContext = /*#__PURE__*/createContext({});
 var Context = IconContext;
@@ -1736,6 +1736,7 @@ const TreeNode = ({
   node,
   menuItems,
   expandedKeys,
+  selectedPath,
   onToggle,
   onFileClick,
   rootRef
@@ -1748,6 +1749,7 @@ const TreeNode = ({
     data
   } = node;
   const isExpanded = expandedKeys.includes(key);
+  const isSelected = selectedPath === key;
   const {
     icon: IconComponent,
     color
@@ -1780,7 +1782,7 @@ const TreeNode = ({
     }
   }, [isDirectory, onToggle, onFileClick, key, isExpanded, data]);
   return /*#__PURE__*/jsxs("div", {
-    className: style['tree-node'],
+    className: `${style['tree-node']}${isSelected ? ` ${style['selected']}` : ''}`,
     onClick: handleNodeClick,
     children: [/*#__PURE__*/jsx("span", {
       className: style['node-icon'],
@@ -1823,6 +1825,7 @@ const FileSystemView = withLocale(({
   menuItems,
   defaultExpandAll,
   expandedKeys: controlledExpandedKeys,
+  selectedPath,
   onExpand,
   onFileClick
 }) => {
@@ -1880,9 +1883,10 @@ const FileSystemView = withLocale(({
     node: node,
     menuItems: menuItems,
     expandedKeys: expandedKeys,
+    selectedPath: selectedPath,
     onToggle: handleToggle,
     onFileClick: onFileClick
-  }), [menuItems, expandedKeys, handleToggle, onFileClick]);
+  }), [menuItems, expandedKeys, selectedPath, handleToggle, onFileClick]);
   if (!data || data.length === 0) {
     return /*#__PURE__*/jsx("div", {
       className: style['empty'],