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

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

@@ -2,39 +2,33 @@
 
 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');
 
-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];
+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);
   /**
    * Set file readonly.
    */
-  var handleReadOnlySet = function handleReadOnlySet() {
+  const handleReadOnlySet = () => {
     if (typeof onReadOnlySet === 'function') {
       onReadOnlySet({
         path: node.path,
@@ -45,7 +39,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Unset file readonly.
    */
-  var handleReadOnlyUnset = function handleReadOnlyUnset() {
+  const handleReadOnlyUnset = () => {
     if (typeof onReadOnlySet === 'function') {
       onReadOnlySet({
         path: node.path,
@@ -56,7 +50,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Set file hidden.
    */
-  var handleHiddenSet = function handleHiddenSet() {
+  const handleHiddenSet = () => {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -67,7 +61,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Unset file hidden.
    */
-  var handleHiddenUnset = function handleHiddenUnset() {
+  const handleHiddenUnset = () => {
     if (typeof onHiddenSet === 'function') {
       onHiddenSet({
         path: node.path,
@@ -78,7 +72,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Create a new file.
    */
-  var handleNewFile = function handleNewFile() {
+  const handleNewFile = () => {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -90,7 +84,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Create a new directory.
    */
-  var handleNewDirectory = function handleNewDirectory() {
+  const handleNewDirectory = () => {
     dispatch({
       type: 'NEW_INPUT_OPEN',
       newInput: {
@@ -102,7 +96,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Rename file.
    */
-  var handleRename = function handleRename() {
+  const handleRename = () => {
     dispatch({
       type: 'UPDATE_RENAME_INPUT_PATH',
       path: node.path
@@ -111,7 +105,7 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
   /**
    * Delete file.
    */
-  var handleDelete = function handleDelete() {
+  const handleDelete = () => {
     if (node.isDirectory && typeof onDirectoryDelete === 'function') {
       void onDirectoryDelete(node.path);
     }
@@ -122,151 +116,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 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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * Unset file readonly.
    */
-  var renderMenuItemReadOnlyUnset = function renderMenuItemReadOnlyUnset() {
+  const renderMenuItemReadOnlyUnset = () => {
     if (!allowToggleReadonly || node.isDirectory || !node.isReadonly) {
       return null;
     }
-    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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * Set file hidden.
    */
-  var renderMenuItemHiddenSet = function renderMenuItemHiddenSet() {
+  const renderMenuItemHiddenSet = () => {
     if (!allowToggleHidden || node.isDirectory || node.isReadonly || node.isHidden) {
       return null;
     }
-    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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * Unset file hidden.
    */
-  var renderMenuItemHiddenUnset = function renderMenuItemHiddenUnset() {
+  const renderMenuItemHiddenUnset = () => {
     if (!allowToggleHidden || node.isDirectory || !node.isHidden) {
       return null;
     }
-    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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * New file.
    */
-  var renderMenuItemNewFile = function renderMenuItemNewFile() {
+  const renderMenuItemNewFile = () => {
     if (!node.isDirectory) {
       return null;
     }
-    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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * New directory.
    */
-  var renderMenuItemNewDirectory = function renderMenuItemNewDirectory() {
+  const renderMenuItemNewDirectory = () => {
     if (!node.isDirectory) {
       return null;
     }
-    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'
-        })
-      })
-    });
+    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'
+    })));
   };
   /**
    * Rename file.
    */
-  var renderMenuItemRename = function renderMenuItemRename() {
-    return jsxRuntime.jsx(blocks.List.Item, {
+  const renderMenuItemRename = () => {
+    return React.createElement(blocks.List.Item, {
       disabled: !node.isRemovable,
-      onClick: handleRename,
-      children: jsxRuntime.jsx(blocks.List.ItemText, {
-        children: intl$1.formatMessage({
-          id: 'fileTree.list.item.content.menu.item.rename'
-        })
-      })
-    });
+      onClick: handleRename
+    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.rename'
+    })));
   };
   /**
    * Delete file.
    */
-  var renderMenuItemDelete = function renderMenuItemDelete() {
-    return jsxRuntime.jsx(blocks.List.Item, {
+  const renderMenuItemDelete = () => {
+    return React.createElement(blocks.List.Item, {
       disabled: !node.isRemovable,
-      onClick: function onClick() {
-        return setDeleteDialogOpen(true);
-      },
-      children: jsxRuntime.jsx(blocks.List.ItemText, {
-        children: intl$1.formatMessage({
-          id: 'fileTree.list.item.content.menu.item.delete'
-        })
-      })
-    });
+      onClick: () => setDeleteDialogOpen(true)
+    }, React.createElement(blocks.List.ItemText, null, intl$1.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.delete'
+    })));
   };
   /**
    * Menu.
    */
-  var renderMenu = function renderMenu() {
-    return jsxRuntime.jsxs(blocks.Menu, {
+  const renderMenu = () => {
+    return React.createElement(blocks.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 jsxRuntime.jsxs(blocks.Dialog, {
+    return React.createElement(blocks.Dialog, {
       type: "warning",
       title: intl$1.formatMessage({
         id: 'fileTree.list.item.content.menu.deleteConfirmDialog.title'
@@ -276,30 +243,21 @@ var FileTreeListItemContentMenu = function FileTreeListItemContentMenu(_ref) {
       }, {
         title: node.title
       }),
-      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'
-        })
-      })]
-    });
+      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'
+    })));
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderMenu(), renderDeleteConfirmDialog()]
-  });
+  return React.createElement(React.Fragment, null, renderMenu(), renderDeleteConfirmDialog());
 };
 
 exports.default = FileTreeListItemContentMenu;