@elice/material-exercise 1.260305.0 → 1.260430.0

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.js

@@ -1,161 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React from 'react';
-import { Modal, Vspace, Text, Flex, Button, Icon, Hspace } from '@elice/blocks';
-import { eisWindows, eisMac, eilArrowRightwardsBasic } from '@elice/icons';
-import { useRawEliceIntl } from '@elice/intl';
-import { useRecoilState } from 'recoil';
-import { exerciseArduinoAgentModalState } from '../context/recoil.js';
-
-//
-//
-//
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
-var ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
-var ARDUINO_AGENT_MAC_DOWNLOAD_META = Object.freeze({
-  mac: {
-    filename: 'EliceArdunioAgent-mac.pkg',
-    url: 'https://eli.so/arduino-agent-mac'
-  },
-  win: {
-    filename: 'EliceArdunioAgent-win.exe',
-    url: 'https://eli.so/arduino-agent-win'
-  }
-});
-//
-//
-//
-var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControllerArduinoAgentModal() {
-  var intl = useRawEliceIntl();
-  var _useRecoilState = useRecoilState(exerciseArduinoAgentModalState),
-    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
-    open = _useRecoilState2[0],
-    setOpen = _useRecoilState2[1];
-  var downloadAgent = function downloadAgent(os) {
-    var a = document.createElement('a');
-    a.href = ARDUINO_AGENT_MAC_DOWNLOAD_META[os].url;
-    a.download = ARDUINO_AGENT_MAC_DOWNLOAD_META[os].filename;
-    a.click();
-  };
-  var handleClose = function handleClose() {
-    setOpen(false);
-    localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
-  };
-  React.useEffect(function () {
-    var isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
-    if (!isConfirmed) {
-      setOpen(true);
-    }
-  }, [setOpen]);
-  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
-    return jsxs(Fragment, {
-      children: [jsx(Text, {
-        bold: true,
-        role: "gray0",
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.install'
-        })
-      }), jsx(Vspace, {
-        height: 0.25
-      }), jsx(Text, {
-        role: "navy",
-        size: "small",
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
-        })
-      }), jsx(Vspace, {
-        height: 0.75
-      }), jsxs(Flex, {
-        children: [jsx(Button, {
-          size: "tiny",
-          role: "gray1",
-          icon: jsx(Icon, {
-            icon: eisWindows,
-            size: "huge"
-          }),
-          iconAlign: "left",
-          onClick: function onClick() {
-            return downloadAgent('win');
-          },
-          children: intl.formatMessage({
-            id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
-          })
-        }), jsx(Hspace, {
-          width: 0.75
-        }), jsx(Button, {
-          size: "tiny",
-          role: "gray1",
-          icon: jsx(Icon, {
-            icon: eisMac
-          }),
-          iconAlign: "left",
-          onClick: function onClick() {
-            return downloadAgent('mac');
-          },
-          children: intl.formatMessage({
-            id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
-          })
-        })]
-      })]
-    });
-  };
-  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
-    return jsxs(Fragment, {
-      children: [jsx(Text, {
-        bold: true,
-        role: "gray0",
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
-        })
-      }), jsx(Vspace, {
-        height: 0.25
-      }), jsx(Text, {
-        role: "navy",
-        size: "small",
-        lineHeight: 1.6,
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
-        })
-      }), jsx(Vspace, {
-        height: 0.75
-      }), jsx(Button, {
-        icon: jsx(Icon, {
-          icon: eilArrowRightwardsBasic
-        }),
-        iconAlign: "right",
-        size: "tiny",
-        role: "secondary",
-        onClick: function onClick() {
-          return window.open(ARDUINO_AGENT_MANUAL_URL);
-        },
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
-        })
-      })]
-    });
-  };
-  if (!open) {
-    return null;
-  }
-  return jsx(Modal, {
-    theme: 'dark',
-    title: intl.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.title'
-    }),
-    footerButtons: [{
-      label: intl.formatMessage({
-        id: 'exerciseRunner.controller.arduino.agent.instruction.close'
-      }),
-      onClick: handleClose
-    }],
-    onHide: handleClose,
-    children: jsxs(Fragment, {
-      children: [renderAgentInstallInstruction(), jsx(Vspace, {
-        height: 1.5
-      }), renderAgentConnectionInstruction()]
-    })
-  });
-};
-
-export { ExerciseRunnerControllerArduinoAgentModal as default };

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-declare const ExerciseRunnerControllerArduinoStatusMessage: React.VFC;
-export default ExerciseRunnerControllerArduinoStatusMessage;

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.js

