@uppy/provider-views - npm Package Compare versions

Comparing version 2.1.1 to 3.0.0-beta

lib/Breadcrumbs.js

@@ -1,5 +0,3 @@
-"use strict";
+import { h, Fragment } from 'preact';
 
-var _preact = require("preact");
-
 const Breadcrumb = props => {
@@ -11,3 +9,3 @@ const {
   } = props;
-  return (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("button", {
+  return h(Fragment, null, h("button", {
     type: "button",
@@ -19,3 +17,3 @@ className: "uppy-u-reset",
 
-module.exports = props => {
+export default (props => {
   const {
@@ -27,7 +25,7 @@ getFolder,
   } = props;
-  return (0, _preact.h)("div", {
+  return h("div", {
     className: "uppy-Provider-breadcrumbs"
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: "uppy-Provider-breadcrumbsIcon"
-  }, breadcrumbsIcon), directories.map((directory, i) => (0, _preact.h)(Breadcrumb, {
+  }, breadcrumbsIcon), directories.map((directory, i) => h(Breadcrumb, {
     key: directory.id,
@@ -38,2 +36,2 @@ getFolder: () => getFolder(directory.id),
   })));
-};
+});

lib/Browser.js

@@ -1,15 +0,7 @@
-"use strict";
-
-var _preact = require("preact");
-
-const classNames = require("classnames");
-
-const remoteFileObjToLocal = require("@uppy/utils/lib/remoteFileObjToLocal");
-
-const Filter = require("./Filter.js");
-
-const FooterActions = require("./FooterActions.js");
-
-const Item = require("./Item/index.js");
-
+import { h } from 'preact';
+import classNames from 'classnames';
+import remoteFileObjToLocal from '@uppy/utils/lib/remoteFileObjToLocal';
+import Filter from "./Filter.js";
+import FooterActions from "./FooterActions.js";
+import Item from "./Item/index.js";
 const VIRTUAL_SHARED_DIR = 'shared-with-me';
@@ -42,9 +34,9 @@
   const selected = currentSelection.length;
-  return (0, _preact.h)("div", {
+  return h("div", {
     className: classNames('uppy-ProviderBrowser', `uppy-ProviderBrowser-viewType--${viewType}`)
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: "uppy-ProviderBrowser-header"
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: classNames('uppy-ProviderBrowser-headerBar', !showBreadcrumbs && 'uppy-ProviderBrowser-headerBar--simple')
-  }, headerComponent)), showFilter && (0, _preact.h)(Filter, {
+  }, headerComponent)), showFilter && h(Filter, {
     i18n: i18n,
@@ -55,3 +47,3 @@ filterQuery: filterQuery,
     if (!folders.length && !files.length) {
-      return (0, _preact.h)("div", {
+      return h("div", {
         className: "uppy-Provider-empty"
@@ -61,5 +53,5 @@ }, i18n('noFilesFound'));
 
-    return (0, _preact.h)("div", {
+    return h("div", {
       className: "uppy-ProviderBrowser-body"
-    }, (0, _preact.h)("ul", {
+    }, h("ul", {
       className: "uppy-ProviderBrowser-list",
@@ -108,3 +100,3 @@ onScroll: handleScroll,
     })));
-  })(), selected > 0 && (0, _preact.h)(FooterActions, {
+  })(), selected > 0 && h(FooterActions, {
     selected: selected,
@@ -117,2 +109,2 @@ done: done,
 
-module.exports = Browser;
+export default Browser;

lib/CloseWrapper.js

@@ -1,6 +0,3 @@
-"use strict";
-
-var _preact = require("preact");
-
-class CloseWrapper extends _preact.Component {
+import { Component, toChildArray } from 'preact';
+export default class CloseWrapper extends Component {
   componentWillUnmount() {
@@ -17,7 +14,5 @@ const {
     } = this.props;
-    return (0, _preact.toChildArray)(children)[0];
+    return toChildArray(children)[0];
   }
 
-}
-
-module.exports = CloseWrapper;
+}

lib/Filter.js

@@ -1,6 +0,3 @@
-"use strict";
-
-var _preact = require("preact");
-
-class Filter extends _preact.Component {
+import { h, Component } from 'preact';
+export default class Filter extends Component {
   constructor(props) {
@@ -25,5 +22,5 @@ super(props);
     } = this.props;
-    return (0, _preact.h)("div", {
+    return h("div", {
       className: "uppy-ProviderBrowser-filter"
-    }, (0, _preact.h)("input", {
+    }, h("input", {
       className: "uppy-u-reset uppy-ProviderBrowser-filterInput",
@@ -38,3 +35,3 @@ type: "text",
       value: filterInput
-    }), (0, _preact.h)("svg", {
+    }), h("svg", {
       "aria-hidden": "true",
@@ -46,5 +43,5 @@ focusable: "false",
       viewBox: "0 0 12 12"
-    }, (0, _preact.h)("path", {
+    }, h("path", {
       d: "M8.638 7.99l3.172 3.172a.492.492 0 1 1-.697.697L7.91 8.656a4.977 4.977 0 0 1-2.983.983C2.206 9.639 0 7.481 0 4.819 0 2.158 2.206 0 4.927 0c2.721 0 4.927 2.158 4.927 4.82a4.74 4.74 0 0 1-1.216 3.17zm-3.71.685c2.176 0 3.94-1.726 3.94-3.856 0-2.129-1.764-3.855-3.94-3.855C2.75.964.984 2.69.984 4.819c0 2.13 1.765 3.856 3.942 3.856z"
-    })), filterInput && (0, _preact.h)("button", {
+    })), filterInput && h("button", {
       className: "uppy-u-reset uppy-ProviderBrowser-filterClose",
@@ -55,3 +52,3 @@ type: "button",
       onClick: filterQuery
-    }, (0, _preact.h)("svg", {
+    }, h("svg", {
       "aria-hidden": "true",
@@ -61,3 +58,3 @@ focusable: "false",
       viewBox: "0 0 19 19"
-    }, (0, _preact.h)("path", {
+    }, h("path", {
       d: "M17.318 17.232L9.94 9.854 9.586 9.5l-.354.354-7.378 7.378h.707l-.62-.62v.706L9.318 9.94l.354-.354-.354-.354L1.94 1.854v.707l.62-.62h-.706l7.378 7.378.354.354.354-.354 7.378-7.378h-.707l.622.62v-.706L9.854 9.232l-.354.354.354.354 7.378 7.378.708-.707-7.38-7.378v.708l7.38-7.38.353-.353-.353-.353-.622-.622-.353-.353-.354.352-7.378 7.38h.708L2.56 1.23 2.208.88l-.353.353-.622.62-.353.355.352.353 7.38 7.38v-.708l-7.38 7.38-.353.353.352.353.622.622.353.353.354-.353 7.38-7.38h-.708l7.38 7.38z"
@@ -67,4 +64,2 @@ }))));
 
-}
-
-module.exports = Filter;
+}

lib/FooterActions.js

@@ -1,6 +0,3 @@
-"use strict";
-
-var _preact = require("preact");
-
-module.exports = _ref => {
+import { h } from 'preact';
+export default (_ref => {
   let {
@@ -12,5 +9,5 @@ cancel,
   } = _ref;
-  return (0, _preact.h)("div", {
+  return h("div", {
     className: "uppy-ProviderBrowser-footer"
-  }, (0, _preact.h)("button", {
+  }, h("button", {
     className: "uppy-u-reset uppy-c-btn uppy-c-btn-primary",
@@ -21,3 +18,3 @@ onClick: done,
     smart_count: selected
-  })), (0, _preact.h)("button", {
+  })), h("button", {
     className: "uppy-u-reset uppy-c-btn uppy-c-btn-link",
@@ -27,2 +24,2 @@ onClick: cancel,
   }, i18n('cancel')));
-};
+});

lib/index.js

@@ -1,14 +0,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchProviderViews = exports.ProviderViews = void 0;
-
-const _0 = require("./ProviderView/index.js");
-
-exports.ProviderViews = _0;
-
-const _1 = require("./SearchProviderView/index.js");
-
-exports.SearchProviderViews = _1;
+export { default as ProviderViews } from './ProviderView/index.js';
+export { default as SearchProviderViews } from './SearchProviderView/index.js';

lib/Item/components/GridLi.js

@@ -1,5 +0,3 @@
-"use strict";
+import { h } from 'preact';
 
-var _preact = require("preact");
-
 function GridListItem(props) {
@@ -19,6 +17,6 @@ const {
   } = props;
-  return (0, _preact.h)("li", {
+  return h("li", {
     className: className,
     title: isDisabled ? restrictionReason : null
-  }, (0, _preact.h)("input", {
+  }, h("input", {
     type: "checkbox",
@@ -33,7 +31,7 @@ className: `uppy-u-reset uppy-ProviderBrowserItem-checkbox ${isChecked ? 'uppy-ProviderBrowserItem-checkbox--is-checked' : ''} uppy-ProviderBrowserItem-checkbox--grid`,
     "data-uppy-super-focusable": true
-  }), (0, _preact.h)("label", {
+  }), h("label", {
     htmlFor: id,
     "aria-label": title,
     className: "uppy-u-reset uppy-ProviderBrowserItem-inner"
-  }, (0, _preact.h)("span", {
+  }, h("span", {
     className: "uppy-ProviderBrowserItem-inner-relative"
@@ -43,2 +41,2 @@ }, itemIconEl, showTitles && title, children)));
 
-module.exports = GridListItem;
+export default GridListItem;

lib/Item/components/ItemIcon.js

@@ -1,7 +0,5 @@
-"use strict";
+import { h } from 'preact';
 
-var _preact = require("preact");
-
 function FileIcon() {
-  return (0, _preact.h)("svg", {
+  return h("svg", {
     "aria-hidden": "true",
@@ -13,3 +11,3 @@ focusable: "false",
     viewBox: "0 0 44 58"
-  }, (0, _preact.h)("path", {
+  }, h("path", {
     d: "M27.437.517a1 1 0 0 0-.094.03H4.25C2.037.548.217 2.368.217 4.58v48.405c0 2.212 1.82 4.03 4.03 4.03H39.03c2.21 0 4.03-1.818 4.03-4.03V15.61a1 1 0 0 0-.03-.28 1 1 0 0 0 0-.093 1 1 0 0 0-.03-.032 1 1 0 0 0 0-.03 1 1 0 0 0-.032-.063 1 1 0 0 0-.03-.063 1 1 0 0 0-.032 0 1 1 0 0 0-.03-.063 1 1 0 0 0-.032-.03 1 1 0 0 0-.03-.063 1 1 0 0 0-.063-.062l-14.593-14a1 1 0 0 0-.062-.062A1 1 0 0 0 28 .708a1 1 0 0 0-.374-.157 1 1 0 0 0-.156 0 1 1 0 0 0-.03-.03l-.003-.003zM4.25 2.547h22.218v9.97c0 2.21 1.82 4.03 4.03 4.03h10.564v36.438a2.02 2.02 0 0 1-2.032 2.032H4.25c-1.13 0-2.032-.9-2.032-2.032V4.58c0-1.13.902-2.032 2.03-2.032zm24.218 1.345l10.375 9.937.75.718H30.5c-1.13 0-2.032-.9-2.032-2.03V3.89z"
@@ -20,3 +18,3 @@ }));
 function FolderIcon() {
-  return (0, _preact.h)("svg", {
+  return h("svg", {
     "aria-hidden": "true",
@@ -30,3 +28,3 @@ focusable: "false",
     viewBox: "0 0 276.157 276.157"
-  }, (0, _preact.h)("path", {
+  }, h("path", {
     d: "M273.08 101.378c-3.3-4.65-8.86-7.32-15.254-7.32h-24.34V67.59c0-10.2-8.3-18.5-18.5-18.5h-85.322c-3.63 0-9.295-2.875-11.436-5.805l-6.386-8.735c-4.982-6.814-15.104-11.954-23.546-11.954H58.73c-9.292 0-18.638 6.608-21.737 15.372l-2.033 5.752c-.958 2.71-4.72 5.37-7.596 5.37H18.5C8.3 49.09 0 57.39 0 67.59v167.07c0 .886.16 1.73.443 2.52.152 3.306 1.18 6.424 3.053 9.064 3.3 4.652 8.86 7.32 15.255 7.32h188.487c11.395 0 23.27-8.425 27.035-19.18l40.677-116.188c2.11-6.035 1.43-12.164-1.87-16.816zM18.5 64.088h8.864c9.295 0 18.64-6.607 21.738-15.37l2.032-5.75c.96-2.712 4.722-5.373 7.597-5.373h29.565c3.63 0 9.295 2.876 11.437 5.806l6.386 8.735c4.982 6.815 15.104 11.954 23.546 11.954h85.322c1.898 0 3.5 1.602 3.5 3.5v26.47H69.34c-11.395 0-23.27 8.423-27.035 19.178L15 191.23V67.59c0-1.898 1.603-3.5 3.5-3.5zm242.29 49.15l-40.676 116.188c-1.674 4.78-7.812 9.135-12.877 9.135H18.75c-1.447 0-2.576-.372-3.02-.997-.442-.625-.422-1.814.057-3.18l40.677-116.19c1.674-4.78 7.812-9.134 12.877-9.134h188.487c1.448 0 2.577.372 3.02.997.443.625.423 1.814-.056 3.18z"
@@ -37,3 +35,3 @@ }));
 function VideoIcon() {
-  return (0, _preact.h)("svg", {
+  return h("svg", {
     "aria-hidden": "true",
@@ -46,5 +44,5 @@ focusable: "false",
     viewBox: "0 0 58 58"
-  }, (0, _preact.h)("path", {
+  }, h("path", {
     d: "M36.537 28.156l-11-7a1.005 1.005 0 0 0-1.02-.033C24.2 21.3 24 21.635 24 22v14a1 1 0 0 0 1.537.844l11-7a1.002 1.002 0 0 0 0-1.688zM26 34.18V23.82L34.137 29 26 34.18z"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M57 6H1a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM10 28H2v-9h8v9zm-8 2h8v9H2v-9zm10 10V8h34v42H12V40zm44-12h-8v-9h8v9zm-8 2h8v9h-8v-9zm8-22v9h-8V8h8zM2 8h8v9H2V8zm0 42v-9h8v9H2zm54 0h-8v-9h8v9z"
@@ -54,3 +52,3 @@ }));
 
-module.exports = props => {
+export default (props => {
   const {
@@ -63,9 +61,9 @@ itemIconString
     case 'file':
-      return (0, _preact.h)(FileIcon, null);
+      return h(FileIcon, null);
 
     case 'folder':
-      return (0, _preact.h)(FolderIcon, null);
+      return h(FolderIcon, null);
 
     case 'video':
-      return (0, _preact.h)(VideoIcon, null);
+      return h(VideoIcon, null);
 
@@ -77,3 +75,3 @@ default:
         } = props;
-        return (0, _preact.h)("img", {
+        return h("img", {
           src: itemIconString,
@@ -84,2 +82,2 @@ alt: alt
   }
-};
+});

lib/Item/components/ListLi.js

@@ -1,6 +0,2 @@
-"use strict";
-
-var _preact = require("preact");
-
-// if folder:
+import { h } from 'preact'; // if folder:
 //   + checkbox (selects all files from folder)
@@ -11,2 +7,3 @@ //   + folder name (opens folder)
 //   + file name (selects file)
+
 function ListItem(props) {
@@ -29,6 +26,6 @@ const {
   } = props;
-  return (0, _preact.h)("li", {
+  return h("li", {
     className: className,
     title: isDisabled ? restrictionReason : null
-  }, !isCheckboxDisabled ? (0, _preact.h)("input", {
+  }, !isCheckboxDisabled ? h("input", {
     type: "checkbox",
@@ -48,9 +45,9 @@ className: `uppy-u-reset uppy-ProviderBrowserItem-checkbox ${isChecked ? 'uppy-ProviderBrowserItem-checkbox--is-checked' : ''}`,
   }) : null, type === 'file' ? // label for a checkbox
-  (0, _preact.h)("label", {
+  h("label", {
     htmlFor: id,
     className: "uppy-u-reset uppy-ProviderBrowserItem-inner"
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: "uppy-ProviderBrowserItem-iconWrap"
   }, itemIconEl), showTitles && title) : // button to open a folder
-  (0, _preact.h)("button", {
+  h("button", {
     type: "button",
@@ -62,7 +59,7 @@ className: "uppy-u-reset uppy-ProviderBrowserItem-inner",
     })
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: "uppy-ProviderBrowserItem-iconWrap"
-  }, itemIconEl), showTitles && (0, _preact.h)("span", null, title)));
+  }, itemIconEl), showTitles && h("span", null, title)));
 }
 
-module.exports = ListItem;
+export default ListItem;

lib/Item/index.js

@@ -1,16 +0,9 @@
-"use strict";
-
-var _preact = require("preact");
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const classNames = require("classnames");
-
-const ItemIcon = require("./components/ItemIcon.js");
-
-const GridListItem = require("./components/GridLi.js");
-
-const ListItem = require("./components/ListLi.js");
-
-module.exports = props => {
+import { h } from 'preact';
+import classNames from 'classnames';
+import ItemIcon from "./components/ItemIcon.js";
+import GridListItem from "./components/GridLi.js";
+import ListItem from "./components/ListLi.js";
+export default (props => {
   const {
@@ -31,3 +24,3 @@ author,
   });
-  const itemIconEl = (0, _preact.h)(ItemIcon, {
+  const itemIconEl = h(ItemIcon, {
     itemIconString: itemIconString
@@ -38,3 +31,3 @@ });
     case 'grid':
-      return (0, _preact.h)(GridListItem // eslint-disable-next-line react/jsx-props-no-spreading
+      return h(GridListItem // eslint-disable-next-line react/jsx-props-no-spreading
       , _extends({}, props, {
@@ -47,3 +40,3 @@ className: className,
       return (// eslint-disable-next-line react/jsx-props-no-spreading
-        (0, _preact.h)(ListItem, _extends({}, props, {
+        h(ListItem, _extends({}, props, {
           className: className,
@@ -56,6 +49,6 @@ itemIconEl: itemIconEl
       return (// eslint-disable-next-line react/jsx-props-no-spreading
-        (0, _preact.h)(GridListItem, _extends({}, props, {
+        h(GridListItem, _extends({}, props, {
           className: className,
           itemIconEl: itemIconEl
-        }), (0, _preact.h)("a", {
+        }), h("a", {
           href: `${author.url}?utm_source=Companion&utm_medium=referral`,
@@ -71,2 +64,2 @@ target: "_blank",
   }
-};
+});

lib/Loader.js

@@ -1,12 +0,9 @@
-"use strict";
-
-var _preact = require("preact");
-
-module.exports = _ref => {
+import { h } from 'preact';
+export default (_ref => {
   let {
     i18n
   } = _ref;
-  return (0, _preact.h)("div", {
+  return h("div", {
     className: "uppy-Provider-loading"
-  }, (0, _preact.h)("span", null, i18n('loading')));
-};
+  }, h("span", null, i18n('loading')));
+});

lib/ProviderView/AuthView.js

@@ -1,7 +0,5 @@
-"use strict";
+import { h } from 'preact';
 
-var _preact = require("preact");
-
 function GoogleIcon() {
-  return (0, _preact.h)("svg", {
+  return h("svg", {
     width: "26",
@@ -11,6 +9,6 @@ height: "26",
     xmlns: "http://www.w3.org/2000/svg"
-  }, (0, _preact.h)("g", {
+  }, h("g", {
     fill: "none",
     "fill-rule": "evenodd"
-  }, (0, _preact.h)("circle", {
+  }, h("circle", {
     fill: "#FFF",
@@ -20,19 +18,19 @@ cx: "13",
     r: "13"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M21.64 13.205c0-.639-.057-1.252-.164-1.841H13v3.481h4.844a4.14 4.14 0 01-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z",
     fill: "#4285F4",
     "fill-rule": "nonzero"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M13 22c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H4.957v2.332A8.997 8.997 0 0013 22z",
     fill: "#34A853",
     "fill-rule": "nonzero"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M7.964 14.71A5.41 5.41 0 017.682 13c0-.593.102-1.17.282-1.71V8.958H4.957A8.996 8.996 0 004 13c0 1.452.348 2.827.957 4.042l3.007-2.332z",
     fill: "#FBBC05",
     "fill-rule": "nonzero"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M13 7.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C17.463 4.891 15.426 4 13 4a8.997 8.997 0 00-8.043 4.958l3.007 2.332C8.672 9.163 10.656 7.58 13 7.58z",
     fill: "#EA4335",
     "fill-rule": "nonzero"
-  }), (0, _preact.h)("path", {
+  }), h("path", {
     d: "M4 4h18v18H4z"
@@ -52,14 +50,14 @@ })));
   const isGoogleDrive = pluginName === 'Google Drive';
-  const pluginNameComponent = (0, _preact.h)("span", {
+  const pluginNameComponent = h("span", {
     className: "uppy-Provider-authTitleName"
-  }, pluginName, (0, _preact.h)("br", null));
-  return (0, _preact.h)("div", {
+  }, pluginName, h("br", null));
+  return h("div", {
     className: "uppy-Provider-auth"
-  }, (0, _preact.h)("div", {
+  }, h("div", {
     className: "uppy-Provider-authIcon"
-  }, pluginIcon()), (0, _preact.h)("div", {
+  }, pluginIcon()), h("div", {
     className: "uppy-Provider-authTitle"
   }, i18nArray('authenticateWithTitle', {
     pluginName: pluginNameComponent
-  })), isGoogleDrive ? (0, _preact.h)("button", {
+  })), isGoogleDrive ? h("button", {
     type: "button",
@@ -69,3 +67,3 @@ className: "uppy-u-reset uppy-c-btn uppy-c-btn-primary uppy-Provider-authBtn uppy-Provider-btn-google",
     "data-uppy-super-focusable": true
-  }, (0, _preact.h)(GoogleIcon, null), i18nArray('signInWithGoogle')) : (0, _preact.h)("button", {
+  }, h(GoogleIcon, null), i18nArray('signInWithGoogle')) : h("button", {
     type: "button",
@@ -80,2 +78,2 @@ className: "uppy-u-reset uppy-c-btn uppy-c-btn-primary uppy-Provider-authBtn",
 
-module.exports = AuthView;
+export default AuthView;

lib/ProviderView/Header.js

@@ -1,8 +0,4 @@
-"use strict";
-
-const User = require("./User.js");
-
-const Breadcrumbs = require("../Breadcrumbs.js");
-
-module.exports = props => {
+import User from "./User.js";
+import Breadcrumbs from "../Breadcrumbs.js";
+export default (props => {
   const components = [];
@@ -25,2 +21,2 @@
   return components;
-};
+});

lib/ProviderView/index.js

@@ -1,3 +0,1 @@
-"use strict";
-
-module.exports = require("./ProviderView.js");
+export { default } from "./ProviderView.js";

lib/ProviderView/ProviderView.js

@@ -1,5 +0,1 @@
-"use strict";
-
-var _preact = require("preact");
-
 function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
@@ -11,16 +7,11 @@
 
-const AuthView = require("./AuthView.js");
-
-const Header = require("./Header.js");
-
-const Browser = require("../Browser.js");
-
-const LoaderView = require("../Loader.js");
-
-const CloseWrapper = require("../CloseWrapper.js");
-
-const View = require("../View.js");
-
+import { h } from 'preact';
+import AuthView from "./AuthView.js";
+import Header from "./Header.js";
+import Browser from "../Browser.js";
+import LoaderView from "../Loader.js";
+import CloseWrapper from '../CloseWrapper.js';
+import View from '../View.js';
 const packageJson = {
-  "version": "2.1.1"
+  "version": "3.0.0-beta"
 };
@@ -56,3 +47,3 @@
 
-class ProviderView extends View {
+export default class ProviderView extends View {
   /**
@@ -445,5 +436,5 @@ * @param {object} plugin instance of the plugin
     if (loading) {
-      return (0, _preact.h)(CloseWrapper, {
+      return h(CloseWrapper, {
         onUnmount: this.clearSelection
-      }, (0, _preact.h)(LoaderView, {
+      }, h(LoaderView, {
         i18n: this.plugin.uppy.i18n
@@ -454,5 +445,5 @@ }));
     if (!authenticated) {
-      return (0, _preact.h)(CloseWrapper, {
+      return h(CloseWrapper, {
         onUnmount: this.clearSelection
-      }, (0, _preact.h)(AuthView, {
+      }, h(AuthView, {
         pluginName: this.plugin.title,
@@ -466,5 +457,5 @@ pluginIcon: this.plugin.icon,
 
-    return (0, _preact.h)(CloseWrapper, {
+    return h(CloseWrapper, {
       onUnmount: this.clearSelection
-    }, (0, _preact.h)(Browser, browserProps));
+    }, h(Browser, browserProps));
   }
@@ -489,3 +480,2 @@
 
-ProviderView.VERSION = packageJson.version;
-module.exports = ProviderView;
+ProviderView.VERSION = packageJson.version;

lib/ProviderView/User.js

@@ -1,6 +0,3 @@
-"use strict";
-
-var _preact = require("preact");
-
-module.exports = _ref => {
+import { h } from 'preact';
+export default (_ref => {
   let {
@@ -11,6 +8,6 @@ i18n,
   } = _ref;
-  return [(0, _preact.h)("span", {
+  return [h("span", {
     className: "uppy-ProviderBrowser-user",
     key: "username"
-  }, username), (0, _preact.h)("button", {
+  }, username), h("button", {
     type: "button",
@@ -21,2 +18,2 @@ onClick: logout,
   }, i18n('logOut'))];
-};
+});

lib/SearchProviderView/Header.js

@@ -1,8 +0,4 @@
-"use strict";
-
-var _preact = require("preact");
-
+import { h } from 'preact';
 const SUBMIT_KEY = 13;
-
-module.exports = props => {
+export default (props => {
   const {
@@ -22,5 +18,5 @@ searchTerm,
 
-  return (0, _preact.h)("div", {
+  return h("div", {
     class: "uppy-ProviderBrowser-search"
-  }, (0, _preact.h)("input", {
+  }, h("input", {
     class: "uppy-u-reset uppy-ProviderBrowser-searchInput",
@@ -33,3 +29,3 @@ type: "text",
     "data-uppy-super-focusable": true
-  }), (0, _preact.h)("svg", {
+  }), h("svg", {
     "aria-hidden": "true",
@@ -41,5 +37,5 @@ focusable: "false",
     viewBox: "0 0 12 12"
-  }, (0, _preact.h)("path", {
+  }, h("path", {
     d: "M8.638 7.99l3.172 3.172a.492.492 0 1 1-.697.697L7.91 8.656a4.977 4.977 0 0 1-2.983.983C2.206 9.639 0 7.481 0 4.819 0 2.158 2.206 0 4.927 0c2.721 0 4.927 2.158 4.927 4.82a4.74 4.74 0 0 1-1.216 3.17zm-3.71.685c2.176 0 3.94-1.726 3.94-3.856 0-2.129-1.764-3.855-3.94-3.855C2.75.964.984 2.69.984 4.819c0 2.13 1.765 3.856 3.942 3.856z"
   })));
-};
+});

lib/SearchProviderView/index.js

@@ -1,3 +0,1 @@
-"use strict";
-
-module.exports = require("./SearchProviderView.js");
+export { default } from "./SearchProviderView.js";

lib/SearchProviderView/InputView.js

@@ -1,6 +0,3 @@
-"use strict";
-
-var _preact = require("preact");
-
-module.exports = _ref => {
+import { h } from 'preact';
+export default (_ref => {
   let {
@@ -24,5 +21,5 @@ i18n,
 
-  return (0, _preact.h)("div", {
+  return h("div", {
     className: "uppy-SearchProvider"
-  }, (0, _preact.h)("input", {
+  }, h("input", {
     className: "uppy-u-reset uppy-c-textInput uppy-SearchProvider-input",
@@ -37,3 +34,3 @@ type: "search",
     "data-uppy-super-focusable": true
-  }), (0, _preact.h)("button", {
+  }), h("button", {
     className: "uppy-u-reset uppy-c-btn uppy-c-btn-primary uppy-SearchProvider-searchButton",
@@ -43,2 +40,2 @@ type: "button",
   }, i18n('searchImages')));
-};
+});

lib/SearchProviderView/SearchProviderView.js

@@ -1,5 +0,1 @@
-"use strict";
-
-var _preact = require("preact");
-
 function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
@@ -11,16 +7,11 @@
 
-const SearchInput = require("./InputView.js");
-
-const Browser = require("../Browser.js");
-
-const LoaderView = require("../Loader.js");
-
-const Header = require("./Header.js");
-
-const CloseWrapper = require("../CloseWrapper.js");
-
-const View = require("../View.js");
-
+import { h } from 'preact';
+import SearchInput from "./InputView.js";
+import Browser from "../Browser.js";
+import LoaderView from "../Loader.js";
+import Header from "./Header.js";
+import CloseWrapper from '../CloseWrapper.js';
+import View from '../View.js';
 const packageJson = {
-  "version": "2.1.1"
+  "version": "3.0.0-beta"
 };
@@ -33,3 +24,3 @@ /**
 
-class SearchProviderView extends View {
+export default class SearchProviderView extends View {
   /**
@@ -202,5 +193,5 @@ * @param {object} plugin instance of the plugin
     if (loading) {
-      return (0, _preact.h)(CloseWrapper, {
+      return h(CloseWrapper, {
         onUnmount: this.clearSelection
-      }, (0, _preact.h)(LoaderView, {
+      }, h(LoaderView, {
         i18n: this.plugin.uppy.i18n
@@ -211,5 +202,5 @@ }));
     if (isInputMode) {
-      return (0, _preact.h)(CloseWrapper, {
+      return h(CloseWrapper, {
         onUnmount: this.clearSelection
-      }, (0, _preact.h)(SearchInput, {
+      }, h(SearchInput, {
         search: this.search,
@@ -220,5 +211,5 @@ i18n: this.plugin.uppy.i18n
 
-    return (0, _preact.h)(CloseWrapper, {
+    return h(CloseWrapper, {
       onUnmount: this.clearSelection
-    }, (0, _preact.h)(Browser, browserProps));
+    }, h(Browser, browserProps));
   }
@@ -240,3 +231,2 @@
 
-SearchProviderView.VERSION = packageJson.version;
-module.exports = SearchProviderView;
+SearchProviderView.VERSION = packageJson.version;

lib/SharedHandler.js

@@ -1,6 +0,3 @@
-"use strict";
-
-const remoteFileObjToLocal = require("@uppy/utils/lib/remoteFileObjToLocal");
-
-class SharedHandler {
+import remoteFileObjToLocal from '@uppy/utils/lib/remoteFileObjToLocal';
+export default class SharedHandler {
   constructor(plugin) {
@@ -120,4 +117,2 @@ this.plugin = plugin;
 
-}
-
-module.exports = SharedHandler;
+}

lib/View.js

@@ -1,14 +0,8 @@
-"use strict";
-
-const getFileType = require("@uppy/utils/lib/getFileType");
-
-const isPreviewSupported = require("@uppy/utils/lib/isPreviewSupported");
-
-const generateFileID = require("@uppy/utils/lib/generateFileID"); // TODO: now that we have a shared `View` class,
+import getFileType from '@uppy/utils/lib/getFileType';
+import isPreviewSupported from '@uppy/utils/lib/isPreviewSupported';
+import generateFileID from '@uppy/utils/lib/generateFileID'; // TODO: now that we have a shared `View` class,
 // `SharedHandler` could be cleaned up and moved into here
 
-
-const SharedHandler = require("./SharedHandler.js");
-
-class View {
+import SharedHandler from './SharedHandler.js';
+export default class View {
   constructor(plugin, opts) {
@@ -132,4 +126,2 @@ this.plugin = plugin;
 
-}
-
-module.exports = View;
+}

package.json

 {
   "name": "@uppy/provider-views",
   "description": "View library for Uppy remote provider plugins.",
-  "version": "2.1.1",
+  "version": "3.0.0-beta",
   "license": "MIT",
@@ -23,3 +23,3 @@ "main": "lib/index.js",
   "dependencies": {
-    "@uppy/utils": "^4.1.0",
+    "@uppy/utils": "^5.0.0-beta",
     "classnames": "^2.2.6",
@@ -29,4 +29,5 @@ "preact": "^10.5.13"
   "peerDependencies": {
-    "@uppy/core": "^2.3.0"
-  }
+    "@uppy/core": "^3.0.0-beta"
+  },
+  "stableVersion": "2.1.1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

242485

decreased by-0.23%

Number of package files

78

decreased by-1.27%

Lines of code

3523

decreased by-0.98%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@transloadit/prettier-bytes@0.3.4(transitive)

• + Added@uppy/core@3.13.1(transitive)

• + Added@uppy/store-default@3.2.2(transitive)

• + Added@uppy/utils@5.9.0(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addednanoid@4.0.2(transitive)

• - Removed@transloadit/prettier-bytes@0.0.7(transitive)

• - Removed@uppy/core@2.3.4(transitive)

• - Removed@uppy/store-default@2.1.1(transitive)

• - Removed@uppy/utils@4.1.3(transitive)

• - Removedlodash.throttle@4.1.1(transitive)

• - Removednanoid@3.3.7(transitive)

• Updated@uppy/utils@^5.0.0-beta