cozy-ui 131.2.0 → 133.0.0-beta.1

package/transpiled/react/FileImageLoader/index.js

@@ -1,368 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import PropTypes from 'prop-types';
-import { Component } from 'react';
-import { withClient } from 'cozy-client';
-import { isEncrypted } from 'cozy-client/dist/models/file';
-import logger from 'cozy-logger';
-var PENDING = 'PENDING';
-var LOADING_LINK = 'LOADING_LINK';
-var LOADING_FALLBACK = 'LOADING_FALLBACK';
-var LOADED = 'LOADED';
-var FAILED = 'FAILED';
-var GET_LINK = 'GET_LINK';
-import { checkImageSource } from "cozy-ui/transpiled/react/FileImageLoader/checkImageSource";
-import { EncryptedContext } from "cozy-ui/transpiled/react/providers/Encrypted";
-export var FileImageLoader = /*#__PURE__*/function (_Component) {
-  _inherits(FileImageLoader, _Component);
-
-  var _super = _createSuper(FileImageLoader);
-
-  function FileImageLoader() {
-    var _this;
-
-    _classCallCheck(this, FileImageLoader);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      src: null
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_mounted", false);
-
-    _defineProperty(_assertThisInitialized(_this), "handleCreate", function (doc) {
-      var _this$props = _this.props,
-          file = _this$props.file,
-          linkType = _this$props.linkType;
-
-      if (file._id === doc._id && doc.format === linkType) {
-        _this.loadLink();
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(FileImageLoader, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var client = this.props.client;
-      this._mounted = true;
-      this.status = PENDING;
-      this.loadNextSrc();
-      this.realtime = client.plugins.realtime;
-      this.type = 'io.cozy.files.thumbnails';
-      this.realtime.subscribe('created', this.type, this.handleCreate);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._mounted = false;
-
-      if (this.img) {
-        this.img.onload = this.img.onerror = null;
-        this.img.src = '';
-      }
-
-      this.realtime && this.realtime.unsubscribe('created', this.type, this.handleCreate);
-    }
-    /**
-     * Reload the link when realtime tell us that the
-     * thumbnail is created. By default linkType === small
-     */
-
-  }, {
-    key: "getFileId",
-    value: function getFileId(file) {
-      return file.id || file._id;
-    }
-  }, {
-    key: "loadNextSrc",
-    value: function loadNextSrc() {
-      var lastError = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var file = this.props.file;
-
-      if (isEncrypted(file)) {
-        // No link available for encrypted files
-        return;
-      }
-
-      if (this.status === PENDING) this.getLink();else if (this.status === GET_LINK) this.loadLink();else if (this.status === LOADING_LINK) this.loadFallback();else if (this.status === LOADING_FALLBACK) {
-        logger.warn('failed loading thumbnail', lastError);
-        this.setState({
-          status: FAILED
-        });
-        this.props.onError(lastError);
-      }
-    }
-  }, {
-    key: "fetchFileLinks",
-    value: function () {
-      var _fetchFileLinks = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return this.props.client.collection('io.cozy.files').get(this.getFileId(file));
-
-              case 2:
-                response = _context.sent;
-
-                if (response.data.links) {
-                  _context.next = 5;
-                  break;
-                }
-
-                throw new Error('Could not fetch file links');
-
-              case 5:
-                return _context.abrupt("return", response.data.links);
-
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function fetchFileLinks(_x) {
-        return _fetchFileLinks.apply(this, arguments);
-      }
-
-      return fetchFileLinks;
-    }()
-  }, {
-    key: "getLink",
-    value: function () {
-      var _getLink = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _this$props2, file, linkType, client, link, src;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                this.status = GET_LINK;
-                _this$props2 = this.props, file = _this$props2.file, linkType = _this$props2.linkType, client = _this$props2.client;
-                _context2.prev = 2;
-                link = file.links ? file.links[linkType] : false;
-
-                if (link) {
-                  _context2.next = 6;
-                  break;
-                }
-
-                throw new Error("".concat(linkType, " link is not available"));
-
-              case 6:
-                src = client.getStackClient().uri + link;
-                _context2.next = 9;
-                return checkImageSource(src);
-
-              case 9:
-                if (this._mounted) {
-                  this.status = LOADED;
-                  this.setState({
-                    src: src
-                  });
-                }
-
-                _context2.next = 15;
-                break;
-
-              case 12:
-                _context2.prev = 12;
-                _context2.t0 = _context2["catch"](2);
-                this.loadNextSrc(_context2.t0);
-
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[2, 12]]);
-      }));
-
-      function getLink() {
-        return _getLink.apply(this, arguments);
-      }
-
-      return getLink;
-    }()
-  }, {
-    key: "loadLink",
-    value: function () {
-      var _loadLink = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _this$props3, file, linkType, client, links, link, src;
-
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                this.status = LOADING_LINK;
-                _this$props3 = this.props, file = _this$props3.file, linkType = _this$props3.linkType, client = _this$props3.client;
-                _context3.prev = 2;
-                _context3.next = 5;
-                return this.fetchFileLinks(file);
-
-              case 5:
-                links = _context3.sent;
-                link = links[linkType];
-
-                if (link) {
-                  _context3.next = 9;
-                  break;
-                }
-
-                throw new Error("".concat(linkType, " link is not available"));
-
-              case 9:
-                src = client.getStackClient().uri + link;
-                _context3.next = 12;
-                return checkImageSource(src);
-
-              case 12:
-                if (this._mounted) {
-                  this.status = LOADED;
-                  this.setState({
-                    src: src
-                  });
-                }
-
-                _context3.next = 19;
-                break;
-
-              case 15:
-                _context3.prev = 15;
-                _context3.t0 = _context3["catch"](2);
-                logger.error(_context3.t0);
-                this.loadNextSrc(_context3.t0);
-
-              case 19:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this, [[2, 15]]);
-      }));
-
-      function loadLink() {
-        return _loadLink.apply(this, arguments);
-      }
-
-      return loadLink;
-    }()
-  }, {
-    key: "loadFallback",
-    value: function () {
-      var _loadFallback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _this$props4, file, client, src;
-
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                this.status = LOADING_FALLBACK;
-                _this$props4 = this.props, file = _this$props4.file, client = _this$props4.client;
-                _context4.prev = 2;
-
-                if (!(file.class === 'pdf')) {
-                  _context4.next = 5;
-                  break;
-                }
-
-                throw new Error('No pdf files fallback');
-
-              case 5:
-                _context4.next = 7;
-                return client.collection('io.cozy.files', {
-                  driveId: file.driveId
-                }).getDownloadLinkById(this.getFileId(file), file.name);
-
-              case 7:
-                src = _context4.sent;
-                _context4.next = 10;
-                return checkImageSource(src);
-
-              case 10:
-                if (this._mounted) {
-                  this.status = LOADED;
-                  this.setState({
-                    src: src
-                  });
-                }
-
-                _context4.next = 16;
-                break;
-
-              case 13:
-                _context4.prev = 13;
-                _context4.t0 = _context4["catch"](2);
-                this.loadNextSrc(_context4.t0);
-
-              case 16:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this, [[2, 13]]);
-      }));
-
-      function loadFallback() {
-        return _loadFallback.apply(this, arguments);
-      }
-
-      return loadFallback;
-    }()
-  }, {
-    key: "render",
-    value: function render() {
-      var src = this.state.src;
-      var _this$props5 = this.props,
-          render = _this$props5.render,
-          renderFallback = _this$props5.renderFallback;
-
-      if (this.context && this.context.url) {
-        return render(this.context.url);
-      }
-
-      if (src) return render(src);else if (renderFallback) return renderFallback();else return null;
-    }
-  }]);
-
-  return FileImageLoader;
-}(Component);
-
-_defineProperty(FileImageLoader, "contextType", EncryptedContext);
-
-FileImageLoader.propTypes = {
-  file: PropTypes.object.isRequired,
-  render: PropTypes.func.isRequired,
-  linkType: PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'icon']),
-  onError: PropTypes.func,
-  renderFallback: PropTypes.func
-};
-FileImageLoader.defaultProps = {
-  linkType: 'small',
-  onError: function onError() {}
-};
-export default withClient(FileImageLoader);

