@scaleflex/widget-progress-panel 4.8.5 → 4.8.6

package/lib/ProgressPanel.styled.js

@@ -1,151 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled, { css } from 'styled-components';
-import { FV, PC, PSH, Image } from '@scaleflex/widget-common';
-import { IconButton } from '@scaleflex/ui/core';
-import { Arrow as StyledArrow, Loading } from '@scaleflex/icons';
-var ProgressPanelContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: ", ";\n  right: 20px;\n  bottom: 0;\n  width: 470px;\n  transition: all 300ms ease-out;\n  max-height: 360px;\n  border-radius:", ";\n  background-color: ", ";\n  z-index: ", ";\n  box-shadow: ", ";\n  visibility: ", ";\n  opacity: ", ";\n  transform: ", ";\n"])), function (_ref) {
-  var position = _ref.position;
-  return position;
-}, function (_ref2) {
-  var isMinimized = _ref2.isMinimized;
-  return isMinimized ? '4px' : '0px 0px 4px 4px';
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.palette[PC.BackgroundSecondary];
-}, function (_ref4) {
-  var zIndex = _ref4.zIndex;
-  return zIndex;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.shadows[PSH.ShadowLg];
-}, function (_ref6) {
-  var show = _ref6.show;
-  return show ? 'visible' : 'hidden';
-}, function (_ref7) {
-  var show = _ref7.show;
-  return show ? 1 : 0;
-}, function (_ref8) {
-  var show = _ref8.show;
-  return show ? 'translate3d(0, -24px, 0)' : 'translate3d(0, 74px, 0)';
-});
-var ProgressPanelList = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow: auto;\n  max-height: 233px;\n"])));
-var ActionButtonsWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  column-gap: 12px;\n"])));
-var ActionButton = styled(IconButton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: none;\n    padding: 4px;\n    width: 22px;\n    height: 22px;\n    background: ", ";\n    border-radius: 50%;\n\n    ", "\n\n    &:hover {\n      background-color:  ", ";\n    }\n\n    &:focus {\n      background-color:  ", ";\n    }\n\n    &:active {\n      background-color:  ", ";\n    }\n"])), function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.palette[PC.IconsPrimary];
-}, function (_ref10) {
-  var isResumeButton = _ref10.isResumeButton;
-  return isResumeButton && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      svg {\n        margin-left: 2px;\n      }\n    "])));
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.palette[PC.IconsPrimaryHover];
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.palette[PC.IconsPrimaryHover];
-}, function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.palette[PC.IconsPrimaryHover];
-});
-var ActivityStatus = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: inline-flex;\n"])));
-
-// TODO: remove this container when upload is updated to new implementation
-var ProgressPanelActivityContainer = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 0px 16px;\n\n  ", "\n\n  ", "\n"])), function (_ref14) {
-  var disableAction = _ref14.disableAction;
-  return !disableAction && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    &:hover {\n      ", " {\n        display: inline-flex;\n      }\n      ", " {\n        display: none;\n      }\n    }\n"])), ActionButton, ActivityStatus);
-}, function (_ref15) {
-  var disableAction = _ref15.disableAction;
-  return !disableAction && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n     &:hover {\n      background-color: ", " ;\n     }\n     cursor: pointer;\n  "])), function (_ref16) {
-    var theme = _ref16.theme;
-    return theme.palette[PC.BackgroundHover];
-  });
-});
-// TODO: rename to ProgressPanelActivityContainer upload is updated to new implementation
-var ProgressPanelActivityContainerNew = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: 0px 16px;\n\n  ", "\n"])), function (_ref17) {
-  var disableAction = _ref17.disableAction,
-    showBackgroundHover = _ref17.showBackgroundHover,
-    theme = _ref17.theme,
-    showActivityButton = _ref17.showActivityButton;
-  return !disableAction && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    &:hover {\n      ", " {\n        display: inline-flex;\n      }\n\n      ", " {\n        ", "\n      }\n      background-color: ", ";\n      cursor:", ";\n    }\n"])), ActionButton, ActivityStatus, showActivityButton && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n          display: none\n        "]))), showBackgroundHover && theme.palette[PC.BackgroundHover], showBackgroundHover && 'pointer');
-});
-var ProgressPanelActivityWrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding: 12px 0px;\n"])));
-var ProgressPanelActivity = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between ;\n  height: 22px;\n"])));
-var ActivityInfo = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  column-gap: 12px;\n  opacity: ", " ;\n"])), function (_ref18) {
-  var $opacity = _ref18.$opacity;
-  return $opacity;
-});
-var ProgressPanelHeader = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  gap: 10px;\n  height: 48px;\n  border-radius:", ";\n  background:", ";\n  color: ", ";\n"])), function (_ref19) {
-  var isMinimized = _ref19.isMinimized;
-  return isMinimized ? '4px' : '4px 4px 0px 0px';
-}, function (_ref20) {
-  var palette = _ref20.theme.palette;
-  return palette[PC.AccentPrimaryActive];
-}, function (_ref21) {
-  var palette = _ref21.theme.palette;
-  return palette[PC.BackgroundStateless];
-});
-var ProgressPanelInfo = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral([""])));
-var ProgressPanelState = styled.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n ", "\n\n"])), function (_ref22) {
-  var hasTotalEta = _ref22.hasTotalEta;
-  return hasTotalEta && css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n &:after {\n    content: '\u2022';\n    margin: 0 8px;\n  }\n"])));
-});
-var ProgressPanelEta = styled.span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n"])));
-var ProgressPanelActions = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  column-gap: 12px;\n"])));
-var Arrow = styled(StyledArrow)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  transform: ", ";\n"])), function (_ref23) {
-  var $isMinimized = _ref23.$isMinimized;
-  return $isMinimized ? 'rotate(270deg)' : 'rotate(-270deg)';
-});
-var ProgressPanelIconButton = styled(IconButton)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n color: ", ";\n\n  &:hover,\n  &:focus,\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_ref24) {
-  var palette = _ref24.theme.palette;
-  return palette[PC.IconsInvert];
-}, function (_ref25) {
-  var palette = _ref25.theme.palette;
-  return palette[PC.AccentPrimaryHover];
-}, function (_ref26) {
-  var palette = _ref26.theme.palette;
-  return palette[PC.IconsInvert];
-});
-var ActivityInfoMain = styled.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  column-gap: 4px;\n  line-height: 1.2;\n"])));
-var ActivityFileState = styled.span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  font-weight: 500;\n"])));
-var ActivityFileName = styled.span(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 230px;\n"])));
-var NotificationContainer = styled.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  padding: 0px 16px;\n  background-color: ", ";\n"])), function (_ref27) {
-  var palette = _ref27.theme.palette;
-  return palette[PC.BackgroundBlue];
-});
-var NotificationWrapper = styled.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n   display: flex;\n   justify-content: space-between ;\n"])));
-var NotificationText = styled.span(function (_ref28) {
-  var _ref28$theme = _ref28.theme,
-    palette = _ref28$theme.palette,
-    typography = _ref28$theme.typography;
-  return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  max-width: 366px;\n  ", ";\n  color: ", ";\n"])), typography.font[FV.LabelMedium], palette[PC.TextInfo]);
-});
-var LoadingIcon = styled(Loading)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  animation: rotating-spinner 2s linear infinite;\n"])));
-var FileIcon = styled(Image)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  height: 22px;\n  width: 22px;\n"])));
-var Styled = {
-  ProgressPanelContainer: ProgressPanelContainer,
-  ProgressPanelList: ProgressPanelList,
-  ProgressPanelActivityContainer: ProgressPanelActivityContainer,
-  ProgressPanelActivityContainerNew: ProgressPanelActivityContainerNew,
-  ProgressPanelActivityWrapper: ProgressPanelActivityWrapper,
-  ProgressPanelActivity: ProgressPanelActivity,
-  ActivityInfo: ActivityInfo,
-  ActivityInfoMain: ActivityInfoMain,
-  ActivityFileState: ActivityFileState,
-  ActivityFileName: ActivityFileName,
-  ActivityStatus: ActivityStatus,
-  ProgressPanelHeader: ProgressPanelHeader,
-  ProgressPanelInfo: ProgressPanelInfo,
-  ProgressPanelState: ProgressPanelState,
-  ProgressPanelEta: ProgressPanelEta,
-  ProgressPanelActions: ProgressPanelActions,
-  ProgressPanelIconButton: ProgressPanelIconButton,
-  Arrow: Arrow,
-  ActionButtonsWrapper: ActionButtonsWrapper,
-  ActionButton: ActionButton,
-  NotificationContainer: NotificationContainer,
-  NotificationWrapper: NotificationWrapper,
-  NotificationText: NotificationText,
-  LoadingIcon: LoadingIcon,
-  FileIcon: FileIcon
-};
-export default Styled;

