carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.25 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../../link/link.component.js"),t=require("../../../button-minor/button-minor.component.js"),n=require("../../../typography/typography.style.js"),o=require("../../../progress-tracker/progress-tracker.style.js"),s=require("../../../loader-bar/loader-bar.component.js"),l=require("../../../icon/icon.component.js"),i=require("./file-upload-status.style.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js");function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}function p(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const d=c=>{var{status:d,filename:y,message:j,onAction:b,iconType:f="file_generic"}=c,g=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["status","filename","message","onAction","iconType"]);const O=a.default(),m=j||O.fileInput.fileUploadStatus();let h,x,S=null;switch(d){case"uploading":h=O.fileInput.actions.cancel(),S=void 0===g.progress?e.jsx(s.LoaderBar,{}):e.jsx(o.StyledProgressBar,{"data-element":"progress-tracker-bar","data-role":"progress-tracker-bar",progress:g.progress,"aria-hidden":"true",children:e.jsx(o.InnerBar,{"data-element":"inner-bar","data-role":"inner-bar",size:"medium",progress:g.progress,error:!1})});break;case"previously":case"completed":h=O.fileInput.actions.delete(),x=p(u({},g),{icon:f});break;case"error":h=O.fileInput.actions.clear()}const w=e.jsx(t.ButtonMinor,{onClick:b,buttonType:"tertiary",children:h}),v=x?e.jsx(r.Link,p(u({download:Boolean("completed"===d)},x),{children:y})):e.jsxs(e.Fragment,{children:[e.jsx(l.default,{type:f}),e.jsx("span",{children:y})]}),P="previously"!==d?e.jsxs(i.StyledFileUploadStatusRow,{children:[e.jsx(n.default,{as:"p",mb:0,"aria-live":"polite",children:m}),w]}):e.jsxs(i.StyledFileUploadStatusRow,{onlyRow:!0,children:[e.jsx(i.StyledFileLinkContainer,{children:v}),w]}),k="previously"!==d?e.jsx(i.StyledFileUploadStatusRow,{upperPadding:!0,lowerPadding:!0,children:e.jsx(i.StyledFileLinkContainer,{children:v})}):null;return e.jsxs(i.StyledFileUploadStatus,{"data-role":"file-upload-status",hasError:"error"===d,children:[P,k,S]})};exports.FileUploadStatus=d,exports.default=d;