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

package/es/components/shared/file-tree/FileTreeListItemContentMenu.js

@@ -1,30 +1,32 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { Menu, Dialog, List } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 
-const FileTreeListItemContentMenu = ({
-  node,
-  anchorEl,
-  onClose
-}) => {
-  const intl = useRawEliceIntl();
-  const {
-    allowToggleHidden,
-    allowToggleReadonly
-  } = useFileTreeState();
-  const {
-    dispatch,
-    onHiddenSet,
-    onReadOnlySet,
-    onFileDelete,
-    onDirectoryDelete
-  } = useFileTreeDispatch();
-  const [isDeleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
+var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
+  var node = _ref.node,
+    anchorEl = _ref.anchorEl,
+    onClose = _ref.onClose;
+  var intl = useRawEliceIntl();
+  var _useFileTreeState = useFileTreeState(),
+    allowToggleHidden = _useFileTreeState.allowToggleHidden,
+    allowToggleReadonly = _useFileTreeState.allowToggleReadonly;
+  var _useFileTreeDispatch = useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch,
+    onHiddenSet = _useFileTreeDispatch.onHiddenSet,
+    onReadOnlySet = _useFileTreeDispatch.onReadOnlySet,
+    onFileDelete = _useFileTreeDispatch.onFileDelete,
+    onDirectoryDelete = _useFileTreeDispatch.onDirectoryDelete;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isDeleteDialogOpen = _React$useState2[0],
+    setDeleteDialogOpen = _React$useState2[1];
   /**
    * Set file readonly.
    */
-  const handleReadOnlySet = () => {
+  var handleReadOnlySet = function handleReadOnlySet() {
     if (typeof onReadOnlySet === 'function') {
       onReadOnlySet({
         path: node.path,
@@ -35,7 +37,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Unset file readonly.
    */
-  const handleReadOnlyUnset = () => {
+  var handleReadOnlyUnset = function handleReadOnlyUnset() {
     if (typeof onReadOnlySet === 'function') {
       onReadOnlySet({
         path: node.path,
@@ -46,7 +48,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Set file hidden.
    */
-  const handleHiddenSet = () => {
+  var handleHiddenSet = function handleHiddenSet() {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -57,7 +59,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Unset file hidden.
    */
-  const handleHiddenUnset = () => {
+  var handleHiddenUnset = function handleHiddenUnset() {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -68,7 +70,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Create a new file.
    */
-  const handleNewFile = () => {
+  var handleNewFile = function handleNewFile() {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -80,7 +82,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Create a new directory.
    */
-  const handleNewDirectory = () => {
+  var handleNewDirectory = function handleNewDirectory() {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -92,7 +94,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Rename file.
    */
-  const handleRename = () => {
+  var handleRename = function handleRename() {
     dispatch({
       type: 'UPDATE_RENAME_INPUT_PATH',
       path: node.path
@@ -101,7 +103,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Delete file.
    */
-  const handleDelete = () => {
+  var handleDelete = function handleDelete() {
     if (node.isDirectory && typeof onDirectoryDelete === 'function') {
       void onDirectoryDelete(node.path);
     }
@@ -112,124 +114,151 @@ const FileTreeListItemContentMenu = ({
   /**
    * Set file readonly.
    */
-  const renderMenuItemReadOnlySet = () => {
+  var renderMenuItemReadOnlySet = function renderMenuItemReadOnlySet() {
     if (!allowToggleReadonly || node.isDirectory || node.isReadonly || node.isHidden) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleReadOnlySet
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.readOnlySet'
-    })));
+    return jsx(List.Item, {
+      onClick: handleReadOnlySet,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.readOnlySet'
+        })
+      })
+    });
   };
   /**
    * Unset file readonly.
    */
-  const renderMenuItemReadOnlyUnset = () => {
+  var renderMenuItemReadOnlyUnset = function renderMenuItemReadOnlyUnset() {
     if (!allowToggleReadonly || node.isDirectory || !node.isReadonly) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleReadOnlyUnset
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.readOnlyUnset'
-    })));
+    return jsx(List.Item, {
+      onClick: handleReadOnlyUnset,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.readOnlyUnset'
+        })
+      })
+    });
   };
   /**
    * Set file hidden.
    */
-  const renderMenuItemHiddenSet = () => {
+  var renderMenuItemHiddenSet = function renderMenuItemHiddenSet() {
     if (!allowToggleHidden || node.isDirectory || node.isReadonly || node.isHidden) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleHiddenSet
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.hiddenSet'
-    })));
+    return jsx(List.Item, {
+      onClick: handleHiddenSet,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.hiddenSet'
+        })
+      })
+    });
   };
   /**
    * Unset file hidden.
    */
-  const renderMenuItemHiddenUnset = () => {
+  var renderMenuItemHiddenUnset = function renderMenuItemHiddenUnset() {
     if (!allowToggleHidden || node.isDirectory || !node.isHidden) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleHiddenUnset
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.hiddenUnset'
-    })));
+    return jsx(List.Item, {
+      onClick: handleHiddenUnset,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.hiddenUnset'
+        })
+      })
+    });
   };
   /**
    * New file.
    */
