@elice/material-exercise 1.240718.3 → 1.240719.1

package/cjs/components/shared/file-tabs/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var FileTabs = require('./FileTabs.js');
+
+
+
+exports.FileTabs = FileTabs.default;

package/cjs/components/shared/file-tabs/util.js

@@ -1,26 +1,39 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+
 /**
  * Get file tab props.
  */
 function getTabProps(paths) {
-  const tabs = [];
+  var tabs = [];
   // parse file paths
-  for (const path of paths) {
-    const chunks = path.split('/');
-    const filename = chunks.pop();
-    if (filename) {
-      tabs.push({
-        fullname: path,
-        chunks,
-        filename,
-        isFilenameDuplicated: false
-      });
+  var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(paths),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var path = _step.value;
+      var chunks = path.split('/');
+      var filename = chunks.pop();
+      if (filename) {
+        tabs.push({
+          fullname: path,
+          chunks: chunks,
+          filename: filename,
+          isFilenameDuplicated: false
+        });
+      }
     }
+    // check filename duplication
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
-  // check filename duplication
-  tabs.forEach(thisTab => {
-    thisTab.isFilenameDuplicated = tabs.filter(thatTab => thisTab.filename === thatTab.filename).length > 1;
+  tabs.forEach(function (thisTab) {
+    thisTab.isFilenameDuplicated = tabs.filter(function (thatTab) {
+      return thisTab.filename === thatTab.filename;
+    }).length > 1;
   });
   return tabs;
 }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
@@ -14,23 +14,33 @@ var FileTreeList = require('./FileTreeList.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 
-const StyledFileTreeWrapper = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledFileTreeWrapper = styled__default.default.div.withConfig({
   componentId: "sc-6ext2i-0"
 })(["display:flex;flex-direction:column;user-select:none;overflow:hidden;"]);
-const StyledLoading = styled.div.withConfig({
+var StyledLoading = styled__default.default.div.withConfig({
   componentId: "sc-6ext2i-1"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:", ";opacity:0.5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;"], designTokens.base.color.navy7);
-const FileTree = props => {
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: props.__intl
-  }, React.createElement(FileTreeContext.FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
-    style: props.style
-  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(blocks.Spinner, null)) : null, props.children)));
+var FileTree = function FileTree(props) {
+  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+    value: props.__intl,
+    children: jsxRuntime.jsx(FileTreeContext.FileTreeProvider, Object.assign({}, props, {
+      children: jsxRuntime.jsxs(StyledFileTreeWrapper, {
+        style: props.style,
+        children: [props.loading ? jsxRuntime.jsx(StyledLoading, {
+          children: jsxRuntime.jsx(blocks.Spinner, {})
+        }) : null, props.children]
+      })
+    }))
+  });
 };
 //
 //
 //
-const FileTreeComponents = Object.assign(FileTree, {
+var FileTreeComponents = Object.assign(FileTree, {
   Toolbar: FileTreeToolbar.default,
   List: FileTreeList.default,
   Config: FileTreeConfig.default

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
@@ -9,53 +10,58 @@ var classnames = require('classnames');
 var styled = require('styled-components');
 var FileTreeContext = require('./context/FileTreeContext.js');
 
-const StyledFileTreeConfig = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledFileTreeConfig = styled__default.default.div.withConfig({
   componentId: "sc-1dxe3z0-0"
 })(["background-color:", ";padding:1rem;"], designTokens.base.color.navy8);
-const FileTreeConfig = React.forwardRef(({
-  className,
-  style,
-  onInitialOpenFileListChange,
-  initialOpenFilelist
-}, ref) => {
-  const {
-    mode,
-    initialOpenFileListTemp
-  } = FileTreeContext.useFileTreeState();
-  const {
-    dispatch
-  } = FileTreeContext.useFileTreeDispatch();
-  React.useEffect(() => {
+var FileTreeConfig = React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    onInitialOpenFileListChange = _ref.onInitialOpenFileListChange,
+    initialOpenFilelist = _ref.initialOpenFilelist;
+  var _useFileTreeState = FileTreeContext.useFileTreeState(),
+    mode = _useFileTreeState.mode,
+    initialOpenFileListTemp = _useFileTreeState.initialOpenFileListTemp;
+  var _useFileTreeDispatch = FileTreeContext.useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch;
+  React__default.default.useEffect(function () {
     dispatch({
       type: 'INITIAL_OPEN_FILELIST_UPDATE',
-      initialOpenFilelist
+      initialOpenFilelist: initialOpenFilelist
     });
   }, [dispatch, initialOpenFilelist]);
-  return React.createElement(StyledFileTreeConfig, {
-    className: classnames('em-file-tree__config', className),
+  return jsxRuntime.jsx(StyledFileTreeConfig, {
+    className: classnames__default.default('em-file-tree__config', className),
     ref: ref,
-    style: Object.assign({}, style)
-  }, React.createElement(blocks.Button, {
-    block: true,
-    size: "small",
-    role: "white",
-    transparent: true,
-    onClick: () => {
-      if ([
-      // when mode changes from 'checkbox' to 'default'
-      mode === 'checkbox',
-      // when some value of initial open filelist changes'
-      JSON.stringify(initialOpenFilelist.sort()) !== JSON.stringify(initialOpenFileListTemp.sort()),
-      // when onInitialOpenFileListChange is function'
-      typeof onInitialOpenFileListChange === 'function'].every(Boolean)) {
-        onInitialOpenFileListChange(initialOpenFileListTemp);
-      }
-      dispatch({
-        type: 'UPDATE_MODE',
-        mode: mode === 'checkbox' ? 'default' : 'checkbox'
-      });
-    }
-  }, mode === 'default' ? `Initial Open Files(${initialOpenFileListTemp.length})` : `Settings (${initialOpenFileListTemp.length})`));
+    style: Object.assign({}, style),
+    children: jsxRuntime.jsx(blocks.Button, {
+      block: true,
+      size: "small",
+      role: "white",
+      transparent: true,
+      onClick: function onClick() {
+        if ([
+        // when mode changes from 'checkbox' to 'default'
+        mode === 'checkbox',
+        // when some value of initial open filelist changes'
+        JSON.stringify(initialOpenFilelist.sort()) !== JSON.stringify(initialOpenFileListTemp.sort()),
+        // when onInitialOpenFileListChange is function'
+        typeof onInitialOpenFileListChange === 'function'].every(Boolean)) {
+          onInitialOpenFileListChange(initialOpenFileListTemp);
+        }
+        dispatch({
+          type: 'UPDATE_MODE',
+          mode: mode === 'checkbox' ? 'default' : 'checkbox'
+        });
+      },
+      children: mode === 'default' ? "Initial Open Files(".concat(initialOpenFileListTemp.length, ")") : "Settings (".concat(initialOpenFileListTemp.length, ")")
+    })
+  });
 });
 
 exports.default = FileTreeConfig;

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var classnames = require('classnames');
@@ -12,54 +13,55 @@ var FileTreeListItems = require('./FileTreeListItems.js');
 var fileTreeFiles = require('./utils/fileTreeFiles.js');
 var fileTreePath = require('./utils/fileTreePath.js');
 
-const StyledFileTreeList = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultCompat(classnames);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledFileTreeList = styled__default.default.div.withConfig({
   componentId: "sc-5ddw80-0"
 })(["flex:auto;background-color:", ";overflow-x:hidden;overflow-y:overlay;", ""], designTokens.base.color.navy9, stylesheets.getMaterialScrollBarCss({
   width: '0.375rem',
   borderRadius: '2px',
   hideable: true
 }));
-const FileTreeList = React.forwardRef(({
-  className,
-  style,
-  options
-}, ref) => {
-  const {
-    fileTree,
-    dropzonePath,
-    draggedPath,
-    maxFileUploadSize
-  } = FileTreeContext.useFileTreeState();
-  const {
-    dispatch,
-    onDirectoryMove,
-    onFileMove,
-    onFilesUpload
-  } = FileTreeContext.useFileTreeDispatch();
-  const handleFilesUpload = ({
-    files,
-    path
-  }) => {
+var FileTreeList = React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    options = _ref.options;
+  var _useFileTreeState = FileTreeContext.useFileTreeState(),
+    fileTree = _useFileTreeState.fileTree,
+    dropzonePath = _useFileTreeState.dropzonePath,
+    draggedPath = _useFileTreeState.draggedPath,
+    maxFileUploadSize = _useFileTreeState.maxFileUploadSize;
+  var _useFileTreeDispatch = FileTreeContext.useFileTreeDispatch(),
+    dispatch = _useFileTreeDispatch.dispatch,
+    onDirectoryMove = _useFileTreeDispatch.onDirectoryMove,
+    onFileMove = _useFileTreeDispatch.onFileMove,
+    onFilesUpload = _useFileTreeDispatch.onFilesUpload;
+  var handleFilesUpload = function handleFilesUpload(_ref2) {
+    var files = _ref2.files,
+      path = _ref2.path;
     if (fileTreeFiles.validateFilesSize(files, maxFileUploadSize)) {
       if (typeof onFilesUpload === 'function') {
         onFilesUpload({
-          files,
-          path
+          files: files,
+          path: path
         });
       }
     }
   };
-  return React.createElement(StyledFileTreeList, {
-    className: classnames('em-file-tree__list', className),
+  return jsxRuntime.jsx(StyledFileTreeList, {
+    className: classnames__default.default('em-file-tree__list', className),
     ref: ref,
     role: "tree",
     style: Object.assign({
       backgroundColor: dropzonePath === '' ? designTokens.base.color.primary7 : ''
     }, style),
-    onDragEnter: e => {
+    onDragEnter: function onDragEnter(e) {
       e.preventDefault();
       e.stopPropagation();
-      const isFiles = e.dataTransfer.types[0] === 'Files';
+      var isFiles = e.dataTransfer.types[0] === 'Files';
       if (draggedPath !== null || isFiles) {
         dispatch({
           type: 'UPDATE_DROPZONE_PATH',
@@ -67,14 +69,14 @@ const FileTreeList = React.forwardRef(({
         });
       }
     },
-    onDragOver: e => {
+    onDragOver: function onDragOver(e) {
       e.preventDefault();
       e.stopPropagation();
     },
-    onDrop: e => {
+    onDrop: function onDrop(e) {
       e.stopPropagation();
       e.preventDefault();
-      const draggedPath = e.dataTransfer.getData('text');
+      var draggedPath = e.dataTransfer.getData('text');
       // file drop
       if (e.dataTransfer.files.length > 0) {
         handleFilesUpload({
@@ -91,12 +93,12 @@ const FileTreeList = React.forwardRef(({
         });
       } else {
         // file move
-        const dragFileTreeNode = fileTree.findTreeNode(draggedPath);
+        var dragFileTreeNode = fileTree.findTreeNode(draggedPath);
         // file does not move. from a to a (the same path).
         if (fileTreePath.isMovingTheSamePath({
-          draggedPath,
-          dropzonePath,
-          dragFileTreeNode
+          draggedPath: draggedPath,
+          dropzonePath: dropzonePath,
+          dragFileTreeNode: dragFileTreeNode
         })) {
           return;
         }
@@ -116,11 +118,12 @@ const FileTreeList = React.forwardRef(({
           }
         }
       }
-    }
-  }, React.createElement(FileTreeListItems.default, {
-    node: fileTree,
-    indent: options === null || options === void 0 ? void 0 : options.indent
-  }));
+    },
+    children: jsxRuntime.jsx(FileTreeListItems.default, {
+      node: fileTree,
+      indent: options === null || options === void 0 ? void 0 : options.indent
+    })
+  });
 });
 
 exports.default = FileTreeList;