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

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

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