@hazelcast/ui 2.0.4 → 3.0.0-canary.0

package/lib/components/Tabs/TabList.js

@@ -1,6 +1,9 @@
-import React, { useRef, useCallback } from 'react';
-import cn from 'classnames';
-import styles from './TabList.module.scss';
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var TabList_module = require('./TabList.module.scss.js');
+
 /**
  * ### Purpose
  * A base component for building tabs (apart from TabContext). Use as a parent for Tab components.
@@ -9,50 +12,60 @@ import styles from './TabList.module.scss';
  * - Expects direct children to have [role="tab"].
  * - Implemented according to best practices: https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-2/tabs.html.
  */
-export const TabList = ({ ariaLabel, className, children }) => {
-    const tabListRef = useRef(null);
-    // Keyboard navigation assumes that the direct children have [role="tab"]
-    const handleKeyDown = useCallback((event) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const target = event.target;
-        const role = target.getAttribute('role');
-        if (role !== 'tab') {
-            console.warn('Children of TabList component do not have [role="tab"]. Keyboard navigation will not work as expected.');
-            return;
-        }
-        let newFocusTarget = null;
-        const previousItemKey = 'ArrowLeft';
-        const nextItemKey = 'ArrowRight';
-        switch (event.key) {
-            // When a tab has focus:
-            // - Moves focus to the previous tab.
-            // - If focus is on the first tab, moves focus to the last tab.
-            case previousItemKey:
-                newFocusTarget =
-                    (_c = (_a = target.previousElementSibling) !== null && _a !== void 0 ? _a : (_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.lastChild) !== null && _c !== void 0 ? _c : null;
-                break;
-            // When a tab has focus:
-            // - Moves focus to the next tab.
-            // - If focus is on the last tab, moves focus to the first tab.
-            case nextItemKey:
-                newFocusTarget = (_f = (_d = target.nextElementSibling) !== null && _d !== void 0 ? _d : (_e = tabListRef.current) === null || _e === void 0 ? void 0 : _e.firstChild) !== null && _f !== void 0 ? _f : null;
-                break;
-            // When a tab has focus, moves focus to the first tab.
-            case 'Home':
-                newFocusTarget = (_h = (_g = tabListRef.current) === null || _g === void 0 ? void 0 : _g.firstChild) !== null && _h !== void 0 ? _h : null;
-                break;
-            // When a tab has focus, moves focus to the last tab.
-            case 'End':
-                newFocusTarget = (_k = (_j = tabListRef.current) === null || _j === void 0 ? void 0 : _j.lastChild) !== null && _k !== void 0 ? _k : null;
-                break;
-            default:
-                break;
-        }
-        if (newFocusTarget !== null) {
-            newFocusTarget.focus();
-            event.preventDefault();
-        }
-    }, []);
-    return (React.createElement("div", { "data-test": "tab-list", className: cn(styles.tabList, className), "aria-label": ariaLabel, role: "tablist", ref: tabListRef, onKeyDown: handleKeyDown }, children));
+const TabList = ({
+  ariaLabel,
+  className,
+  children
+}) => {
+  const tabListRef = React.useRef(null);
+  // Keyboard navigation assumes that the direct children have [role="tab"]
+  const handleKeyDown = React.useCallback(event => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const target = event.target;
+    const role = target.getAttribute('role');
+    if (role !== 'tab') {
+      console.warn('Children of TabList component do not have [role="tab"]. Keyboard navigation will not work as expected.');
+      return;
+    }
+    let newFocusTarget = null;
+    const previousItemKey = 'ArrowLeft';
+    const nextItemKey = 'ArrowRight';
+    switch (event.key) {
+      // When a tab has focus:
+      // - Moves focus to the previous tab.
+      // - If focus is on the first tab, moves focus to the last tab.
+      case previousItemKey:
+        newFocusTarget = (_c = (_a = target.previousElementSibling) !== null && _a !== void 0 ? _a : (_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.lastChild) !== null && _c !== void 0 ? _c : null;
+        break;
+      // When a tab has focus:
+      // - Moves focus to the next tab.
+      // - If focus is on the last tab, moves focus to the first tab.
+      case nextItemKey:
+        newFocusTarget = (_f = (_d = target.nextElementSibling) !== null && _d !== void 0 ? _d : (_e = tabListRef.current) === null || _e === void 0 ? void 0 : _e.firstChild) !== null && _f !== void 0 ? _f : null;
+        break;
+      // When a tab has focus, moves focus to the first tab.
+      case 'Home':
+        newFocusTarget = (_h = (_g = tabListRef.current) === null || _g === void 0 ? void 0 : _g.firstChild) !== null && _h !== void 0 ? _h : null;
+        break;
+      // When a tab has focus, moves focus to the last tab.
+      case 'End':
+        newFocusTarget = (_k = (_j = tabListRef.current) === null || _j === void 0 ? void 0 : _j.lastChild) !== null && _k !== void 0 ? _k : null;
+        break;
+    }
+    if (newFocusTarget !== null) {
+      newFocusTarget.focus();
+      event.preventDefault();
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": "tab-list",
+    className: cn(TabList_module.default.tabList, className),
+    "aria-label": ariaLabel,
+    role: "tablist",
+    ref: tabListRef,
+    onKeyDown: handleKeyDown
+  }, children);
 };
-//# sourceMappingURL=TabList.js.map
+
+exports.TabList = TabList;
+//# sourceMappingURL=TabList.js.map

package/lib/components/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAQ1C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,yEAAyE;IACzE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;;QACzE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QACxC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;QACR,CAAC;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,wBAAwB;YACxB,qCAAqC;YACrC,+DAA+D;YAC/D,KAAK,eAAe;gBAClB,cAAc;oBACZ,MAAA,MAAC,MAAM,CAAC,sBAA4C,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBACtH,MAAK;YACP,wBAAwB;YACxB,iCAAiC;YACjC,+DAA+D;YAC/D,KAAK,WAAW;gBACd,cAAc,GAAG,MAAA,MAAC,MAAM,CAAC,kBAAwC,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAClI,MAAK;YACP,sDAAsD;YACtD,KAAK,MAAM;gBACT,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAC9E,MAAK;YACP,qDAAqD;YACrD,KAAK,KAAK;gBACR,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBAC7E,MAAK;YACP;gBACE,MAAK;QACT,CAAC;QAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACY,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,gBAC5B,SAAS,EACrB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TabList.js","sources":["../../../src/components/Tabs/TabList.tsx"],"sourcesContent":[null],"names":["TabList","ariaLabel","className","children","tabListRef","useRef","handleKeyDown","useCallback","event","target","role","getAttribute","console","warn","newFocusTarget","previousItemKey","nextItemKey","key","_c","_a","previousElementSibling","_b","current","lastChild","_f","_d","nextElementSibling","_e","firstChild","_h","_g","_k","_j","focus","preventDefault","React","createElement","cn","styles","tabList","ref","onKeyDown"],"mappings":"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"}

package/lib/components/Tabs/TabList.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"tabList":"TabList-module__tabList___g-Tfd"};
+
+exports.default = styles;
+//# sourceMappingURL=TabList.module.scss.js.map

package/lib/components/Tabs/TabList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/Tabs/TabPanel.js

@@ -1,7 +1,10 @@
-import React from 'react';
-import cn from 'classnames';
-import { useTabContext, getPanelId, getTabId } from './TabContext';
-import styles from './TabPanel.module.scss';
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var components_Tabs_TabContext = require('./TabContext.js');
+var TabPanel_module = require('./TabPanel.module.scss.js');
+
 /**
  * ### Purpose
  * Serves as a container for tab content.
@@ -9,9 +12,26 @@ import styles from './TabPanel.module.scss';
  * ### General Info
  * - Is hidden unless its associated tab control is activated.
  */
-export const TabPanel = ({ value, children, 'data-test': dataTest }) => {
-    const { idPrefix, value: selectedValue } = useTabContext();
-    const selected = value === selectedValue;
-    return (React.createElement("div", { className: cn(styles.tabPanel, { [styles.hidden]: !selected }), role: "tabpanel", "data-test": dataTest, id: getPanelId(idPrefix, value.toString()), "aria-labelledby": getTabId(idPrefix, value.toString()) }, selected ? children : null));
+const TabPanel = ({
+  value,
+  children,
+  'data-test': dataTest
+}) => {
+  const {
+    idPrefix,
+    value: selectedValue
+  } = components_Tabs_TabContext.useTabContext();
+  const selected = value === selectedValue;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(TabPanel_module.default.tabPanel, {
+      [TabPanel_module.default.hidden]: !selected
+    }),
+    role: "tabpanel",
+    "data-test": dataTest,
+    id: components_Tabs_TabContext.getPanelId(idPrefix, value.toString()),
+    "aria-labelledby": components_Tabs_TabContext.getTabId(idPrefix, value.toString())
+  }, selected ? children : null);
 };