package/transpiled/react/FileImageLoader/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/transpiled/react/FilePicker/FilePickerBody.d.ts

@@ -1,19 +0,0 @@
-export default FilePickerBody;
-declare function FilePickerBody({ navigateTo, folderId, onSelectItemId, itemsIdsSelected, itemTypesAccepted, multiple }: {
-    navigateTo: any;
-    folderId: any;
-    onSelectItemId: any;
-    itemsIdsSelected: any;
-    itemTypesAccepted: any;
-    multiple: any;
-}): JSX.Element;
-declare namespace FilePickerBody {
-    namespace propTypes {
-        const onSelectItemId: PropTypes.Validator<(...args: any[]) => any>;
-        const itemsIdsSelected: PropTypes.Validator<(string | null)[]>;
-        const folderId: PropTypes.Validator<string>;
-        const navigateTo: PropTypes.Validator<(...args: any[]) => any>;
-        const itemTypesAccepted: PropTypes.Validator<(string | null)[]>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/FilePicker/FilePickerBody.js

@@ -1,85 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import PropTypes from 'prop-types';
-import React, { useCallback } from 'react';
-import { models, useQuery } from 'cozy-client';
-import FilePickerBodyItem from "cozy-ui/transpiled/react/FilePicker/FilePickerBodyItem";
-import { buildContentFolderQuery } from "cozy-ui/transpiled/react/FilePicker/queries";
-import List from "cozy-ui/transpiled/react/List";
-import LoadMore from "cozy-ui/transpiled/react/LoadMore";
-import { isValidFile } from "cozy-ui/transpiled/react/helpers/acceptedTypes";
-var isDirectory = models.file.isDirectory;
-
-var FilePickerBody = function FilePickerBody(_ref) {
-  var navigateTo = _ref.navigateTo,
-      folderId = _ref.folderId,
-      onSelectItemId = _ref.onSelectItemId,
-      itemsIdsSelected = _ref.itemsIdsSelected,
-      itemTypesAccepted = _ref.itemTypesAccepted,
-      multiple = _ref.multiple;
-  var contentFolderQuery = buildContentFolderQuery(folderId);
-
-  var _useQuery = useQuery(contentFolderQuery.definition, contentFolderQuery.options),
-      contentFolder = _useQuery.data,
-      hasMore = _useQuery.hasMore,
-      fetchMore = _useQuery.fetchMore;
-
-  var onCheck = useCallback(function (itemId) {
-    var isChecked = itemsIdsSelected.some(function (fileIdSelected) {
-      return fileIdSelected === itemId;
-    });
-
-    if (isChecked) {
-      onSelectItemId(itemsIdsSelected.filter(function (fileIdSelected) {
-        return fileIdSelected !== itemId;
-      }));
-    } else onSelectItemId(function (prev) {
-      return [].concat(_toConsumableArray(prev), [itemId]);
-    });
-  }, [itemsIdsSelected, onSelectItemId]); // When click on checkbox/radio area...
-
-  var handleChoiceClick = useCallback(function (item) {
-    return function () {
-      if (multiple) onCheck(item._id);else onSelectItemId(item._id);
-    };
-  }, [multiple, onCheck, onSelectItemId]); // ...when click anywhere on the rest of the line
-
-  var handleListItemClick = useCallback(function (item) {
-    return function () {
-      if (isDirectory(item)) {
-        navigateTo(contentFolder.find(function (it) {
-          return it._id === item._id;
-        }));
-      }
-
-      if (isValidFile(item, itemTypesAccepted)) {
-        if (multiple) onCheck(item._id);else onSelectItemId(item._id);
-      }
-    };
-  }, [contentFolder, itemTypesAccepted, multiple, navigateTo, onCheck, onSelectItemId]);
-  return /*#__PURE__*/React.createElement(List, null, contentFolder && contentFolder.map(function (item, idx) {
-    var hasDivider = contentFolder ? idx !== contentFolder.length - 1 : false;
-    return /*#__PURE__*/React.createElement(FilePickerBodyItem, {
-      key: item._id,
-      item: item,
-      itemTypesAccepted: itemTypesAccepted,
-      multiple: multiple,
-      handleChoiceClick: handleChoiceClick,
-      handleListItemClick: handleListItemClick,
-      onCheck: onCheck,
-      itemsIdsSelected: itemsIdsSelected,
-      hasDivider: hasDivider
-    });
-  }), hasMore && /*#__PURE__*/React.createElement(LoadMore, {
-    label: "loadMore",
-    fetchMore: fetchMore
-  }));
-};
-
-FilePickerBody.propTypes = {
-  onSelectItemId: PropTypes.func.isRequired,
-  itemsIdsSelected: PropTypes.arrayOf(PropTypes.string).isRequired,
-  folderId: PropTypes.string.isRequired,
-  navigateTo: PropTypes.func.isRequired,
-  itemTypesAccepted: PropTypes.arrayOf(PropTypes.string).isRequired
-};
-export default FilePickerBody;

package/transpiled/react/FilePicker/FilePickerBodyItem.d.ts

@@ -1,22 +0,0 @@
-export default FilePickerBodyItem;
-declare function FilePickerBodyItem({ item, itemTypesAccepted, multiple, handleChoiceClick, handleListItemClick, itemsIdsSelected, hasDivider }: {
-    item: any;
-    itemTypesAccepted: any;
-    multiple: any;
-    handleChoiceClick: any;
-    handleListItemClick: any;
-    itemsIdsSelected: any;
-    hasDivider: any;
-}): JSX.Element;
-declare namespace FilePickerBodyItem {
-    namespace propTypes {
-        const item: PropTypes.Validator<object>;
-        const itemTypesAccepted: PropTypes.Validator<(string | null)[]>;
-        const multiple: PropTypes.Requireable<boolean>;
-        const handleChoiceClick: PropTypes.Validator<(...args: any[]) => any>;
-        const handleListItemClick: PropTypes.Validator<(...args: any[]) => any>;
-        const itemsIdsSelected: PropTypes.Validator<(string | null)[]>;
-        const hasDivider: PropTypes.Validator<boolean>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/FilePicker/FilePickerBodyItem.js

@@ -1,105 +0,0 @@
-import cx from 'classnames';
-import filesize from 'filesize';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { models } from 'cozy-client';
-var styles = {
-  "filePickerBreadcrumb-previousPath": "styles__filePickerBreadcrumb-previousPath___3LKJH",
-  "filePickerBreadcrumb-icon": "styles__filePickerBreadcrumb-icon___3aFyd",
-  "filePickerBreadcrumb-wrapper": "styles__filePickerBreadcrumb-wrapper___3pu1w"
-};
-import Checkbox from "cozy-ui/transpiled/react/Checkbox";
-import Divider from "cozy-ui/transpiled/react/Divider";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import FileTypeFolder from "cozy-ui/transpiled/react/Icons/FileTypeFolder";
-import FileTypeText from "cozy-ui/transpiled/react/Icons/FileTypeText";
-import ListItem from "cozy-ui/transpiled/react/ListItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
-import ListItemText from "cozy-ui/transpiled/react/ListItemText";
-import Radio from "cozy-ui/transpiled/react/Radios";
-import { isValidFile, isValidFolder } from "cozy-ui/transpiled/react/helpers/acceptedTypes";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var _models$file = models.file,
-    isDirectory = _models$file.isDirectory,
-    isFile = _models$file.isFile;
-var useStyles = makeStyles(function () {
-  return {
-    verticalDivider: {
-      height: '2rem',
-      display: 'flex',
-      alignSelf: 'auto',
-      alignItems: 'center',
-      marginLeft: '0.5rem'
-    }
-  };
-});
-
-var FilePickerBodyItem = function FilePickerBodyItem(_ref) {
-  var item = _ref.item,
-      itemTypesAccepted = _ref.itemTypesAccepted,
-      multiple = _ref.multiple,
-      handleChoiceClick = _ref.handleChoiceClick,
-      handleListItemClick = _ref.handleListItemClick,
-      itemsIdsSelected = _ref.itemsIdsSelected,
-      hasDivider = _ref.hasDivider;
-  var classes = useStyles();
-
-  var _useI18n = useI18n(),
-      f = _useI18n.f;
-
-  var hasChoice = isValidFile(item, itemTypesAccepted) || isValidFolder(item, itemTypesAccepted);
-  var Input = multiple ? Checkbox : Radio;
-  var listItemSecondaryContent = isFile(item) ? "".concat(f(item.updated_at, 'dd LLL yyyy'), " - ").concat(filesize(item.size, {
-    base: 10
-  })) : null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItem, {
-    disabled: !hasChoice && isFile(item),
-    size: "small",
-    button: true,
-    "data-testid": "list-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "listitem-onclick",
-    className: styles['filePickerBreadcrumb-wrapper'],
-    onClick: handleListItemClick(item)
-  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: isDirectory(item) ? FileTypeFolder : FileTypeText,
-    width: "32",
-    height: "32"
-  })), /*#__PURE__*/React.createElement(ListItemText, {
-    primary: item.name,
-    secondary: listItemSecondaryContent
-  })), isDirectory(item) && hasChoice && /*#__PURE__*/React.createElement(Divider, {
-    orientation: "vertical",
-    flexItem: true,
-    className: classes.verticalDivider
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "choice-onclick",
-    className: "u-pv-half u-h-2 u-flex u-flex-items-center",
-    onClick: hasChoice ? handleChoiceClick(item) : undefined
-  }, /*#__PURE__*/React.createElement(Input, {
-    "data-testid": multiple ? 'checkbox-btn' : 'radio-btn',
-    onChange: function onChange() {// handled by onClick on the container
-    },
-    checked: itemsIdsSelected.includes(item._id),
-    value: item._id,
-    className: cx('u-p-0', {
-      'u-o-100': hasChoice,
-      'u-o-0': !hasChoice
-    }),
-    disabled: !hasChoice
-  }))), hasDivider && /*#__PURE__*/React.createElement(Divider, {
-    component: "li"
-  }));
-};
-
-FilePickerBodyItem.propTypes = {
-  item: PropTypes.object.isRequired,
-  itemTypesAccepted: PropTypes.arrayOf(PropTypes.string).isRequired,
-  multiple: PropTypes.bool,
-  handleChoiceClick: PropTypes.func.isRequired,
-  handleListItemClick: PropTypes.func.isRequired,
-  itemsIdsSelected: PropTypes.arrayOf(PropTypes.string).isRequired,
-  hasDivider: PropTypes.bool.isRequired
-};
-export default FilePickerBodyItem;