package/lib/components/Activity.js

@@ -1,84 +0,0 @@
-import { Divider } from '@scaleflex/ui/core';
-import { PROGRESS_PANEL_STATUS } from '@scaleflex/widget-utils/lib/constants';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import { isProgressPanelActive } from '../progressPanel.slice';
-import ActivityActions from './ActivityActions';
-import ActivityStatus from './ActivityStatus';
-import ProgressPanelFileIcon from './common/ProgressPanelFileIcon';
-import Styled from '../ProgressPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var Activity = function Activity(_ref) {
-  var _activity$progress, _activity$progress2, _statusData$status, _statusData$PROGRESS_, _statusData$PROGRESS_2, _statusData$status2;
-  var activity = _ref.activity,
-    isLastItem = _ref.isLastItem,
-    i18n = _ref.i18n,
-    role = _ref.role;
-  var _useCore = useCore(),
-    emit = _useCore.emit;
-  var id = activity.id,
-    _activity$statusData = activity.statusData,
-    statusData = _activity$statusData === void 0 ? {} : _activity$statusData,
-    name = activity.name,
-    _activity$hideRetryBu = activity.hideRetryButton,
-    hideRetryButton = _activity$hideRetryBu === void 0 ? false : _activity$hideRetryBu;
-  var percentage = activity === null || activity === void 0 ? void 0 : (_activity$progress = activity.progress) === null || _activity$progress === void 0 ? void 0 : _activity$progress.percentage;
-  var status = activity === null || activity === void 0 ? void 0 : (_activity$progress2 = activity.progress) === null || _activity$progress2 === void 0 ? void 0 : _activity$progress2.status;
-  var isStatusComplete = status === PROGRESS_PANEL_STATUS.COMPLETE;
-  var actionButtons = (_statusData$status = statusData[status]) === null || _statusData$status === void 0 ? void 0 : _statusData$status.actionButtons;
-  var completeActionButton = (_statusData$PROGRESS_ = statusData[PROGRESS_PANEL_STATUS.COMPLETE]) === null || _statusData$PROGRESS_ === void 0 ? void 0 : (_statusData$PROGRESS_2 = _statusData$PROGRESS_.actionButtons) === null || _statusData$PROGRESS_2 === void 0 ? void 0 : _statusData$PROGRESS_2[0];
-  var hasCompleteActionButtons = isStatusComplete && !!completeActionButton;
-  var almostCompleted = status === PROGRESS_PANEL_STATUS.PROGRESSING && percentage === 100;
-  var isErrorStatus = status === PROGRESS_PANEL_STATUS.ERROR;
-  var hideActivityRetryButton = isErrorStatus && hideRetryButton;
-  var handleAction = function handleAction(event, activityActionType) {
-    event.stopPropagation();
-    emit('activity-action', {
-      id: id,
-      activity: activity,
-      activityActionType: activityActionType
-    });
-  };
-  var activityStatusLabel = i18n((_statusData$status2 = statusData[status]) === null || _statusData$status2 === void 0 ? void 0 : _statusData$status2.labelI18nKey);
-  var activityTitle = name || activityStatusLabel || status;
-  return /*#__PURE__*/_jsxs(Styled.ProgressPanelActivityContainerNew, {
-    showActivityButton: !hideActivityRetryButton,
-    disableAction: isStatusComplete && !actionButtons || almostCompleted,
-    showBackgroundHover: hasCompleteActionButtons,
-    onClick: hasCompleteActionButtons ? function (event) {
-      return handleAction(event, completeActionButton.type);
-    } : undefined,
-    role: role,
-    children: [/*#__PURE__*/_jsx(Styled.ProgressPanelActivityWrapper, {
-      children: /*#__PURE__*/_jsxs(Styled.ProgressPanelActivity, {
-        children: [/*#__PURE__*/_jsxs(Styled.ActivityInfo, {
-          $opacity: isProgressPanelActive(status) && 0.7,
-          "aria-label": activityTitle,
-          title: activityTitle,
-          children: [/*#__PURE__*/_jsx(ProgressPanelFileIcon, {
-            activity: activity
-          }), /*#__PURE__*/_jsxs(Styled.ActivityInfoMain, {
-            children: [/*#__PURE__*/_jsx(Styled.ActivityFileState, {
-              children: activityStatusLabel
-            }), name && /*#__PURE__*/_jsx(Styled.ActivityFileName, {
-              children: name
-            })]
-          })]
-        }), !almostCompleted && /*#__PURE__*/_jsx(ActivityActions, {
-          hideRetryButton: hideRetryButton,
-          id: id,
-          status: status,
-          i18n: i18n,
-          actionButtons: actionButtons,
-          handleAction: handleAction
-        }), /*#__PURE__*/_jsx(ActivityStatus, {
-          status: status,
-          statusTitle: activityStatusLabel,
-          percentage: percentage,
-          almostCompleted: almostCompleted,
-          i18n: i18n
-        })]
-      })
-    }), !isLastItem && /*#__PURE__*/_jsx(Divider, {})]
-  });
-};
-export default Activity;

