@rpldy/shared-ui - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0

lib/index.js

@@ -8,50 +8,2 @@ "use strict";
 });
-Object.defineProperty(exports, "UploadyContext", {
-  enumerable: true,
-  get: function get() {
-    return _UploadyContext["default"];
-  }
-});
-Object.defineProperty(exports, "createContextApi", {
-  enumerable: true,
-  get: function get() {
-    return _UploadyContext.createContextApi;
-  }
-});
-Object.defineProperty(exports, "useWithForwardRef", {
-  enumerable: true,
-  get: function get() {
-    return _useWithForwardRef["default"];
-  }
-});
-Object.defineProperty(exports, "assertContext", {
-  enumerable: true,
-  get: function get() {
-    return _assertContext["default"];
-  }
-});
-Object.defineProperty(exports, "useUploadOptions", {
-  enumerable: true,
-  get: function get() {
-    return _useUploadOptions["default"];
-  }
-});
-Object.defineProperty(exports, "useAbortItem", {
-  enumerable: true,
-  get: function get() {
-    return _useAbortItem["default"];
-  }
-});
-Object.defineProperty(exports, "useAbortBatch", {
-  enumerable: true,
-  get: function get() {
-    return _useAbortBatch["default"];
-  }
-});
-Object.defineProperty(exports, "useAbortAll", {
-  enumerable: true,
-  get: function get() {
-    return _useAbortAll["default"];
-  }
-});
 Object.defineProperty(exports, "useBatchAddListener", {
@@ -159,5 +111,67 @@ enumerable: true,
 });
+Object.defineProperty(exports, "useWithForwardRef", {
+  enumerable: true,
+  get: function get() {
+    return _useWithForwardRef["default"];
+  }
+});
+Object.defineProperty(exports, "assertContext", {
+  enumerable: true,
+  get: function get() {
+    return _assertContext["default"];
+  }
+});
+Object.defineProperty(exports, "useUploadOptions", {
+  enumerable: true,
+  get: function get() {
+    return _useUploadOptions["default"];
+  }
+});
+Object.defineProperty(exports, "useAbortItem", {
+  enumerable: true,
+  get: function get() {
+    return _useAbortItem["default"];
+  }
+});
+Object.defineProperty(exports, "useAbortBatch", {
+  enumerable: true,
+  get: function get() {
+    return _useAbortBatch["default"];
+  }
+});
+Object.defineProperty(exports, "useAbortAll", {
+  enumerable: true,
+  get: function get() {
+    return _useAbortAll["default"];
+  }
+});
+Object.defineProperty(exports, "NoDomUploady", {
+  enumerable: true,
+  get: function get() {
+    return _NoDomUploady["default"];
+  }
+});
+Object.defineProperty(exports, "UploadyContext", {
+  enumerable: true,
+  get: function get() {
+    return _UploadyContext["default"];
+  }
+});
+Object.defineProperty(exports, "createContextApi", {
+  enumerable: true,
+  get: function get() {
+    return _UploadyContext.createContextApi;
+  }
+});
+Object.defineProperty(exports, "withRequestPreSendUpdate", {
+  enumerable: true,
+  get: function get() {
+    return _withRequestPreSendUpdate["default"];
+  }
+});
 
-var _UploadyContext = _interopRequireWildcard(require("./UploadyContext"));
+var _eventListenerHooks = require("./eventListenerHooks");
 
+var _utils = require("./utils");
+
 var _useWithForwardRef = _interopRequireDefault(require("./useWithForwardRef"));
@@ -175,10 +189,12 @@
 
-var _eventListenerHooks = require("./eventListenerHooks");
+var _NoDomUploady = _interopRequireDefault(require("./NoDomUploady"));
 