-//# sourceMappingURL=TabPanel.js.map
+
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/lib/components/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAO3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,KAAK,aAAa,CAAA;IAExC,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC9D,IAAI,EAAC,UAAU,eACJ,QAAQ,EACnB,EAAE,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,qBACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAEpD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvB,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TabPanel.js","sources":["../../../src/components/Tabs/TabPanel.tsx"],"sourcesContent":[null],"names":["TabPanel","value","children","dataTest","idPrefix","selectedValue","useTabContext","selected","React","createElement","className","cn","styles","tabPanel","hidden","role","id","getPanelId","toString","getTabId"],"mappings":";;;;;;;AAaA;;;;;;AAMG;AACI,MAAMA,QAAQ,GAAsBA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;AAAE,EAAA,WAAW,EAAEC;AAAQ,CAAE,KAAI;EACxF,MAAM;IAAEC,QAAQ;AAAEH,IAAAA,KAAK,EAAEI;GAAe,GAAGC,wCAAa,EAAE;AAC1D,EAAA,MAAMC,QAAQ,GAAGN,KAAK,KAAKI,aAAa;AAExC,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAEC,EAAE,CAACC,uBAAM,CAACC,QAAQ,EAAE;AAAE,MAAA,CAACD,uBAAM,CAACE,MAAM,GAAG,CAACP;AAAQ,KAAE,CAAC;AAC9DQ,IAAAA,IAAI,EAAC,UAAU;AAAA,IAAA,WAAA,EACJZ,QAAQ;IACnBa,EAAE,EAAEC,qCAAU,CAACb,QAAQ,EAAEH,KAAK,CAACiB,QAAQ,EAAE,CAAC;IAAA,iBAAA,EACzBC,mCAAQ,CAACf,QAAQ,EAAEH,KAAK,CAACiB,QAAQ,EAAE;AAAC,GAAA,EAEpDX,QAAQ,GAAGL,QAAQ,GAAG,IAAI,CACvB;AAEV;;;;"}

