@cloudtower/eagle 4100.0.23 → 4100.0.24

package/dist/cjs/core/LogView/LogView.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var React = require('react');
-var core = require('@linaria/core');
 var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$1 = require('../Icon/index.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
 var LogView_style = require('./LogView.style.js');
-var LogView_xtermLoader = require('./LogView.xtermLoader.js');
 var LogView_utils = require('./LogView.utils.js');
+var LogView_xtermLoader = require('./LogView.xtermLoader.js');
 var color = require('../../styles/token/color.js');
 var index = require('../../coreX/Show/index.js');
 var SearchInput = require('../SearchInput/SearchInput.js');
@@ -131,6 +132,7 @@ const useLogViewEventSource = ({
 const LogView = ({
   className,
   content = "",
+  loading = false,
   showSearch = true,
   eventSource = false,
   eventSourceOptions = {},
@@ -336,34 +338,56 @@ const LogView = ({
     }
   }, []);
   const renderCustomContent = () => {
+    if (loading)
+      return null;
     if (eventSourceError && errorRenderer && readyTerminal)
       return /* @__PURE__ */ React__default.default.createElement(LogView_style.CustomContentOverlay, null, errorRenderer(readyTerminal, eventSourceError, reconnect));
     if (!hasData && emptyRenderer && readyTerminal)
       return /* @__PURE__ */ React__default.default.createElement(LogView_style.CustomContentOverlay, null, emptyRenderer(readyTerminal));
     return null;
   };
-  return /* @__PURE__ */ React__default.default.createElement(LogView_style.LogViewContainer, { className: core.cx("log-view-container", className) }, /* @__PURE__ */ React__default.default.createElement(LogView_style.LogViewInnerContaier, { className: "log-view-inner-container" }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: showSearch }, /* @__PURE__ */ React__default.default.createElement(
-    SearchInput.SearchInput,
+  return /* @__PURE__ */ React__default.default.createElement(LogView_style.LogViewContainer, { className: core.cx("log-view-container", className) }, /* @__PURE__ */ React__default.default.createElement(
+    LogView_style.LogViewInnerContaier,
     __spreadValues({
-      type: "text",
-      className: LogView_style.SearchInputStyle,
-      width: "100%",
-      debounceWait: 100,
-      placeholder: t("common.search_log"),
-      searchIcon: iconsReact.Search16OntintIcon,
-      prefixIcon: iconsReact.ArrowChevronUp16OntintIcon,
-      prefixHoverIcon: iconsReact.ArrowChevronUp16BlueIcon,
-      nextIcon: iconsReact.ArrowChevronDown16OntintIcon,
-      nextHoverIcon: iconsReact.ArrowChevronDown16BlueIcon,
-      clearIcon: iconsReact.XmarkCloseCircleFill16OntintIcon,
-      clearHoverIcon: iconsReact.XmarkCloseCircleFill16OntintLightIcon,
-      total: searchCount,
-      current,
-      onChange: searchNext,
-      onSearchNext: searchNext,
-      onSearchPrev: searchPrevious
-    }, searchInputProps)
-  )), /* @__PURE__ */ React__default.default.createElement(LogView_style.LogTerminal, { className: "log-terminal", ref: terminalContainerRef }, renderCustomContent())));
+      className: "log-view-inner-container",
+      "aria-busy": loading,
+      "aria-hidden": loading || void 0
+    }, loading ? { inert: "" } : {}),
+    /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: showSearch }, /* @__PURE__ */ React__default.default.createElement(
+      SearchInput.SearchInput,
+      __spreadProps(__spreadValues({
+        type: "text",
+        className: LogView_style.SearchInputStyle,
+        width: "100%",
+        debounceWait: 100,
+        placeholder: t("common.search_log"),
+        searchIcon: iconsReact.Search16OntintIcon,
+        prefixIcon: iconsReact.ArrowChevronUp16OntintIcon,
+        prefixHoverIcon: iconsReact.ArrowChevronUp16BlueIcon,
+        nextIcon: iconsReact.ArrowChevronDown16OntintIcon,
+        nextHoverIcon: iconsReact.ArrowChevronDown16BlueIcon,
+        clearIcon: iconsReact.XmarkCloseCircleFill16OntintIcon,
+        clearHoverIcon: iconsReact.XmarkCloseCircleFill16OntintLightIcon,
+        total: searchCount,
+        current,
+        onChange: searchNext,
+        onSearchNext: searchNext,
+        onSearchPrev: searchPrevious
+      }, searchInputProps), {
+        disabled: loading || (searchInputProps == null ? void 0 : searchInputProps.disabled)
+      })
+    )),
+    /* @__PURE__ */ React__default.default.createElement(LogView_style.LogTerminal, { className: "log-terminal", ref: terminalContainerRef }, renderCustomContent())
+  ), loading && /* @__PURE__ */ React__default.default.createElement("div", { className: LogView_style.LoadingOverlayStyle, role: "status", "aria-live": "polite" }, /* @__PURE__ */ React__default.default.createElement(
+    index$1,
+    {
+      src: iconsReact.Loading24OntintIcon,
+      iconWidth: 24,
+      iconHeight: 24,
+      isRotate: true
+    },
+    t("common.loading_log")
+  )));
 };
 
 exports.LogView = LogView;