-var _utils = require("./utils");
+var _UploadyContext = _interopRequireWildcard(require("./UploadyContext"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _withRequestPreSendUpdate = _interopRequireDefault(require("./withRequestPreSendUpdate"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

lib/types.js

 // @flow
+import type { Node } from "react";
 import type { UploadInfo, UploadOptions } from "@rpldy/shared";
 import type { CreateOptions } from "@rpldy/uploader";
-import type { OnAndOnceMethod, OffMethod } from "@rpldy/life-events";
+import type { OnAndOnceMethod, OffMethod, EventCallback } from "@rpldy/life-events";
 
@@ -27,1 +28,36 @@ export type RefObject<T: mixed> = {current: null | void | T};
 };
+
+export type UploaderListeners = { [string]: EventCallback };
+
+export type NoDomUploadyProps = {|
+    ...CreateOptions,
+    //whether to set debug flag for extra console logs
+    debug?: boolean,
+    //map of event name and event handler
+    listeners?: UploaderListeners,
+    inputRef?: InputRef,
+    //any part of your React app. Specifically any components that needs access to the uploading flow
+    children?: Node,
+|};
+
+export type UploadyProps = {|
+    ...NoDomUploadyProps,
+
+    //whether a file input element ref will be provided instead of Uploady creating one internally - see: useFileInput (default: false)
+    customInput?: boolean,
+
+    //html element to place the file input element inside (default: document.body)
+    inputFieldContainer?: HTMLElement,
+
+    //'capture' file input field attribute - see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#capture
+    capture?: string,
+    //'multiple' file input field attribute - see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple
+    multiple?: boolean,
+    //'accept' file input field attribute - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
+    accept?: string,
+    //'webkitdirectory' file input field attribute - https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
+    webkitdirectory?: boolean,
+    //the value to use for the internal file input element
+    fileInputId?: string,
+|};
+

lib/utils.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _uploady = require("@rpldy/uploady");
+var _UploadyContext = _interopRequireDefault(require("./UploadyContext"));
 
@@ -30,3 +30,3 @@ var _assertContext = _interopRequireDefault(require("./assertContext"));
 var useEventEffect = function useEventEffect(event, fn) {
-  var context = (0, _assertContext["default"])((0, _react.useContext)(_uploady.UploadyContext));
+  var context = (0, _assertContext["default"])((0, _react.useContext)(_UploadyContext["default"]));
   var on = context.on,
@@ -33,0 +33,0 @@ off = context.off;

package.json

 {
-    "version": "0.4.1",
+    "version": "0.5.0",
     "name": "@rpldy/shared-ui",
@@ -20,7 +20,7 @@ "description": "internal set of utils+types for react-uploady UI",
     "dependencies": {
-        "@rpldy/shared": "^0.4.1",
-        "@rpldy/uploader": "^0.4.1"
+        "@rpldy/shared": "^0.5.0",
+        "@rpldy/uploader": "^0.5.0"
     },
     "devDependencies": {
-        "flow-bin": "^0.130.0"
+        "flow-bin": "^0.133.0"
     },
@@ -34,3 +34,3 @@ "peerDependencies": {
     },
-    "gitHead": "5978d6e0e9cf6257fdb0bce611742e2e7c95d215"
+    "gitHead": "ccd432a0d36a69f08fa65494d0a63735767fb273"
 }

types/index.d.ts

 import * as React from "react";
 import { Batch, BatchItem, UploadInfo, UploadOptions } from "@rpldy/shared";
-import { CreateOptions } from "@rpldy/uploader";
-import { OffMethod, OnAndOnceMethod } from "@rpldy/life-events";
+import { CreateOptions, UploaderType } from "@rpldy/uploader";
+import { EventCallback, OffMethod, OnAndOnceMethod } from "@rpldy/life-events";
 
+export type UploaderListeners = { [key: string]: EventCallback };
+
 export type AddUploadFunction = (files: UploadInfo | UploadInfo[], addOptions?: UploadOptions) => void;
@@ -60,2 +62,4 @@
 
+export const useUploader: (options: CreateOptions, listeners?: UploaderListeners) => UploaderType;
+
 export const UploadyContext: React.Context<UploadyContextType>;
@@ -69,2 +73,34 @@
 
-export const useAbortItem: () => (itemId: string) => boolean;
+export const useAbortItem: () => (itemId: string) => boolean;
+
+export interface NoDomUploadyProps extends CreateOptions {
+    debug?: boolean;
+    listeners?: UploaderListeners;
+    inputRef?: InputRef;
+    children?: JSX.Element[] | JSX.Element;
+}
+
+export interface UploadyProps extends NoDomUploadyProps {
+    customInput?: boolean;
+    inputFieldContainer?: HTMLElement;
+    capture?: string;
+    multiple?: boolean;
+    accept?: string;
+    webkitdirectory?: boolean;
+    fileInputId?: string;
+}
+
+export const NoDomUploady: React.ComponentType<NoDomUploadyProps>;
+
+export interface WithRequestPreSendUpdateProps {
+    id: string;
+}
+
+export interface WithRequestPreSendUpdateWrappedProps {
+    id: string;
+    updateRequest: (data?: boolean | { items?: BatchItem[]; options?: CreateOptions }) => void;
+    requestData: PreSendData;
+}
+
+export const withRequestPreSendUpdate: <P extends WithRequestPreSendUpdateProps>(Comp: React.FC<P> | React.ComponentType<P>) =>
+    React.FC<Omit<P, "updateRequest" | "requestData">>;

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

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

Improved metrics

Total package byte prevSize

64919

increased by50.41%

Number of package files

33

increased by22.22%

Lines of code

928

increased by40.61%

Dependency changes

• + Added@rpldy/life-events@0.5.0(transitive)

• + Added@rpldy/sender@0.5.0(transitive)

• + Added@rpldy/shared@0.5.0(transitive)

• + Added@rpldy/simple-state@0.5.0(transitive)

• + Added@rpldy/uploader@0.5.0(transitive)

• - Removed@rpldy/life-events@0.4.1(transitive)

• - Removed@rpldy/sender@0.4.1(transitive)

• - Removed@rpldy/shared@0.4.1(transitive)

• - Removed@rpldy/simple-state@0.4.1(transitive)

• - Removed@rpldy/uploader@0.4.1(transitive)

• Updated@rpldy/shared@^0.5.0

• Updated@rpldy/uploader@^0.5.0