package/lib/components/Tabs/TabPanel.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"tabPanel":"TabPanel-module__tabPanel___VFftv","hidden":"TabPanel-module__hidden___8XdN-"};
+
+exports.default = styles;
+//# sourceMappingURL=TabPanel.module.scss.js.map

package/lib/components/Tabs/TabPanel.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/Tabs/index.js

@@ -1,5 +1,20 @@
-export { TabContext, TabContextProvider, TabContextProviderControlled, getPanelId, getTabId, useTabContext, tabContextDefaultValue, } from './TabContext';
-export { TabList } from './TabList';
-export { Tab } from './Tab';
-export { TabPanel } from './TabPanel';
-//# sourceMappingURL=index.js.map
+'use strict';
+
+var components_Tabs_TabContext = require('./TabContext.js');
+var components_Tabs_TabList = require('./TabList.js');
+var components_Tabs_Tab = require('./Tab.js');
+var components_Tabs_TabPanel = require('./TabPanel.js');
+
+
+
+exports.TabContext = components_Tabs_TabContext.TabContext;
+exports.TabContextProvider = components_Tabs_TabContext.TabContextProvider;
+exports.TabContextProviderControlled = components_Tabs_TabContext.TabContextProviderControlled;
+exports.getPanelId = components_Tabs_TabContext.getPanelId;
+exports.getTabId = components_Tabs_TabContext.getTabId;
+exports.tabContextDefaultValue = components_Tabs_TabContext.tabContextDefaultValue;
+exports.useTabContext = components_Tabs_TabContext.useTabContext;
+exports.TabList = components_Tabs_TabList.TabList;
+exports.Tab = components_Tabs_Tab.Tab;
+exports.TabPanel = components_Tabs_TabPanel.TabPanel;
+//# sourceMappingURL=index.js.map

package/lib/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,4BAA4B,EAC5B,UAAU,EACV,QAAQ,EACR,aAAa,EACb,sBAAsB,GACvB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/components/Terminal.js

