@braineet/ui/dist/cjs/components/file/File.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.File = void 0;
var _react = _interopRequireDefault(require("react"));
var _icon = _interopRequireDefault(require("../icon"));
var _link = _interopRequireDefault(require("../link"));
var _pane = _interopRequireDefault(require("../pane"));
var _text = _interopRequireDefault(require("../text"));
var _tooltip = require("../tooltip");
var _utils = require("../upload/useUploadState/utils");
var _styles = require("./styles");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["file", "status", "children", "display"];
/* eslint-disable no-nested-ternary */
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
var File = exports.File = function File(_ref) {
  var file = _ref.file,
    status = _ref.status,
    children = _ref.children,
    display = _ref.display,
    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var name = file.name,
    thumbUrl = file.thumbUrl,
    icon = file.icon,
    tooltipText = file.tooltipText;
  var iconPropsByStatus = _react.default.useMemo(function () {
    if (icon === null) return;
    switch (status) {
      case 'error':
        return {
          color: null
        };
      default:
        {
          var _getFileIcon, _getFileIcon2;
          return {
            name: (icon == null ? void 0 : icon.name) || ((_getFileIcon = (0, _utils.getFileIcon)(file)) == null ? void 0 : _getFileIcon.name),
            color: (icon == null ? void 0 : icon.color) || ((_getFileIcon2 = (0, _utils.getFileIcon)(file)) == null ? void 0 : _getFileIcon2.color)
          };
        }
    }
  }, [status]);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileContainer, _extends({
    status: status,
    $display: display
  }, restProps, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
      placement: "bottom-start",
      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_text.default, {
        display: "block",
        textAlign: "left",
        "aria-hidden": "true",
        maxWidth: "240px",
        minWidth: "auto",
        size: "xs",
        children: tooltipText || name
      }),
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pane.default, {
        display: "flex",
        maxWidth: "100%",
        minWidth: "0",
        children: [thumbUrl || iconPropsByStatus ? thumbUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileThumb, {
          thumbUrl: thumbUrl
        }) : iconPropsByStatus != null && iconPropsByStatus.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileIconWrapper, {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, _extends({}, iconPropsByStatus))
        }) : null : null, display === 'row' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_pane.default, {
          display: "flex",
          alignY: "center",
          minWidth: "0",
          flexGrow: 1,
          marginLeft: "8px",
          children: (file == null ? void 0 : file.type) === 'link' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_link.default, _extends({
            size: "small",
            textOverflow: "ellipsis",
            whiteSpace: "nowrap",
            display: "block",
            overflow: "hidden"
          }, file, {
            children: name
          })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_text.default, {
            size: "xs",
            textOverflow: "ellipsis",
            whiteSpace: "nowrap",
            display: "block",
            overflow: "hidden",
            children: name
          })
        }) : null]
      })
    }), children]
  }));
};
File.defaultProps = {
  display: 'row'
};