package/lib/components/ActivityActions.js

@@ -1,63 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { PROGRESS_PANEL_STATUS } from '@scaleflex/widget-utils/lib/constants';
-import CancelButton from './CancelButton';
-import { ACTIVITY_BUTTON_ICONS } from '../ProgressPanel.constants';
-import RetryButton from './RetryButton';
-import Styled from '../ProgressPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ActivityActions = function ActivityActions(_ref) {
-  var _activityActions$stat;
-  var id = _ref.id,
-    status = _ref.status,
-    actionButtons = _ref.actionButtons,
-    i18n = _ref.i18n,
-    handleAction = _ref.handleAction,
-    hideRetryButton = _ref.hideRetryButton;
-  var activityActions = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PROGRESS_PANEL_STATUS.PREPARING, function () {
-    return /*#__PURE__*/_jsx(CancelButton, {
-      id: id,
-      i18n: i18n
-    });
-  }), PROGRESS_PANEL_STATUS.PROGRESSING, function () {
-    return /*#__PURE__*/_jsx(CancelButton, {
-      id: id,
-      i18n: i18n
-    });
-  }), PROGRESS_PANEL_STATUS.PAUSED, function () {
-    return /*#__PURE__*/_jsx(CancelButton, {
-      id: id,
-      i18n: i18n
-    });
-  }), PROGRESS_PANEL_STATUS.ERROR, function () {
-    return !hideRetryButton && /*#__PURE__*/_jsx(RetryButton, {
-      id: id,
-      i18n: i18n
-    });
-  });
-  return /*#__PURE__*/_jsxs(Styled.ActionButtonsWrapper, {
-    children: [(_activityActions$stat = activityActions[status]) === null || _activityActions$stat === void 0 ? void 0 : _activityActions$stat.call(activityActions), actionButtons && actionButtons.map(function (button) {
-      var ButtonIcon = ACTIVITY_BUTTON_ICONS[button.icon];
-      return ButtonIcon && /*#__PURE__*/_jsx(Styled.ActionButton, {
-        size: "sm",
-        color: "primary",
-        onClick: function onClick(event) {
-          return handleAction(event, button.type);
-        },
-        "aria-label": i18n(button.titleI18nKey),
-        title: i18n(button.titleI18nKey),
-        isResumeButton: button.type === 'play',
-        children: function children(iconProps) {
-          return /*#__PURE__*/_jsx(ButtonIcon, _objectSpread(_objectSpread({}, iconProps), {}, {
-            size: 12
-          }));
-        }
-      }, i18n(button.titleI18nKey));
-    })]
-  });
-};
-export default ActivityActions;