@@ -1,112 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import _styled from '@emotion/styled/base';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Flex, Text } from '@elice/blocks';
-import { useRawEliceIntl } from '@elice/intl';
-import { useRecoilValue } from 'recoil';
-import { getPortFromName, getDisplayName } from '../../../utils/arduino.js';
-import ExerciseRunnerControllerStatusIndicator from './ExerciseRunnerControllerStatusIndicator.js';
-import { exerciseArduinoPortsState, exerciseArduinoOpenedPortNameState, exerciseArduinoUploadProgressState, exerciseArduinoAgentConnectionState } from '../context/recoil.js';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledMessageWrapper = /*#__PURE__*/_styled(Flex, {
-  target: "e1o0k0400"
-})("production" === "production" ? {
-  name: "1f87p0t",
-  styles: "height:1rem"
-} : {
-  name: "1f87p0t",
-  styles: "height:1rem",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
-  var intl = useRawEliceIntl();
-  var ports = useRecoilValue(exerciseArduinoPortsState);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var _useState3 = useState('error'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    status = _useState4[0],
-    setStatus = _useState4[1];
-  var arduinoOpenedPort = useRecoilValue(exerciseArduinoOpenedPortNameState);
-  var arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
-  var arduinoAgentConnectionStatus = useRecoilValue(exerciseArduinoAgentConnectionState);
-  useEffect(function () {
-    if (arduinoAgentConnectionStatus === 'disconnected') {
-      setStatus('error');
-      setMessage(intl.formatMessage({
-        id: 'exerciseRunner.controller.arduino.connectionStatus.disconnected'
-      }));
-      return;
-    }
-    if (arduinoAgentConnectionStatus === 'connecting') {
-      setStatus('warning');
-      setMessage(intl.formatMessage({
-        id: 'exerciseRunner.controller.arduino.connectionStatus.connecting'
-      }));
-      return;
-    }
-    if (arduinoAgentConnectionStatus === 'reconnecting') {
-      setStatus('warning');
-      setMessage(intl.formatMessage({
-        id: 'exerciseRunner.controller.arduino.connectionStatus.reconnecting'
-      }));
-      return;
-    }
-    // Arduino agent is connected.
-    if (arduinoOpenedPort === '' && arduinoUploadProgress === 'ready') {
-      setStatus('error');
-      setMessage(intl.formatMessage({
-        id: 'exerciseRunner.controller.arduino.connectionStatus.noDevice'
-      }));
-      return;
-    }
-    setStatus('success');
-    switch (arduinoUploadProgress) {
-      case 'receivedHex':
-      case 'starting':
-      case 'busy':
-        setMessage(intl.formatMessage({
-          id: 'exerciseRunner.controller.arduino.connectionStatus.uploading'
-        }));
-        return;
-      case 'ready':
-      case 'error':
-      case 'done':
-      default:
-        {
-          var device = getPortFromName(ports, arduinoOpenedPort);
-          if (device) {
-            setMessage(intl.formatMessage({
-              id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
-            }, {
-              device: getDisplayName(device)
-            }));
-          } else {
-            setMessage(intl.formatMessage({
-              id: 'exerciseRunner.controller.arduino.connectionStatus.connected'
-            }));
-          }
-          return;
-        }
-    }
-  }, [intl, arduinoOpenedPort, arduinoUploadProgress, arduinoAgentConnectionStatus, ports]);
-  //
-  //
-  //
-  return jsxs(StyledMessageWrapper, {
-    align: "center",
-    children: [jsx(ExerciseRunnerControllerStatusIndicator, {
-      status: status
-    }), jsx(Text, {
-      role: "gray3",
-      size: "tiny",
-      children: message
-    })]
-  });
-};
-
-export { ExerciseRunnerControllerArduinoStatusMessage as default };

package/es/components/shared/exercise-version-list/ExerciseVersionList.styled.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledVersionList: import("@emotion/styled").StyledComponent<import("@elice/blocks").ListProps & {
-    children?: import("react").ReactNode | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/es/components/shared/exercise-version-list/ExerciseVersionList.styled.js

@@ -1,16 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { List } from '@elice/blocks';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledVersionList = /*#__PURE__*/_styled(List, {
-  target: "e1kcjofl0"
-})("production" === "production" ? {
-  name: "1uke1dw",
-  styles: "height:100%;padding:0;overflow:scroll;background-color:transparent;&>last-of-type{border:none;}"
-} : {
-  name: "1uke1dw",
-  styles: "height:100%;padding:0;overflow:scroll;background-color:transparent;&>last-of-type{border:none;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-export { StyledVersionList };

package/es/components/shared/file-tabs/FileTab.styled.d.ts

@@ -1,33 +0,0 @@
-import { Text } from '@elice/blocks';
-import type { FileTabProps } from './FileTab';
-type StyledTabContentProps = Pick<FileTabProps, 'active' | 'hovered'>;
-export declare const StyledTabLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabLabelFilename: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-export declare const StyledTabLabelDirname: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-export declare const StyledTabCloseButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledTabContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabActiveBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTab: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledTabContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/es/components/shared/file-tabs/FileTab.styled.js

@@ -1,65 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, IconButton } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-import { css } from '@emotion/react';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var TAB_MIN_WIDTH = '7rem';
-var TAB_VERTICAL_BORDER_WIDTH = '1.5px';
-var TAB_BACKGROUND_COLOR = base.color.navy8;
-var TAB_ACTIVE_BACKGROUND_COLOR = base.color.navy9;
-var TAB_HOVERED_BACKGROUND_COLOR = base.color.navy7;
-// ========== Tab label ==========
-var StyledTabLabel = /*#__PURE__*/_styled("div", {
-  target: "egie1c86"
-})("production" === "production" ? {
-  name: "1v2fhdm",
-  styles: "flex:1;display:flex;align-items:center;overflow:hidden;pointer-events:none;user-select:none;&>*{margin-right:0.5rem;}"
-} : {
-  name: "1v2fhdm",
-  styles: "flex:1;display:flex;align-items:center;overflow:hidden;pointer-events:none;user-select:none;&>*{margin-right:0.5rem;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledTabLabelFilename = /*#__PURE__*/_styled(Text, {
-  target: "egie1c85"
-})("color:", base.color.gray4, ";font-weight:500;");
-var StyledTabLabelDirname = /*#__PURE__*/_styled(Text, {
-  target: "egie1c84"
-})("production" === "production" ? {
-  name: "f3vz0n",
-  styles: "font-weight:500"
-} : {
-  name: "f3vz0n",
-  styles: "font-weight:500",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledTabCloseButton = /*#__PURE__*/_styled(IconButton, {
-  target: "egie1c83"
-})("production" === "production" ? {
-  name: "19zzndm",
-  styles: "flex:0 0 auto;margin-right:0.25rem!important;opacity:0;transition:opacity 150ms ease-in-out"
-} : {
-  name: "19zzndm",
-  styles: "flex:0 0 auto;margin-right:0.25rem!important;opacity:0;transition:opacity 150ms ease-in-out",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Tab content ==========
-var StyledTabContent = /*#__PURE__*/_styled("div", {
-  target: "egie1c82"
-})("display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0.5rem;height:calc(100% - ", TAB_VERTICAL_BORDER_WIDTH, ");&:hover{", StyledTabLabelFilename, "{color:", base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}}");
-// ========== Tab active border ==========
-var StyledTabActiveBorder = /*#__PURE__*/_styled("div", {
-  target: "egie1c81"
-})("height:", TAB_VERTICAL_BORDER_WIDTH, ";background-color:", base.color.primary5, ";opacity:0;");
-// ========== Tab ==========
-var cssTabActive = /*#__PURE__*/css("background-color:", TAB_ACTIVE_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}", StyledTabActiveBorder, "{opacity:1;}");
-var cssTabHovered = /*#__PURE__*/css("background-color:", TAB_HOVERED_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", base.color.gray3, ";}");
-var StyledTab = /*#__PURE__*/_styled("div", {
-  target: "egie1c80"
-})("padding-top:", TAB_VERTICAL_BORDER_WIDTH, ";width:", TAB_MIN_WIDTH, ";min-width:fit-content;height:100%;background-color:", TAB_BACKGROUND_COLOR, ";border-right:1px solid ", base.color.navy7, ";cursor:pointer;", function (props) {
-  return props.active && cssTabActive;
-}, " ", function (props) {
-  return props.hovered && cssTabHovered;
-}, ";");
-
-export { StyledTab, StyledTabActiveBorder, StyledTabCloseButton, StyledTabContent, StyledTabLabel, StyledTabLabelDirname, StyledTabLabelFilename };

package/es/components/shared/file-tabs/FileTabs.styled.d.ts

@@ -1,12 +0,0 @@
-interface StyledTabsDropZoneProps {
-    hovered?: boolean;
-}
-export declare const StyledTabs: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabsDropZone: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledTabsDropZoneProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/es/components/shared/file-tabs/FileTabs.styled.js

@@ -1,24 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { base } from '@elice/design-tokens';
-import { getMaterialScrollBarCss } from '../../../constants/stylesheets.js';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledTabs = /*#__PURE__*/_styled("div", {
-  target: "euy0u931"
-})("display:flex;align-items:flex-end;box-sizing:border-box;flex-direction:row;height:2.25rem;font-family:inherit;background:", base.color.navy8, ";overflow-x:overlay;overflow-y:hidden;scrollbar-width:none;", getMaterialScrollBarCss({
-  height: '2px',
-  borderRadius: '2px',
-  hideable: true
-}), ";");
-var StyledTabsDropZone = /*#__PURE__*/_styled("div", {
-  target: "euy0u930"
-})("production" === "production" ? {
-  name: "uysyag",
-  styles: "flex:1;height:100%;background-color:transparent"
-} : {
-  name: "uysyag",
-  styles: "flex:1;height:100%;background-color:transparent",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-export { StyledTabs, StyledTabsDropZone };

package/es/components/shared/file-tree/FileTreeListItemContent.styled.d.ts

@@ -1,62 +0,0 @@
-import { Text } from '@elice/blocks';
-interface StyledContentProps {
-    active?: boolean;
-    isDragging?: boolean;
-}
-/**
- * indent
- */
-export declare const StyledContentIndents: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContentIndentGuide: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label
- */
-export declare const StyledContentLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > dir arrow
- */
-export declare const StyledContentLabelDirArrowWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > icon
- */
-export declare const StyledContentLabelIconWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > filename
- */
-export declare const StyledContentLabelFilename: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-/**
- * label > status icon
- */
-export declare const StyledContentLabelStatusIcon: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconProps & import("react").RefAttributes<SVGSVGElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-/**
- * label > menu button
- */
-export declare const StyledContentLabelMenuButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/es/components/shared/file-tree/FileTreeListItemContent.styled.js

@@ -1,94 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, IconButton, Icon } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-import { css } from '@emotion/react';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-//
-//
-//
-var CONTENT_MIN_HEIGHT = 28; // 1.75rem
-var CONTENT_LEFT_BORDER_WIDTH = 3; // 0.1875rem
-var CONTENT_RIGHT_PADDING = 12; // 0.75rem
-var CONTENT_LABEL_VERTICAL_PADDING = 4; // 0.25rem
-var CONTENT_LABEL_ICON_SIZE = 16; // 1rem
-var CONTENT_LABEL_ICON_AFTER_MARGIN = 4; // 1rem
-var CONTENT_LABEL_DIR_ARROW_PADDING = 4; // 0.25rem
-var CONTENT_LABEL_DIR_ARROW_SIZE = 12; // 0.75rem
-var CONTENT_LABEL_MENU_BUTTON_SIZE = CONTENT_MIN_HEIGHT - CONTENT_LABEL_VERTICAL_PADDING * 2;
-//
-//
-//
-/**
- * indent
- */
-var StyledContentIndents = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp8"
-})();
-var StyledContentIndentGuide = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp7"
-})("display:inline-block;height:100%;border-right:0.5px solid ", base.color.gray7, ";");
-/**
- * label
- */
-var StyledContentLabel = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp6"
-})("flex:1;display:flex;align-items:center;padding-top:", CONTENT_LABEL_VERTICAL_PADDING, "px;padding-bottom:", CONTENT_LABEL_VERTICAL_PADDING, "px;overflow:hidden;");
-/**
- * label > dir arrow
- */
-var StyledContentLabelDirArrowWrap = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp5"
-})("flex:0 0 ", CONTENT_LABEL_DIR_ARROW_SIZE + CONTENT_LABEL_DIR_ARROW_PADDING * 2, "px;display:flex;justify-content:center;align-items:center;padding:", CONTENT_LABEL_DIR_ARROW_PADDING, ";height:", CONTENT_LABEL_DIR_ARROW_SIZE, "px;");
-/**
- * label > icon
- */
-var StyledContentLabelIconWrap = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp4"
-})("flex:0 0 ", CONTENT_LABEL_ICON_SIZE + CONTENT_LABEL_ICON_AFTER_MARGIN, "px;display:flex;margin-right:", CONTENT_LABEL_ICON_AFTER_MARGIN, "px;height:", CONTENT_LABEL_ICON_SIZE, "px;");
-/**
- * label > filename
- */
-var StyledContentLabelFilename = /*#__PURE__*/_styled(Text, {
-  target: "e10wdzkp3"
-})("flex:1;margin-right:0.125rem;color:", base.color.gray4, ";font-weight:500;");
-/**
- * label > status icon
- */
-var StyledContentLabelStatusIcon = /*#__PURE__*/_styled(Icon, {
-  target: "e10wdzkp2"
-})("production" === "production" ? {
-  name: "129lf1x",
-  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}"
-} : {
-  name: "129lf1x",
-  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * label > menu button
- */
-var StyledContentLabelMenuButton = /*#__PURE__*/_styled(IconButton, {
-  target: "e10wdzkp1"
-})("flex:0 0 ", CONTENT_LABEL_MENU_BUTTON_SIZE, "px;width:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;height:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;opacity:0;transition:opacity 150ms ease-in-out;");
-//
-//
-//
-var cssStyledContentActive = /*#__PURE__*/css("border-left-color:", base.color.primary4, ";background-color:", base.color.navy7, ";", StyledContentLabelFilename, "{color:", base.color.gray3, ";}");
-var cssStyledContentDragging = "production" === "production" ? {
-  name: "1ym7stk",
-  styles: "border-left-color:transparent!important;background-color:transparent!important"
-} : {
-  name: "1ym7stk",
-  styles: "border-left-color:transparent!important;background-color:transparent!important",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var StyledContent = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp0"
-})("display:flex;padding-right:", CONTENT_RIGHT_PADDING, "px;width:100%;min-width:0;min-height:", CONTENT_MIN_HEIGHT, "px;border-left-width:", CONTENT_LEFT_BORDER_WIDTH, "px;border-left-style:solid;border-left-color:transparent;user-select:none;", function (props) {
-  return props.active && cssStyledContentActive;
-}, " ", function (props) {
-  return props.isDragging && cssStyledContentDragging;
-}, " &:hover{background-color:", base.color.navy8, ";", StyledContentLabelFilename, "{color:", base.color.gray3, ";}", StyledContentLabelMenuButton, "{opacity:1;}}");
-
-export { StyledContent, StyledContentIndentGuide, StyledContentIndents, StyledContentLabel, StyledContentLabelDirArrowWrap, StyledContentLabelFilename, StyledContentLabelIconWrap, StyledContentLabelMenuButton, StyledContentLabelStatusIcon };