-  const renderMenuItemNewFile = () => {
+  var renderMenuItemNewFile = function renderMenuItemNewFile() {
     if (!node.isDirectory) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleNewFile
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.newFile'
-    })));
+    return jsx(List.Item, {
+      onClick: handleNewFile,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.newFile'
+        })
+      })
+    });
   };
   /**
    * New directory.
    */
-  const renderMenuItemNewDirectory = () => {
+  var renderMenuItemNewDirectory = function renderMenuItemNewDirectory() {
     if (!node.isDirectory) {
       return null;
     }
-    return React.createElement(List.Item, {
-      onClick: handleNewDirectory
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.newDirectory'
-    })));
+    return jsx(List.Item, {
+      onClick: handleNewDirectory,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.newDirectory'
+        })
+      })
+    });
   };
   /**
    * Rename file.
    */
-  const renderMenuItemRename = () => {
-    return React.createElement(List.Item, {
+  var renderMenuItemRename = function renderMenuItemRename() {
+    return jsx(List.Item, {
       disabled: !node.isRemovable,
-      onClick: handleRename
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.rename'
-    })));
+      onClick: handleRename,
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.rename'
+        })
+      })
+    });
   };
   /**
    * Delete file.
    */
-  const renderMenuItemDelete = () => {
-    return React.createElement(List.Item, {
+  var renderMenuItemDelete = function renderMenuItemDelete() {
+    return jsx(List.Item, {
       disabled: !node.isRemovable,
-      onClick: () => setDeleteDialogOpen(true)
-    }, React.createElement(List.ItemText, null, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.delete'
-    })));
+      onClick: function onClick() {
+        return setDeleteDialogOpen(true);
+      },
+      children: jsx(List.ItemText, {
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.delete'
+        })
+      })
+    });
   };
   /**
    * Menu.
    */
-  const renderMenu = () => {
-    return React.createElement(Menu, {
+  var renderMenu = function renderMenu() {
+    return jsxs(Menu, {
       open: Boolean(anchorEl),
       anchorEl: anchorEl,
       size: "xsmall",
       placement: "right-start",
       dark: true,
-      onClose: onClose
-    }, renderMenuItemReadOnlySet(), renderMenuItemReadOnlyUnset(), renderMenuItemHiddenSet(), renderMenuItemHiddenUnset(), renderMenuItemNewFile(), renderMenuItemNewDirectory(), renderMenuItemRename(), renderMenuItemDelete());
+      onClose: onClose,
+      children: [renderMenuItemReadOnlySet(), renderMenuItemReadOnlyUnset(), renderMenuItemHiddenSet(), renderMenuItemHiddenUnset(), renderMenuItemNewFile(), renderMenuItemNewDirectory(), renderMenuItemRename(), renderMenuItemDelete()]
+    });
   };
   /**
    * Dialog for confirm delete.
    */
-  const renderDeleteConfirmDialog = () => {
+  var renderDeleteConfirmDialog = function renderDeleteConfirmDialog() {
     if (!isDeleteDialogOpen) {
       return null;
     }
-    return React.createElement(Dialog, {
+    return jsxs(Dialog, {
       type: "warning",
       title: intl.formatMessage({
         id: 'fileTree.list.item.content.menu.deleteConfirmDialog.title'
@@ -239,21 +268,30 @@ const FileTreeListItemContentMenu = ({
       }, {
         title: node.title
       }),
-      onHide: () => setDeleteDialogOpen(false)
-    }, React.createElement(Dialog.CloseButton, {
-      onClick: () => setDeleteDialogOpen(false)
-    }, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.cancel'
-    })), React.createElement(Dialog.ActionButton, {
-      onClick: handleDelete
-    }, intl.formatMessage({
-      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.confirm'
-    })));
+      onHide: function onHide() {
+        return setDeleteDialogOpen(false);
+      },
+      children: [jsx(Dialog.CloseButton, {
+        onClick: function onClick() {
+          return setDeleteDialogOpen(false);
+        },
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.deleteConfirmDialog.cancel'
+        })
+      }), jsx(Dialog.ActionButton, {
+        onClick: handleDelete,
+        children: intl.formatMessage({
+          id: 'fileTree.list.item.content.menu.deleteConfirmDialog.confirm'
+        })
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderMenu(), renderDeleteConfirmDialog());
+  return jsxs(Fragment, {
+    children: [renderMenu(), renderDeleteConfirmDialog()]
+  });
 };
 
 export { FileTreeListItemContentMenu as default };