package/lib/components/ActivityCircularProgress/ActivityCircularProgress.styled.js

@@ -1,39 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import styled, { css, keyframes } from 'styled-components';
-import { PC } from '@scaleflex/widget-common';
-var circulate = keyframes({
-  '0%': {
-    // let the progress start at the top of the ring
-    transform: 'rotate(-90deg)'
-  },
-  '100%': {
-    transform: 'rotate(270deg)'
-  }
-});
-var CircularProgressRoot = styled.span(function (_ref) {
-  var palette = _ref.theme.palette,
-    determinate = _ref.determinate;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 22px;\n  height: 22px;\n  color: ", ";\n\n  ", "\n\n  ", "\n"])), palette[PC.Success], determinate && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    transform: rotate(-90deg);\n    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  "]))), !determinate && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["animation: 0.5s linear 0s infinite normal none running ", ";"])), circulate));
-});
-var CircularProgressSvg = styled.svg(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: block\n"])));
-var CircularProgressTrack = styled.circle(function (_ref2) {
-  var palette = _ref2.theme.palette,
-    size = _ref2.size,
-    thickness = _ref2.thickness;
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  cx:  ", ";\n  cy:   ", ";\n  r:  ", ";\n  fill: transparent;\n  stroke: ", ";\n  stroke-width: ", " ;\n"])), size, size, (size - thickness) / 2, palette[PC.BackgroundGrey], thickness);
-});
-var CircularProgress = styled.circle(function (_ref3) {
-  var size = _ref3.size,
-    thickness = _ref3.thickness,
-    strokeDasharray = _ref3.strokeDasharray,
-    strokeDashoffset = _ref3.strokeDashoffset;
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  cx:   ", ";\n  cy:   ", ";\n  r:  ", ";\n  fill: none;\n  stroke: currentColor;\n  stroke-dasharray:  ", ";\n  stroke-dashoffset: ", ";\n  stroke-width: ", " ;\n  transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n"])), size, size, (size - thickness) / 2, strokeDasharray, strokeDashoffset, thickness);
-});
-var Styled = {
-  CircularProgressRoot: CircularProgressRoot,
-  CircularProgress: CircularProgress,
-  CircularProgressTrack: CircularProgressTrack,
-  CircularProgressSvg: CircularProgressSvg
-};
-export default Styled;

package/lib/components/ActivityCircularProgress/index.js

@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-import Styled from './ActivityCircularProgress.styled';
-import StyledProgressPanel from '../../ProgressPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var SIZE = 44;
-var ActivityCircularProgress = function ActivityCircularProgress(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 0 : _ref$value,
-    _ref$thickness = _ref.thickness,
-    thickness = _ref$thickness === void 0 ? 6 : _ref$thickness,
-    determinate = _ref.determinate,
-    statusTitle = _ref.statusTitle;
-  var circumference = useMemo(function () {
-    return 2 * Math.PI * ((SIZE - thickness) / 2);
-  }, [thickness]);
-  return /*#__PURE__*/_jsx(StyledProgressPanel.ActivityStatus, {
-    "aria-label": statusTitle,
-    title: statusTitle,
-    children: /*#__PURE__*/_jsx(Styled.CircularProgressRoot, {
-      "aria-valuenow": value,
-      determinate: determinate,
-      children: /*#__PURE__*/_jsxs(Styled.CircularProgressSvg, {
-        viewBox: "22 22 44 44",
-        children: [/*#__PURE__*/_jsx(Styled.CircularProgressTrack, {
-          size: SIZE,
-          thickness: thickness
-        }), /*#__PURE__*/_jsx(Styled.CircularProgress, {
-          size: SIZE,
-          thickness: thickness,
-          strokeDasharray: circumference.toFixed(3),
-          strokeDashoffset: ((100 - value) / 100 * circumference).toFixed(3)
-        })]
-      })
-    })
-  });
-};
-export default ActivityCircularProgress;

package/lib/components/ActivityStatus.js

@@ -1,51 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useTheme } from '@scaleflex/ui/theme/hooks';
-import { Success, WarningRound } from '@scaleflex/icons';
-import { PC } from '@scaleflex/widget-common';
-import { PROGRESS_PANEL_STATUS } from '@scaleflex/widget-utils/lib/constants';
-import Styled from '../ProgressPanel.styled';
-import ActivityCircularProgress from './ActivityCircularProgress';
-import { jsx as _jsx } from "react/jsx-runtime";
-var activityStatusToComponent = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PROGRESS_PANEL_STATUS.PREPARING, ActivityCircularProgress), PROGRESS_PANEL_STATUS.PROGRESSING, ActivityCircularProgress), PROGRESS_PANEL_STATUS.PAUSED, ActivityCircularProgress), PROGRESS_PANEL_STATUS.DELAYED, function (_ref) {
-  var theme = _ref.theme;
-  return /*#__PURE__*/_jsx(Success, {
-    size: 22,
-    color: theme.palette[PC.Success]
-  });
-}), PROGRESS_PANEL_STATUS.COMPLETE, function (_ref2) {
-  var theme = _ref2.theme;
-  return /*#__PURE__*/_jsx(Success, {
-    size: 22,
-    color: theme.palette[PC.Success]
-  });
-}), PROGRESS_PANEL_STATUS.ERROR, function (_ref3) {
-  var theme = _ref3.theme;
-  return /*#__PURE__*/_jsx(WarningRound, {
-    size: 22,
-    color: theme.palette[PC.Error]
-  });
-});
-var ActivityStatus = function ActivityStatus(_ref4) {
-  var status = _ref4.status,
-    statusTitle = _ref4.statusTitle,
-    percentage = _ref4.percentage,
-    almostCompleted = _ref4.almostCompleted,
-    i18n = _ref4.i18n;
-  var theme = useTheme();
-  var indeterminate = status === PROGRESS_PANEL_STATUS.PREPARING || almostCompleted;
-  var title = statusTitle || status;
-  var ActivityStatusComp = activityStatusToComponent[status];
-  return /*#__PURE__*/_jsx(Styled.ActivityStatus, {
-    title: title,
-    children: ActivityStatusComp && /*#__PURE__*/_jsx(ActivityStatusComp, {
-      theme: theme,
-      value: indeterminate ? 25 : percentage,
-      determinate: !indeterminate,
-      statusTitle: almostCompleted ? i18n('progressPanelAssetProcessingTitle') : title
-    })
-  });
-};
-export default ActivityStatus;