package/dist/cjs/core/LogView/LogView.style.js

@@ -1,30 +1,34 @@
 'use strict';
 
+var core = require('@linaria/core');
 var react = require('@linaria/react');
+var index = require('../Typo/index.js');
 
 const LogViewContainer = /*#__PURE__*/react.styled('div')({
   name: "LogViewContainer",
-  class: "E_4100_0_23_l1v1luhz",
+  class: "E_4100_0_24_l1v1luhz",
   propsAsIs: false
 });
 const LogViewInnerContaier = /*#__PURE__*/react.styled('div')({
   name: "LogViewInnerContaier",
-  class: "E_4100_0_23_lranxiw",
+  class: "E_4100_0_24_lranxiw",
   propsAsIs: false
 });
 const LogTerminal = /*#__PURE__*/react.styled('div')({
   name: "LogTerminal",
-  class: "E_4100_0_23_l1y3zqy5",
+  class: "E_4100_0_24_l1y3zqy5",
   propsAsIs: false
 });
 const CustomContentOverlay = /*#__PURE__*/react.styled('div')({
   name: "CustomContentOverlay",
-  class: "E_4100_0_23_c1x4mn5u",
+  class: "E_4100_0_24_c1x4mn5u",
   propsAsIs: false
 });
-const SearchInputStyle = "E_4100_0_23_s4pilip";
+const SearchInputStyle = "E_4100_0_24_s4pilip";
+const LoadingOverlayStyle = core.cx(index.Typo.Label.l2_medium, "E_4100_0_24_llgkmll");
 
 exports.CustomContentOverlay = CustomContentOverlay;
+exports.LoadingOverlayStyle = LoadingOverlayStyle;
 exports.LogTerminal = LogTerminal;
 exports.LogViewContainer = LogViewContainer;
 exports.LogViewInnerContaier = LogViewInnerContaier;

package/dist/cjs/core/MediumDialog/MediumDialog.js

