@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.64 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Typography"),i=require("@mui/material/Stack"),r=require("@mui/material/Tooltip"),s=require("@mui/icons-material/SubdirectoryArrowRightOutlined"),l=require("./FileUserCell.js"),n=require("../../../core/util/functions/index.js"),a=require("../utils/getFileIcon.js"),o=require("../models/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(t),c=d(i),m=d(r),x=d(s);const f="NexusFileNameCell";exports.FileNameCell=t=>{const{row:i,isMobile:r,onAction:s}=t,d=i.isFolder?"-":n.getHumanFileSize(i.size,!0),j=a.getFileIcon(i.name,i.isFolder,i.icon);return e.jsxs(c.default,{"data-testid":`${f}-root`,justifyContent:"center",alignItems:"flex-start",spacing:2,sx:{mt:{xs:2.5,sm:0},mb:{xs:2.5,sm:0}},children:[e.jsxs(c.default,{direction:"row",justifyContent:"center",alignItems:"center",spacing:2,sx:{cursor:i.isFolder?"pointer":"inherit"},children:[i.isSubFile&&e.jsx(x.default,{fontSize:"small",sx:{color:"grey.300"},"data-testid":`${f}-subIcon`}),j,e.jsx(m.default,{title:i.name,children:e.jsx(u.default,{"data-testid":`${f}-name`,variant:"body2",color:"text.secondary",noWrap:!0,onClick:()=>{i.isFolder&&s(i,o.FileAction.Folder)},children:i.name})})]}),r&&e.jsxs(c.default,{justifyContent:"center",alignItems:"flex-start",spacing:2,children:[e.jsx(l.FileUserCell,{row:i}),e.jsx(u.default,{color:"text.secondary",variant:"body2","data-testid":`${f}-size`,children:d}),e.jsx(u.default,{color:"text.secondary",variant:"body2","data-testid":`${f}-time`,children:i.updatedTime})]})]})};