package/lib/components/CancelButton.js

@@ -1,34 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Cross } from '@scaleflex/icons';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import Styled from '../ProgressPanel.styled';
-import { jsx as _jsx } from "react/jsx-runtime";
-var CancelButton = function CancelButton(_ref) {
-  var id = _ref.id,
-    i18n = _ref.i18n;
-  var _useCore = useCore(),
-    emit = _useCore.emit;
-  var handleCancel = function handleCancel() {
-    emit('activity-cancel', {
-      id: id
-    });
-  };
-  return /*#__PURE__*/_jsx(Styled.ActionButton, {
-    size: "sm",
-    color: "primary",
-    onClick: handleCancel,
-    "aria-label": i18n('progressPanelProgressActionTitle'),
-    title: i18n('progressPanelProgressActionTitle'),
-    children: function children(iconProps) {
-      return /*#__PURE__*/_jsx(Cross, _objectSpread(_objectSpread({}, iconProps), {}, {
-        size: 12
-      }));
-    }
-  });
-};
-export default CancelButton;

package/lib/components/ProgressPanel.js

@@ -1,71 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
-import { VirtualList } from '@scaleflex/widget-common';
-import { EVENTS } from '@scaleflex/widget-utils/lib/constants';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import { selectProgressPanelActivitiesIds, selectIsProgressPanelMinimized, selectShowProgressPanel, selectProgressPanelDelayedActivitiesIds } from '../progressPanel.slice';
-import ProgressPanelItem from './ProgressPanelItem';
-import ProgressPanelHeader from './ProgressPanelHeader';
-import Styled from '../ProgressPanel.styled';
-import UploadDelayedNotification from './UploadDelayedNotification';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ProgressPanel = function ProgressPanel(_ref) {
-  var i18n = _ref.i18n,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 9999 : _ref$zIndex,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'fixed' : _ref$position;
-  var _useCore = useCore(),
-    on = _useCore.on,
-    off = _useCore.off;
-  var progressPanelActivitiesIds = useSelector(selectProgressPanelActivitiesIds);
-  var isPanelMinimized = useSelector(selectIsProgressPanelMinimized);
-  var showProgressPanel = useSelector(selectShowProgressPanel);
-  var progressPanelDelayedActivitiesIds = useSelector(selectProgressPanelDelayedActivitiesIds);
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    style = _useState2[0],
-    setStyle = _useState2[1];
-  var handleOnStyleChange = function handleOnStyleChange(newStyle) {
-    setStyle(newStyle);
-  };
-  useEffect(function () {
-    on(EVENTS.CHANGE_PROGRESS_PANEL_STYLE, handleOnStyleChange);
-    return function () {
-      off(EVENTS.CHANGE_PROGRESS_PANEL_STYLE, handleOnStyleChange);
-    };
-  }, []);
-  return /*#__PURE__*/_jsxs(Styled.ProgressPanelContainer, {
-    className: "filerobot-progressPanel",
-    zIndex: zIndex,
-    show: showProgressPanel,
-    isMinimized: isPanelMinimized,
-    position: position,
-    style: style,
-    role: "dialog",
-    "aria-label": "Progress panel",
-    children: [/*#__PURE__*/_jsx(ProgressPanelHeader, {
-      i18n: i18n
-    }), progressPanelDelayedActivitiesIds.length > 0 && /*#__PURE__*/_jsx(UploadDelayedNotification, {
-      i18n: i18n
-    }), !isPanelMinimized && /*#__PURE__*/_jsx(Styled.ProgressPanelList, {
-      role: "list",
-      children: /*#__PURE__*/_jsx(VirtualList, {
-        items: progressPanelActivitiesIds,
-        injectedItemPropName: "activityId",
-        children: /*#__PURE__*/_jsx(ProgressPanelItem, {
-          itemsCount: progressPanelActivitiesIds.length,
-          i18n: i18n,
-          role: "listitem"
-        })
-      })
-    })]
-  });
-};
-export default ProgressPanel;