@@ -1,117 +1,188 @@
-import React, { Fragment, memo, useLayoutEffect, useRef, useState } from 'react';
-import cn from 'classnames';
-import { useUID } from 'react-uid';
-import { Terminal as TerminalIcon } from 'react-feather';
-import { Icon } from './Icon';
-import styles from './Terminal.module.scss';
-export class CommandTimeoutError extends Error {
-    constructor() {
-        super(...arguments);
-        this.name = 'CommandTimeoutError';
-    }
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var reactUid = require('react-uid');
+var reactFeather = require('react-feather');
+var components_Icon = require('./Icon.js');
+var Terminal_module = require('./Terminal.module.scss.js');
+
+class CommandTimeoutError extends Error {
+  constructor() {
+    super(...arguments);
+    this.name = 'CommandTimeoutError';
+  }
 }
 const HISTORY_LIMIT = 100;
 const COMMAND_TIMEOUT = 60000;
-export const Terminal = memo(({ 'data-test': dataTest, onExecute, commandTimeout = COMMAND_TIMEOUT, historyLimit = HISTORY_LIMIT, className, inputClassName, welcomeMessage, prompt, initialExecutionHistory = [], initialCommand = '', initialLoading = false, autoFocusInitial = true, focusOnExecution = true, preventScrollOnFocus = false, }) => {
-    const [inputVal, setInputVal] = useState(initialCommand);
-    const [executionHistoryPointer, setExecutionHistoryPointer] = useState();
-    const [executionHistory, setExecutionHistory] = useState(initialExecutionHistory);
-    useLayoutEffect(() => {
-        if (focusOnExecution) {
-            inputRef.current.focus({ preventScroll: preventScrollOnFocus });
-        }
-    }, [executionHistory, focusOnExecution, preventScrollOnFocus]);
-    const addExecutionHistoryItem = (newHistoryItem) => {
-        setExecutionHistory((prevHistory) => {
-            const newHistory = [...prevHistory, newHistoryItem];
-            if (newHistory.length > historyLimit) {
-                newHistory.shift();
-            }
-            return newHistory;
+const Terminal = /*#__PURE__*/React.memo(({
+  'data-test': dataTest,
+  onExecute,
+  commandTimeout = COMMAND_TIMEOUT,
+  historyLimit = HISTORY_LIMIT,
+  className,
+  inputClassName,
+  welcomeMessage,
+  prompt,
+  initialExecutionHistory = [],
+  initialCommand = '',
+  initialLoading = false,
+  autoFocusInitial = true,
+  focusOnExecution = true,
+  preventScrollOnFocus = false
+}) => {
+  const [inputVal, setInputVal] = React.useState(initialCommand);
+  const [executionHistoryPointer, setExecutionHistoryPointer] = React.useState();
+  const [executionHistory, setExecutionHistory] = React.useState(initialExecutionHistory);
+  React.useLayoutEffect(() => {
+    if (focusOnExecution) {
+      inputRef.current.focus({
+        preventScroll: preventScrollOnFocus
+      });
+    }
+  }, [executionHistory, focusOnExecution, preventScrollOnFocus]);
+  const addExecutionHistoryItem = newHistoryItem => {
+    setExecutionHistory(prevHistory => {
+      const newHistory = [...prevHistory, newHistoryItem];
+      if (newHistory.length > historyLimit) {
+        newHistory.shift();
+      }
+      return newHistory;
+    });
+    setExecutionHistoryPointer(undefined);
+  };
+  const [executing, setExecuting] = React.useState(initialLoading);
+  const inputRef = React.useRef(null);
+  const execute = async () => {
+    const commandTokens = inputVal.split(' ').filter(token => !!token);
+    let timer;
+    try {
+      setExecuting(true);
+      const res = await Promise.race([onExecute(commandTokens[0], commandTokens.slice(1)),
+      // This promise will never be resolved so we can type is as we want to make TS happy
+      new Promise((_, reject) => {
+        timer = setTimeout(() => {
+          reject(new CommandTimeoutError(`${inputVal} exceeded timeout ${commandTimeout}`));
+        }, commandTimeout);
+      })]);
+      addExecutionHistoryItem({
+        command: inputVal,
+        res,
+        prompt
+      });
+    } catch (err) {
+      if (err instanceof Error) {
+        addExecutionHistoryItem({
+          command: inputVal,
+          error: err.message,
+          prompt
         });
-        setExecutionHistoryPointer(undefined);
-    };
-    const [executing, setExecuting] = useState(initialLoading);
-    const inputRef = useRef(null);
-    const execute = async () => {
-        const commandTokens = inputVal.split(' ').filter((token) => !!token);
-        let timer;
-        try {
-            setExecuting(true);
-            const res = await Promise.race([
-                onExecute(commandTokens[0], commandTokens.slice(1)),
-                // This promise will never be resolved so we can type is as we want to make TS happy
-                new Promise((_, reject) => {
-                    timer = setTimeout(() => {
-                        reject(new CommandTimeoutError(`${inputVal} exceeded timeout ${commandTimeout}`));
-                    }, commandTimeout);
-                }),
-            ]);
-            addExecutionHistoryItem({ command: inputVal, res, prompt });
-        }
-        catch (err) {
-            if (err instanceof Error) {
-                addExecutionHistoryItem({ command: inputVal, error: err.message, prompt });
-            }
-        }
-        finally {
-            setExecuting(false);
-            clearTimeout(timer);
-            setInputVal('');
-        }
-    };
-    const traverseHistory = (direction) => {
-        var _a;
-        let nextHistoryPointer;
-        if (direction === 'back') {
-            nextHistoryPointer = executionHistoryPointer !== undefined ? executionHistoryPointer - 1 : executionHistory.length - 1;
-        }
-        else {
-            nextHistoryPointer = executionHistoryPointer !== undefined ? executionHistoryPointer + 1 : 0;
+      }
+    } finally {
+      setExecuting(false);
+      clearTimeout(timer);
+      setInputVal('');
+    }
+  };
+  const traverseHistory = direction => {
+    var _a;
+    let nextHistoryPointer;
+    if (direction === 'back') {
+      nextHistoryPointer = executionHistoryPointer !== undefined ? executionHistoryPointer - 1 : executionHistory.length - 1;
+    } else {
+      nextHistoryPointer = executionHistoryPointer !== undefined ? executionHistoryPointer + 1 : 0;
+    }
+    const nextHistoryItem = nextHistoryPointer !== undefined ? executionHistory[nextHistoryPointer] : undefined;
+    if (!nextHistoryItem) {
+      nextHistoryPointer = undefined;
+    }
+    setExecutionHistoryPointer(nextHistoryPointer);
+    setInputVal((_a = nextHistoryItem === null || nextHistoryItem === void 0 ? void 0 : nextHistoryItem.command) !== null && _a !== void 0 ? _a : '');
+  };
+  const onKeyUp = e => {
+    switch (e.key) {
+      case 'Enter':
+        {
+          void execute();
+          break;
         }
-        const nextHistoryItem = nextHistoryPointer !== undefined ? executionHistory[nextHistoryPointer] : undefined;
-        if (!nextHistoryItem) {
-            nextHistoryPointer = undefined;
+      case 'Up': // IE/Edge specific value
+      case 'ArrowUp':
+        {
+          traverseHistory('back');
+          break;
         }
-        setExecutionHistoryPointer(nextHistoryPointer);
-        setInputVal((_a = nextHistoryItem === null || nextHistoryItem === void 0 ? void 0 : nextHistoryItem.command) !== null && _a !== void 0 ? _a : '');
-    };
-    const onKeyUp = (e) => {
-        switch (e.key) {
-            case 'Enter': {
-                void execute();
-                break;
-            }
-            case 'Up': // IE/Edge specific value
-            case 'ArrowUp': {
-                traverseHistory('back');
-                break;
-            }
-            case 'Down': // IE/Edge specific value
-            case 'ArrowDown': {
-                traverseHistory('forward');
-                break;
-            }
+      case 'Down': // IE/Edge specific value
+      case 'ArrowDown':
+        {
+          traverseHistory('forward');
+          break;
         }
-    };
-    const loadingTextId = useUID();
-    return (React.createElement("div", { "data-test": dataTest, className: cn(styles.container, className) },
-        welcomeMessage && React.createElement("p", { className: styles.welcome }, welcomeMessage),
-        React.createElement("div", { className: styles.history, role: "alert" }, executionHistory.map((historyItem, i) => (React.createElement(Fragment, { key: i },
-            React.createElement("div", { className: styles.input },
-                historyItem.prompt ? React.createElement("span", { className: styles.prompt }, historyItem.prompt) : null,
-                React.createElement(Icon, { icon: TerminalIcon, ariaHidden: true, className: styles.terminalIcon }),
-                React.createElement("input", { "aria-label": "Historical command", type: "text", value: historyItem.command, readOnly: true, tabIndex: -1 })),
-            historyItem.res && (React.createElement("div", { className: styles.commandRes }, historyItem.res.map((resString, i) => (React.createElement("p", { key: i }, resString))))),
-            historyItem.error && React.createElement("p", { className: styles.commandError }, historyItem.error))))),
-        React.createElement("div", { className: styles.currentCommand },
-            React.createElement("div", { className: styles.input },
-                prompt ? React.createElement("span", { className: styles.prompt }, prompt) : null,
-                React.createElement(Icon, { icon: TerminalIcon, ariaHidden: true, className: styles.terminalIcon }),
-                React.createElement("input", { type: "text", "aria-label": "Command", value: inputVal, onChange: (e) => setInputVal(e.target.value), onKeyUp: onKeyUp, "aria-describedby": executing ? loadingTextId : undefined, disabled: executing, autoFocus: autoFocusInitial, ref: inputRef, className: cn(inputClassName, { [styles.blank]: !inputVal }) })),
-            executing && (React.createElement("div", { className: styles.loading },
-                React.createElement("span", { className: styles.loadingA11yText, id: loadingTextId }, "Command is executing. Please, wait."),
-                "...")))));
+    }
+  };
+  const loadingTextId = reactUid.useUID();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: cn(Terminal_module.default.container, className)
+  }, welcomeMessage && /*#__PURE__*/React.createElement("p", {
+    className: Terminal_module.default.welcome
+  }, welcomeMessage), /*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.history,
+    role: "alert"
+  }, executionHistory.map((historyItem, i) => (/*#__PURE__*/React.createElement(React.Fragment, {
+    key: i
+  }, /*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.input
+  }, historyItem.prompt ? /*#__PURE__*/React.createElement("span", {
+    className: Terminal_module.default.prompt
+  }, historyItem.prompt) : null, /*#__PURE__*/React.createElement(components_Icon.Icon, {
+    icon: reactFeather.Terminal,
+    ariaHidden: true,
+    className: Terminal_module.default.terminalIcon
+  }), /*#__PURE__*/React.createElement("input", {
+    "aria-label": "Historical command",
+    type: "text",
+    value: historyItem.command,
+    readOnly: true,
+    tabIndex: -1
+  })), historyItem.res && (/*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.commandRes
+  }, historyItem.res.map((resString, i) => (/*#__PURE__*/React.createElement("p", {
+    key: i
+  }, resString))))), historyItem.error && /*#__PURE__*/React.createElement("p", {
+    className: Terminal_module.default.commandError
+  }, historyItem.error))))), /*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.currentCommand
+  }, /*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.input
+  }, prompt ? /*#__PURE__*/React.createElement("span", {
+    className: Terminal_module.default.prompt
+  }, prompt) : null, /*#__PURE__*/React.createElement(components_Icon.Icon, {
+    icon: reactFeather.Terminal,
+    ariaHidden: true,
+    className: Terminal_module.default.terminalIcon
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    "aria-label": "Command",
+    value: inputVal,
+    onChange: e => setInputVal(e.target.value),
+    onKeyUp: onKeyUp,
+    "aria-describedby": executing ? loadingTextId : undefined,
+    disabled: executing,
+    autoFocus: autoFocusInitial,
+    ref: inputRef,
+    className: cn(inputClassName, {
+      [Terminal_module.default.blank]: !inputVal
+    })
+  })), executing && (/*#__PURE__*/React.createElement("div", {
+    className: Terminal_module.default.loading
+  }, /*#__PURE__*/React.createElement("span", {
+    className: Terminal_module.default.loadingA11yText,
+    id: loadingTextId
+  }, "Command is executing. Please, wait."), "..."))));
 });
 Terminal.displayName = 'Terminal';
-//# sourceMappingURL=Terminal.js.map
+
+exports.CommandTimeoutError = CommandTimeoutError;
+exports.Terminal = Terminal;
+//# sourceMappingURL=Terminal.js.map