@@ -34,7 +34,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const MediumDialogStyle = "E_4100_0_23_m5foqp8";
+const MediumDialogStyle = "E_4100_0_24_m5foqp8";
 const MediumDialog = _a => {
   var _b = _a,
     {

package/dist/cjs/core/Metric/styled.js

@@ -2,24 +2,24 @@
 
 var react = require('@linaria/react');
 
-const MetricLegendTabStyle = "E_4100_0_23_mp64wfi";
-const LegendStyle = "E_4100_0_23_l1oyigan";
-const LegendItemStyle = "E_4100_0_23_l1noi4n1";
-const ColorBlockStyle = "E_4100_0_23_cz19rz6";
-const ExtraResource = "E_4100_0_23_e17r5r9c";
+const MetricLegendTabStyle = "E_4100_0_24_mp64wfi";
+const LegendStyle = "E_4100_0_24_l1oyigan";
+const LegendItemStyle = "E_4100_0_24_l1noi4n1";
+const ColorBlockStyle = "E_4100_0_24_cz19rz6";
+const ExtraResource = "E_4100_0_24_e17r5r9c";
 const MetricWrapper = /*#__PURE__*/react.styled('div')({
   name: "MetricWrapper",
-  class: "E_4100_0_23_m1y1hhnr",
+  class: "E_4100_0_24_m1y1hhnr",
   propsAsIs: false
 });
 const TooltipWrapper = /*#__PURE__*/react.styled('div')({
   name: "TooltipWrapper",
-  class: "E_4100_0_23_tnvijvs",
+  class: "E_4100_0_24_tnvijvs",
   propsAsIs: false
 });
 const TooltipColumn = /*#__PURE__*/react.styled('div')({
   name: "TooltipColumn",
-  class: "E_4100_0_23_t1ub2aex",
+  class: "E_4100_0_24_t1ub2aex",
   propsAsIs: false
 });
 

package/dist/cjs/core/Nav/index.js

@@ -10,7 +10,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const MinWidth = "E_4100_0_23_m196gn1d";
+const MinWidth = "E_4100_0_24_m196gn1d";
 const Nav = ({
   left,
   right,

package/dist/cjs/core/Nav/style.js

@@ -4,10 +4,10 @@ var react = require('@linaria/react');
 
 const Header = /*#__PURE__*/react.styled('header')({
   name: "Header",
-  class: "E_4100_0_23_h12yihis",
+  class: "E_4100_0_24_h12yihis",
   propsAsIs: false
 });
-const NavCenterStyle = "E_4100_0_23_ncaepor";
+const NavCenterStyle = "E_4100_0_24_ncaepor";
 
 exports.Header = Header;
 exports.NavCenterStyle = NavCenterStyle;

package/dist/cjs/core/Overflow/index.js

@@ -11,8 +11,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const OverflowWrapper = "E_4100_0_23_owd0kml";
-const HiddenStyle = "E_4100_0_23_h1jsgezc";
+const OverflowWrapper = "E_4100_0_24_owd0kml";
+const HiddenStyle = "E_4100_0_24_h1jsgezc";
 const Overflow = props => {
   const {
     children,

package/dist/cjs/core/Pagination/index.js

@@ -15,8 +15,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const PaginationStyle = "E_4100_0_23_phljevk";
-const DropdownOverlayStyle = "E_4100_0_23_d12rtyeg";
+const PaginationStyle = "E_4100_0_24_phljevk";
+const DropdownOverlayStyle = "E_4100_0_24_d12rtyeg";
 const Pagination = props => {
   const {
     current,

package/dist/cjs/core/Progress/components.js

@@ -49,7 +49,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => color || "";
 const IconFieldText = /*#__PURE__*/react.styled('div')({
   name: "IconFieldText",
-  class: "E_4100_0_23_i14c7jc8",
+  class: "E_4100_0_24_i14c7jc8",
   propsAsIs: false,
   vars: {
     "i14c7jc8-0": [_exp()]
@@ -66,7 +66,7 @@ const StatusIconMap = {
 };
 const IconFieldWrapper = /*#__PURE__*/react.styled('div')({
   name: "IconFieldWrapper",
-  class: "E_4100_0_23_i1ibuolf",
+  class: "E_4100_0_24_i1ibuolf",
   propsAsIs: false
 });
 const IconField = _a => {

package/dist/cjs/core/Progress/index.js

@@ -44,7 +44,7 @@ var __objRest = (source, exclude) => {
 };
 const Row = /*#__PURE__*/react.styled('div')({
   name: "Row",
-  class: "E_4100_0_23_r77hffu",
+  class: "E_4100_0_24_r77hffu",
   propsAsIs: false
 });
 const _exp = /*#__PURE__*/() => ({
@@ -52,7 +52,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => type === "rich" ? "6px" : "4px";
 const ProgressContainer = /*#__PURE__*/react.styled('div')({
   name: "ProgressContainer",
-  class: "E_4100_0_23_p1cmxsf7",
+  class: "E_4100_0_24_p1cmxsf7",
   propsAsIs: false,
   vars: {
     "p1cmxsf7-0": [_exp()]

package/dist/cjs/core/Progress/progress.style.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const DescriptionStyle = "E_4100_0_23_d1u4ndxc";
-const FlexFullContentStyle = "E_4100_0_23_f6xb0iv";
-const BaseProgressStyle = "E_4100_0_23_b1dhu7ov";
-const ProgressStyle = "E_4100_0_23_p1as1j2z";
+const DescriptionStyle = "E_4100_0_24_d1u4ndxc";
+const FlexFullContentStyle = "E_4100_0_24_f6xb0iv";
+const BaseProgressStyle = "E_4100_0_24_b1dhu7ov";
+const ProgressStyle = "E_4100_0_24_p1as1j2z";
 
 exports.BaseProgressStyle = BaseProgressStyle;
 exports.DescriptionStyle = DescriptionStyle;

package/dist/cjs/core/Progress/progress.widgets.js

@@ -39,11 +39,11 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const titleAreaStyle = "E_4100_0_23_t1gvlxt5";
+const titleAreaStyle = "E_4100_0_24_t1gvlxt5";
 const _exp2 = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/react.styled('div')({
   name: "AreaWrapper",
-  class: "E_4100_0_23_a1ji6r68",
+  class: "E_4100_0_24_a1ji6r68",
   propsAsIs: false,
   vars: {
     "a1ji6r68-0": [_exp2(), "px"]

package/dist/cjs/core/Radio/index.js

@@ -39,9 +39,9 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const RadioStyle = "E_4100_0_23_rapgekc";
-const RadioGroupStyle = "E_4100_0_23_rp906go";
-const RadioButtonStyle = "E_4100_0_23_rcc63c8";
+const RadioStyle = "E_4100_0_24_rapgekc";
+const RadioGroupStyle = "E_4100_0_24_rp906go";
+const RadioButtonStyle = "E_4100_0_24_rcc63c8";
 const KitRadioGroupContext = React__default.default.createContext({});
 const Radio = _a => {
   var _b = _a,

package/dist/cjs/core/SearchInput/SearchInput.style.js

@@ -1,10 +1,10 @@
 'use strict';
 
-const SearchInputStyles = "E_4100_0_23_s1n7hav7";
-const CountTextStyles = "E_4100_0_23_c1tgpyn0";
-const IconContainerStyles = "E_4100_0_23_i1cmbu8m";
-const DisabledIconStyles = "E_4100_0_23_dxmfsc9";
-const SearchInputDropdownStyles = "E_4100_0_23_slbf45q";
+const SearchInputStyles = "E_4100_0_24_s1n7hav7";
+const CountTextStyles = "E_4100_0_24_c1tgpyn0";
+const IconContainerStyles = "E_4100_0_24_i1cmbu8m";
+const DisabledIconStyles = "E_4100_0_24_dxmfsc9";
+const SearchInputDropdownStyles = "E_4100_0_24_slbf45q";
 
 exports.CountTextStyles = CountTextStyles;
 exports.DisabledIconStyles = DisabledIconStyles;

package/dist/cjs/core/SegmentControl/index.js

@@ -27,10 +27,10 @@ var __spreadValues = (a, b) => {
   }
   return a;
 };
-const Segment = "E_4100_0_23_s11wux3h";
-const SmallSegment = "E_4100_0_23_s1t2an3z";
-const MediumSegment = "E_4100_0_23_ma64lna";
-const ColorSegment = "E_4100_0_23_ckld275";
+const Segment = "E_4100_0_24_s11wux3h";
+const SmallSegment = "E_4100_0_24_s1t2an3z";
+const MediumSegment = "E_4100_0_24_ma64lna";
+const ColorSegment = "E_4100_0_24_ckld275";
 const SegmentControl = props => {
   const {
     size = "middle",

package/dist/cjs/core/Select/select.style.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const SelectStyle = "E_4100_0_23_s4ivdfu";
-const SelectIconStyle = "E_4100_0_23_sks9xr8";
-const SelectSizeStyle = "E_4100_0_23_swwhohx";
-const PlaceholderTextStyle = "E_4100_0_23_p2sxmsl";
+const SelectStyle = "E_4100_0_24_s4ivdfu";
+const SelectIconStyle = "E_4100_0_24_sks9xr8";
+const SelectSizeStyle = "E_4100_0_24_swwhohx";
+const PlaceholderTextStyle = "E_4100_0_24_p2sxmsl";
 
 exports.PlaceholderTextStyle = PlaceholderTextStyle;
 exports.SelectIconStyle = SelectIconStyle;

package/dist/cjs/core/Select/select.widgets.js

@@ -33,9 +33,9 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const OptionStyle = "E_4100_0_23_oa99sl3";
-const LeftStyle = "E_4100_0_23_lvp5pj7";
-const SlotStyle = "E_4100_0_23_s1io1lws";
+const OptionStyle = "E_4100_0_24_oa99sl3";
+const LeftStyle = "E_4100_0_24_lvp5pj7";
+const SlotStyle = "E_4100_0_24_s1io1lws";
 const AntdOption = antd.Select.Option;
 function getOptions(options) {
   return options.map(option => {

package/dist/cjs/core/SimplePagination/index.js

@@ -15,7 +15,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const inputStyle = "E_4100_0_23_ivqqkzv";
+const inputStyle = "E_4100_0_24_ivqqkzv";
 const SimplePagination = props => {
   const {
     className,
@@ -78,7 +78,7 @@ const SimplePagination = props => {
       changeValue(event.target.value);
     }
   }), /* @__PURE__ */React__default.default.createElement("span", {
-    className: cs__default.default("E_4100_0_23_c1wk4q29", index$1.Typo.Label.l3_regular_upper)
+    className: cs__default.default("E_4100_0_24_c1wk4q29", index$1.Typo.Label.l3_regular_upper)
   }, `/ ${pageLength}`), showNext && /* @__PURE__ */React__default.default.createElement(index$2, {
     className: "next-btn",
     type: "quiet",

package/dist/cjs/core/Skeleton/Content.js

@@ -8,7 +8,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const SkeletonContentStyle = "E_4100_0_23_s20iney";
+const SkeletonContentStyle = "E_4100_0_24_s20iney";
 const SkeletonContent = props => {
   const {
     width = "100%",

package/dist/cjs/core/SmallDialog/SmallDialog.style.js

@@ -1,12 +1,12 @@
 'use strict';
 
-const DialogStyle = "E_4100_0_23_dxyv8bv";
-const FooterStyle = "E_4100_0_23_fbgo4wr";
-const ErrorTextStyle = "E_4100_0_23_ekxnz54";
-const CloseIconStyle = "E_4100_0_23_ct1041x";
-const ModelTitleSkeletonStyle = "E_4100_0_23_m1k84ymw";
-const ModelContentSkeletonStyle = "E_4100_0_23_m15ds5xe";
-const ModelInitializingErrorStyle = "E_4100_0_23_ma56n19";
+const DialogStyle = "E_4100_0_24_dxyv8bv";
+const FooterStyle = "E_4100_0_24_fbgo4wr";
+const ErrorTextStyle = "E_4100_0_24_ekxnz54";
+const CloseIconStyle = "E_4100_0_24_ct1041x";
+const ModelTitleSkeletonStyle = "E_4100_0_24_m1k84ymw";
+const ModelContentSkeletonStyle = "E_4100_0_24_m15ds5xe";
+const ModelInitializingErrorStyle = "E_4100_0_24_ma56n19";
 
 exports.CloseIconStyle = CloseIconStyle;
 exports.DialogStyle = DialogStyle;

package/dist/cjs/core/StatusCapsule/index.js

@@ -44,10 +44,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
-const StatusCapsuleStyle = "E_4100_0_23_sddwhm6";
+const StatusCapsuleStyle = "E_4100_0_24_sddwhm6";
 const StatusCode = /*#__PURE__*/react.styled('i')({
   name: "StatusCode",
-  class: "E_4100_0_23_satwmqm",
+  class: "E_4100_0_24_satwmqm",
   propsAsIs: false
 });
 const StatusIcon = ({

package/dist/cjs/core/StepProgress/index.js

@@ -8,7 +8,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const CircleProgressStyle = "E_4100_0_23_c1bus5hc";
+const CircleProgressStyle = "E_4100_0_24_c1bus5hc";
 const CircleProgress = props => {
   const {
     percent,

package/dist/cjs/core/Steps/style.js

@@ -1,10 +1,10 @@
 'use strict';
 
-const StepsStyle = "E_4100_0_23_sjob3jg";
-const HorizontalStyle = "E_4100_0_23_hjvj6s6";
-const VerticalStyle = "E_4100_0_23_v4tv3mf";
-const HorizontalStepContentStyle = "E_4100_0_23_h6l1tj4";
-const VerticalStepContentStyle = "E_4100_0_23_v18frne8";
+const StepsStyle = "E_4100_0_24_sjob3jg";
+const HorizontalStyle = "E_4100_0_24_hjvj6s6";
+const VerticalStyle = "E_4100_0_24_v4tv3mf";
+const HorizontalStepContentStyle = "E_4100_0_24_h6l1tj4";
+const VerticalStepContentStyle = "E_4100_0_24_v18frne8";
 
 exports.HorizontalStepContentStyle = HorizontalStepContentStyle;
 exports.HorizontalStyle = HorizontalStyle;