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

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

@@ -2,33 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
 var FileTreeContext = require('./context/FileTreeContext.js');
 
-const FileTreeListItemContentMenu = ({
-  node,
-  anchorEl,
-  onClose
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const {
-    allowToggleHidden,
-    allowToggleReadonly
-  } = FileTreeContext.useFileTreeState();
-  const {
-    dispatch,
-    onHiddenSet,
-    onReadOnlySet,
-    onFileDelete,
-    onDirectoryDelete
-  } = FileTreeContext.useFileTreeDispatch();
-  const [isDeleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
+  var node = _ref.node,
+    anchorEl = _ref.anchorEl,
+    onClose = _ref.onClose;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useFileTreeState = FileTreeContext.useFileTreeState(),
+    allowToggleHidden = _useFileTreeState.allowToggleHidden,
+    allowToggleReadonly = _useFileTreeState.allowToggleReadonly;
+  var _useFileTreeDispatch = FileTreeContext.useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch,
+    onHiddenSet = _useFileTreeDispatch.onHiddenSet,
+    onReadOnlySet = _useFileTreeDispatch.onReadOnlySet,
+    onFileDelete = _useFileTreeDispatch.onFileDelete,
+    onDirectoryDelete = _useFileTreeDispatch.onDirectoryDelete;
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.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,
@@ -39,7 +45,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Unset file readonly.
    */
-  const handleReadOnlyUnset = () => {
+  var handleReadOnlyUnset = function handleReadOnlyUnset() {
     if (typeof onReadOnlySet === 'function') {
       onReadOnlySet({
         path: node.path,
@@ -50,7 +56,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Set file hidden.
    */
-  const handleHiddenSet = () => {
+  var handleHiddenSet = function handleHiddenSet() {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -61,7 +67,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Unset file hidden.
    */
-  const handleHiddenUnset = () => {
+  var handleHiddenUnset = function handleHiddenUnset() {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -72,7 +78,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Create a new file.
    */
-  const handleNewFile = () => {
+  var handleNewFile = function handleNewFile() {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -84,7 +90,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Create a new directory.
    */
-  const handleNewDirectory = () => {
+  var handleNewDirectory = function handleNewDirectory() {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -96,7 +102,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Rename file.
    */
-  const handleRename = () => {
+  var handleRename = function handleRename() {
     dispatch({
       type: 'UPDATE_RENAME_INPUT_PATH',
       path: node.path
@@ -105,7 +111,7 @@ const FileTreeListItemContentMenu = ({
   /**
    * Delete file.
    */
-  const handleDelete = () => {
+  var handleDelete = function handleDelete() {
     if (node.isDirectory && typeof onDirectoryDelete === 'function') {
       void onDirectoryDelete(node.path);
     }
@@ -116,124 +122,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(blocks.List.Item, {
-      onClick: handleReadOnlySet
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.readOnlySet'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleReadOnlySet,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.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(blocks.List.Item, {
-      onClick: handleReadOnlyUnset
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.readOnlyUnset'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleReadOnlyUnset,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.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(blocks.List.Item, {
-      onClick: handleHiddenSet
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.hiddenSet'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleHiddenSet,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.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(blocks.List.Item, {
-      onClick: handleHiddenUnset
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.hiddenUnset'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleHiddenUnset,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.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(blocks.List.Item, {
-      onClick: handleNewFile
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.newFile'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleNewFile,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.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(blocks.List.Item, {
-      onClick: handleNewDirectory
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.newDirectory'
-    })));
+    return jsxRuntime.jsx(blocks.List.Item, {
+      onClick: handleNewDirectory,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.newDirectory'
+        })
+      })
+    });
   };
   /**
    * Rename file.
    */
-  const renderMenuItemRename = () => {
-    return React.createElement(blocks.List.Item, {
+  var renderMenuItemRename = function renderMenuItemRename() {
+    return jsxRuntime.jsx(blocks.List.Item, {
       disabled: !node.isRemovable,
-      onClick: handleRename
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.rename'
-    })));
+      onClick: handleRename,
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.rename'
+        })
+      })
+    });
   };
   /**
    * Delete file.
    */
-  const renderMenuItemDelete = () => {
-    return React.createElement(blocks.List.Item, {
+  var renderMenuItemDelete = function renderMenuItemDelete() {
+    return jsxRuntime.jsx(blocks.List.Item, {
       disabled: !node.isRemovable,
-      onClick: () => setDeleteDialogOpen(true)
-    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.item.delete'
-    })));
+      onClick: function onClick() {
+        return setDeleteDialogOpen(true);
+      },
+      children: jsxRuntime.jsx(blocks.List.ItemText, {
+        children: intl$1.formatMessage({
+          id: 'fileTree.list.item.content.menu.item.delete'
+        })
+      })
+    });
   };
   /**
    * Menu.
    */
-  const renderMenu = () => {
-    return React.createElement(blocks.Menu, {
+  var renderMenu = function renderMenu() {
+    return jsxRuntime.jsxs(blocks.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(blocks.Dialog, {
+    return jsxRuntime.jsxs(blocks.Dialog, {
       type: "warning",
       title: intl$1.formatMessage({
         id: 'fileTree.list.item.content.menu.deleteConfirmDialog.title'
@@ -243,21 +276,30 @@ const FileTreeListItemContentMenu = ({
       }, {
         title: node.title
       }),
-      onHide: () => setDeleteDialogOpen(false)
-    }, React.createElement(blocks.Dialog.CloseButton, {
-      onClick: () => setDeleteDialogOpen(false)
-    }, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.cancel'
-    })), React.createElement(blocks.Dialog.ActionButton, {
-      onClick: handleDelete
-    }, intl$1.formatMessage({
-      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.confirm'
-    })));
+      onHide: function onHide() {
+        return setDeleteDialogOpen(false);
+      },
+      children: [jsxRuntime.jsx(blocks.Dialog.CloseButton, {
+        onClick: function onClick() {
+          return setDeleteDialogOpen(false);
+        },
+        children: intl$1.formatMessage({
+          id: 'fileTree.list.item.content.menu.deleteConfirmDialog.cancel'
+        })
+      }), jsxRuntime.jsx(blocks.Dialog.ActionButton, {
+        onClick: handleDelete,
+        children: intl$1.formatMessage({
+          id: 'fileTree.list.item.content.menu.deleteConfirmDialog.confirm'
+        })
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(React.Fragment, null, renderMenu(), renderDeleteConfirmDialog());
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderMenu(), renderDeleteConfirmDialog()]
+  });
 };
 
 exports.default = FileTreeListItemContentMenu;