package/lib/components/ProgressPanelHeader.js

@@ -1,78 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useSelector, useDispatch } from 'react-redux';
-import throttle from 'lodash.throttle';
-import { Cross } from '@scaleflex/icons';
-import prettyETA from '@scaleflex/widget-utils/lib/prettyETA';
-import { useCore } from '@scaleflex/widget-core/lib/hooks';
-import { selectProgressPanelInProgressActivitiesIds, selectProgressPanelCompletedActivitiesIds, selectProgressPanelTotalEta, selectIsProgressPanelMinimized, progressPanelMinimized, resetPanel } from '../progressPanel.slice';
-import Styled from '../ProgressPanel.styled';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ProgressPanelHeader = function ProgressPanelHeader(_ref) {
-  var i18n = _ref.i18n;
-  var dispatch = useDispatch();
-  var _useCore = useCore(),
-    cancelUploads = _useCore.cancelUploads,
-    emit = _useCore.emit;
-  var isPanelMinimized = useSelector(selectIsProgressPanelMinimized);
-  var inProgressActivitiesIds = useSelector(selectProgressPanelInProgressActivitiesIds);
-  var completedActivitiesIds = useSelector(selectProgressPanelCompletedActivitiesIds);
-  var totalEta = useSelector(selectProgressPanelTotalEta);
-  var togglePanel = function togglePanel() {
-    dispatch(progressPanelMinimized(!isPanelMinimized));
-    emit('progressPanel-minimize', !isPanelMinimized);
-  };
-  var closeProgressPanel = function closeProgressPanel() {
-    dispatch(resetPanel());
-    cancelUploads();
-  };
-  var ProgressPanelEta = throttle(function () {
-    return /*#__PURE__*/_jsx(Styled.ProgressPanelEta, {
-      children: i18n('progressPanelEtaLeftText', {
-        time: prettyETA(totalEta)
-      })
-    });
-  }, 500, {
-    leading: true,
-    trailing: true
-  });
-  var isPanelActive = inProgressActivitiesIds.length;
-  var panelItems = isPanelActive ? inProgressActivitiesIds : completedActivitiesIds;
-  return /*#__PURE__*/_jsxs(Styled.ProgressPanelHeader, {
-    isMinimized: isPanelMinimized,
-    children: [/*#__PURE__*/_jsxs(Styled.ProgressPanelInfo, {
-      children: [/*#__PURE__*/_jsx(Styled.ProgressPanelState, {
-        hasTotalEta: !!totalEta,
-        children: "".concat(isPanelActive ? i18n('progressPanelProcessingHeaderLabel') : i18n('progressPanelProcessedHeaderLabel'), "\n          (").concat(panelItems.length, " ").concat(i18n('progressPanelHeaderItemsText', {
-          smart_count: panelItems.length
-        }), ")")
-      }), !!totalEta && /*#__PURE__*/_jsx(ProgressPanelEta, {})]
-    }), /*#__PURE__*/_jsxs(Styled.ProgressPanelActions, {
-      children: [/*#__PURE__*/_jsx(Styled.ProgressPanelIconButton, {
-        onClick: togglePanel,
-        size: "xs",
-        color: "basic",
-        children: function children(iconProps) {
-          return /*#__PURE__*/_jsx(Styled.Arrow, _objectSpread(_objectSpread({}, iconProps), {}, {
-            $isMinimized: isPanelMinimized,
-            size: 12
-          }));
-        }
-      }), !isPanelActive && /*#__PURE__*/_jsx(Styled.ProgressPanelIconButton, {
-        onClick: closeProgressPanel,
-        size: "xs",
-        color: "basic",
-        children: function children(iconProps) {
-          return /*#__PURE__*/_jsx(Cross, _objectSpread(_objectSpread({}, iconProps), {}, {
-            size: 12
-          }));
-        }
-      })]
-    })]
-  });
-};
-export default ProgressPanelHeader;

package/lib/components/ProgressPanelItem.js

@@ -1,21 +0,0 @@
-import { useSelector } from 'react-redux';
-import { selectProgressPanelActivityById } from '../progressPanel.slice';
-import Activity from './Activity';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ProgressPanelItem = function ProgressPanelItem(_ref) {
-  var activityId = _ref.activityId,
-    index = _ref.index,
-    itemsCount = _ref.itemsCount,
-    i18n = _ref.i18n,
-    role = _ref.role;
-  var activity = useSelector(function (state) {
-    return selectProgressPanelActivityById(state, activityId);
-  });
-  return /*#__PURE__*/_jsx(Activity, {
-    activity: activity,
-    isLastItem: index === itemsCount - 1,
-    i18n: i18n,
-    role: role
-  }, activity.id);
-};
-export default ProgressPanelItem;