package/transpiled/react/FilePicker/FilePickerBodyItem.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/transpiled/react/FilePicker/FilePickerBreadcrumb.d.ts

@@ -1,13 +0,0 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ path, onBreadcrumbClick }: {
-        path: any;
-        onBreadcrumbClick: any;
-    }): JSX.Element;
-    propTypes: {
-        path: PropTypes.Requireable<any[]>;
-        onBreadcrumbClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";

package/transpiled/react/FilePicker/FilePickerBreadcrumb.js

@@ -1,52 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { Fragment, useCallback, memo } from 'react';
-var styles = {
-  "filePickerBreadcrumb-previousPath": "styles__filePickerBreadcrumb-previousPath___3LKJH",
-  "filePickerBreadcrumb-icon": "styles__filePickerBreadcrumb-icon___3aFyd",
-  "filePickerBreadcrumb-wrapper": "styles__filePickerBreadcrumb-wrapper___3pu1w"
-};
-import Icon from "cozy-ui/transpiled/react/Icon";
-import RightIcon from "cozy-ui/transpiled/react/Icons/Right";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-
-var FilePickerBreadcrumb = function FilePickerBreadcrumb(_ref) {
-  var path = _ref.path,
-      onBreadcrumbClick = _ref.onBreadcrumbClick;
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var hasPath = path && path.length > 0;
-  var navigateTo = useCallback(function (folder) {
-    return function () {
-      return onBreadcrumbClick(folder);
-    };
-  }, [onBreadcrumbClick]);
-  return /*#__PURE__*/React.createElement(Typography, {
-    variant: "h4",
-    className: "u-flex u-flex-items-center"
-  }, hasPath ? isMobile ? path[path.length - 1].name : path.map(function (folder, idx) {
-    if (idx < path.length - 1) {
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: idx
-      }, /*#__PURE__*/React.createElement("span", {
-        className: styles['filePickerBreadcrumb-previousPath'],
-        onClick: navigateTo(folder)
-      }, folder.name), /*#__PURE__*/React.createElement(Icon, {
-        icon: RightIcon,
-        className: styles['filePickerBreadcrumb-icon']
-      }));
-    } else {
-      return /*#__PURE__*/React.createElement("span", {
-        key: idx
-      }, folder.name);
-    }
-  }) : null);
-};
-
-FilePickerBreadcrumb.propTypes = {
-  path: PropTypes.array,
-  onBreadcrumbClick: PropTypes.func
-};
-export default /*#__PURE__*/memo(FilePickerBreadcrumb);

package/transpiled/react/FilePicker/FilePickerFooter.d.ts

@@ -1,15 +0,0 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ onConfirm, onClose, disabledConfirm }: {
-        onConfirm: any;
-        onClose: any;
-        disabledConfirm: any;
-    }): JSX.Element;
-    propTypes: {
-        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        disabledConfirm: PropTypes.Validator<boolean>;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";