package/es/components/shared/file-tree/FileTreeListItemContentInput.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledInputForm: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
-export declare const StyledInput: import("@emotion/styled").StyledComponent<import("@elice/blocks").InputProps & import("react").RefAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/es/components/shared/file-tree/FileTreeListItemContentInput.styled.js

@@ -1,24 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Input } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var INPUT_HEIGHT = '1.25rem';
-var INPUT_FONT_SIZE = '0.75rem';
-var INPUT_INNER_LEFT_PADDING = '0.125rem';
-var INPUT_INNER_RIGHT_PADDING = '0.25rem';
-var StyledInputForm = /*#__PURE__*/_styled("form", {
-  target: "e14adbux1"
-})("production" === "production" ? {
-  name: "y3klfd",
-  styles: "flex:1;display:flex"
-} : {
-  name: "y3klfd",
-  styles: "flex:1;display:flex",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledInput = /*#__PURE__*/_styled(Input, {
-  target: "e14adbux0"
-})("min-height:", INPUT_HEIGHT, ";>div{background:transparent!important;>div{&:nth-child(1){padding:", INPUT_INNER_LEFT_PADDING, ";}&:nth-child(3){padding:", INPUT_INNER_RIGHT_PADDING, ";}}.eb-icon{width:0.875em;height:0.875em;font-size:0.875em;}}& input{padding-top:0!important;padding-bottom:0!important;height:", INPUT_HEIGHT, "!important;color:", base.color.gray0, "!important;font-size:", INPUT_FONT_SIZE, "!important;}");
-
-export { StyledInput, StyledInputForm };

package/es/components/shared/file-tree/FileTreeListItems.styled.d.ts

@@ -1,8 +0,0 @@
-export declare const StyledTreeItems: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledTreeItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;