dromo-uploader-react 2.1.6 → 2.1.8

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IColumnHookInput, IColumnHookOutput, IColumnHook, IDeveloperField, IValidatorField, IDeveloperSettings, IRowHookInput, IRowHookOutput, IRowHook, IDeveloperStyleOverrides, IUser, IResultMetadata, IStepHook, IRowDeleteHook, IBeforeFinishCallback, IBulkRowHook, IImporterOptions } from 'dromo-uploader-js';
+import { IColumnHookInput, IColumnHookOutput, IColumnHook, IDeveloperField, IValidatorField, IDeveloperSettings, IRowHookInput, IRowHookOutput, IRowHook, IDeveloperStyleOverrides, IUser, IResultMetadata, IStepHook, IRowDeleteHook, IBeforeFinishCallback, IBulkRowHook, IImporterOptions, IParseFileCallback } from 'dromo-uploader-js';
 declare type VerboseRequiredProps = {
     user: IUser;
     fields: IDeveloperField[];
@@ -21,19 +21,28 @@ declare type CommonProps = {
     rowDeleteHooks?: IRowDeleteHook[];
     columnHooks?: IColumnHook[];
     stepHooks?: IStepHook[];
+    fileParsers?: {
+        extensions: string[];
+        parseFile: IParseFileCallback;
+    }[];
     beforeFinish?: IBeforeFinishCallback;
     onResults?: (data: any, metadata: IResultMetadata) => void;
     onCancel?: () => void;
     children?: React.ReactNode;
     open?: boolean;
+    inline?: boolean;
 };
 declare type Props = (VerboseRequiredProps | SavedSchemaProps) & CommonProps;
 export default class DromoReactUploader extends React.Component<Props> {
     dromo: any;
+    inlineRef: React.RefObject<HTMLDivElement> | null;
+    constructor(props: Props);
+    init: () => void;
     open: () => void;
+    initInline: () => void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
 }
-export { IDeveloperField, IDeveloperSettings, IUser, IColumnHookInput, IColumnHookOutput, IColumnHook, IRowHookInput, IRowHookOutput, IRowHook, IValidatorField, IDeveloperStyleOverrides, IResultMetadata, IStepHook, IRowDeleteHook, IBeforeFinishCallback, IBulkRowHook, IImporterOptions };
+export { IDeveloperField, IDeveloperSettings, IUser, IColumnHookInput, IColumnHookOutput, IColumnHook, IRowHookInput, IRowHookOutput, IRowHook, IValidatorField, IDeveloperStyleOverrides, IResultMetadata, IStepHook, IRowDeleteHook, IBeforeFinishCallback, IBulkRowHook, IImporterOptions, IParseFileCallback };

package/dist/index.js

@@ -12,12 +12,13 @@ function _inheritsLoose(subClass, superClass) {
 var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DromoReactUploader, _React$Component);
 
-  function DromoReactUploader() {
+  function DromoReactUploader(props) {
     var _this;
 
-    _this = _React$Component.apply(this, arguments) || this;
+    _this = _React$Component.call(this, props) || this;
+    _this.inlineRef = null;
 
-    _this.open = function () {
+    _this.init = function () {
       if ('fields' in _this.props && 'settings' in _this.props) {
         _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
       } else if ('schemaId' in _this.props || 'schemaName' in _this.props) {
@@ -79,19 +80,51 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
         });
       }
 
+      if (_this.props.fileParsers) {
+        _this.props.fileParsers.forEach(function (parser) {
+          _this.dromo.registerFileParser(parser);
+        });
+      }
+    };
+
+    _this.open = function () {
+      _this.init();
+
       _this.dromo.open();
     };
 
+    _this.initInline = function () {
+      if (!_this.inlineRef) return;
+
+      _this.init();
+
+      _this.dromo.initInline(_this.inlineRef.current);
+    };
+
+    if (props.inline) {
+      _this.inlineRef = React.createRef();
+    }
+
     return _this;
   }
 
   var _proto = DromoReactUploader.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
+    if (this.props.inline && this.inlineRef) {
+      this.initInline();
+      return;
+    }
+
     if (this.props.open) this.open();
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.inline) {
+      this.initInline();
+      return;
+    }
+
     if (!prevProps.open && this.props.open) {
       this.open();
     }
@@ -102,12 +135,20 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.props.open) {
+    if (this.props.open && !this.props.inline) {
       this.dromo.close();
     }
   };
 
   _proto.render = function render() {
+    if (this.props.inline) {
+      return React.createElement("div", {
+        ref: this.inlineRef,
+        className: this.props.className,
+        style: this.props.style
+      });
+    }
+
     if (this.props.children === undefined) return React.createElement(React.Fragment, null);
     return React.createElement("button", {
       style: this.props.style,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport DromoUploader, {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions\n} from 'dromo-uploader-js'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  licenseKey: string\n} & ({ schemaName: string } | { schemaId: string }) &\n  IImporterOptions\n\ntype CommonProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children?: React.ReactNode\n  open?: boolean\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonProps\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  open = () => {\n    if ('fields' in this.props && 'settings' in this.props) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n    } else if ('schemaId' in this.props || 'schemaName' in this.props) {\n      const idOrName =\n        'schemaId' in this.props ? this.props.schemaId : this.props.schemaName\n\n      this.dromo = new DromoUploader(this.props.licenseKey, idOrName)\n\n      if ('developmentMode' in this.props) {\n        this.dromo.setDevelopmentMode(this.props.developmentMode)\n      }\n      if ('user' in this.props) {\n        this.dromo.setUser(this.props.user)\n      }\n      if ('headerRowOverride' in this.props) {\n        this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n      }\n    }\n\n    if (this.props.rowHooks) {\n      this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n    }\n\n    if (this.props.bulkRowHooks) {\n      this.props.bulkRowHooks.forEach((hook) =>\n        this.dromo.registerBulkRowHook(hook)\n      )\n    }\n\n    if (this.props.columnHooks) {\n      this.props.columnHooks.forEach((hook) => {\n        this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n      })\n    }\n\n    if (this.props.rowDeleteHooks) {\n      this.props.rowDeleteHooks.forEach((hook) => {\n        return this.dromo.registerRowDeleteHook(hook)\n      })\n    }\n\n    if (this.props.beforeFinish) {\n      this.dromo.beforeFinish(this.props.beforeFinish)\n    }\n\n    if (this.props.onResults) {\n      this.dromo.onResults(this.props.onResults)\n    }\n\n    if (this.props.onCancel) {\n      this.dromo.onCancel(this.props.onCancel)\n    }\n\n    if (this.props.stepHooks) {\n      this.props.stepHooks.forEach((hook) => {\n        this.dromo.registerStepHook(hook.type, hook.callback)\n      })\n    }\n\n    this.dromo.open()\n  }\n\n  componentDidMount() {\n    if (this.props.open) this.open()\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    if (!prevProps.open && this.props.open) {\n      this.open()\n    }\n\n    if (prevProps.open && !this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  render() {\n    if (this.props.children === undefined) return <React.Fragment />\n\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions\n}\n"],"names":["DromoReactUploader","props","dromo","DromoUploader","licenseKey","fields","settings","user","idOrName","schemaId","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","componentDidUpdate","prevProps","close","componentWillUnmount","render","children","undefined","React","style","className","onClick"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport DromoUploader, {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions,\n  IParseFileCallback\n} from 'dromo-uploader-js'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  licenseKey: string\n} & ({ schemaName: string } | { schemaId: string }) &\n  IImporterOptions\n\ntype CommonProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  fileParsers?: { extensions: string[]; parseFile: IParseFileCallback }[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children?: React.ReactNode\n  open?: boolean\n  inline?: boolean\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonProps\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n  inlineRef: React.RefObject<HTMLDivElement> | null = null\n\n  constructor(props: Props) {\n    super(props)\n\n    if (props.inline) {\n      this.inlineRef = React.createRef()\n    }\n  }\n\n  init = () => {\n    if ('fields' in this.props && 'settings' in this.props) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n    } else if ('schemaId' in this.props || 'schemaName' in this.props) {\n      const idOrName =\n        'schemaId' in this.props ? this.props.schemaId : this.props.schemaName\n\n      this.dromo = new DromoUploader(this.props.licenseKey, idOrName)\n\n      if ('developmentMode' in this.props) {\n        this.dromo.setDevelopmentMode(this.props.developmentMode)\n      }\n      if ('user' in this.props) {\n        this.dromo.setUser(this.props.user)\n      }\n      if ('headerRowOverride' in this.props) {\n        this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n      }\n    }\n\n    if (this.props.rowHooks) {\n      this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n    }\n\n    if (this.props.bulkRowHooks) {\n      this.props.bulkRowHooks.forEach((hook) =>\n        this.dromo.registerBulkRowHook(hook)\n      )\n    }\n\n    if (this.props.columnHooks) {\n      this.props.columnHooks.forEach((hook) => {\n        this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n      })\n    }\n\n    if (this.props.rowDeleteHooks) {\n      this.props.rowDeleteHooks.forEach((hook) => {\n        return this.dromo.registerRowDeleteHook(hook)\n      })\n    }\n\n    if (this.props.beforeFinish) {\n      this.dromo.beforeFinish(this.props.beforeFinish)\n    }\n\n    if (this.props.onResults) {\n      this.dromo.onResults(this.props.onResults)\n    }\n\n    if (this.props.onCancel) {\n      this.dromo.onCancel(this.props.onCancel)\n    }\n\n    if (this.props.stepHooks) {\n      this.props.stepHooks.forEach((hook) => {\n        this.dromo.registerStepHook(hook.type, hook.callback)\n      })\n    }\n\n    if (this.props.fileParsers) {\n      this.props.fileParsers.forEach((parser) => {\n        this.dromo.registerFileParser(parser)\n      })\n    }\n  }\n\n  open = () => {\n    this.init()\n    this.dromo.open()\n  }\n\n  initInline = () => {\n    if (!this.inlineRef) return\n\n    this.init()\n    this.dromo.initInline(this.inlineRef.current)\n  }\n\n  componentDidMount() {\n    if (this.props.inline && this.inlineRef) {\n      this.initInline()\n      return\n    }\n\n    if (this.props.open) this.open()\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    if (this.props.inline) {\n      this.initInline()\n      return\n    }\n\n    if (!prevProps.open && this.props.open) {\n      this.open()\n    }\n\n    if (prevProps.open && !this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.open && !this.props.inline) {\n      this.dromo.close()\n    }\n  }\n\n  render() {\n    if (this.props.inline) {\n      return (\n        <div\n          ref={this.inlineRef}\n          className={this.props.className}\n          style={this.props.style}\n        />\n      )\n    }\n\n    if (this.props.children === undefined) return <React.Fragment />\n\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions,\n  IParseFileCallback\n}\n"],"names":["DromoReactUploader","props","dromo","DromoUploader","licenseKey","fields","settings","user","idOrName","schemaId","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","fileParsers","parser","registerFileParser","init","open","inlineRef","initInline","current","inline","React","componentDidMount","componentDidUpdate","prevProps","close","componentWillUnmount","render","ref","className","style","children","undefined","onClick"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment, Component } from 'react';
+import { createElement, Fragment, createRef, Component } from 'react';
 import DromoUploader from 'dromo-uploader-js';
 
 function _inheritsLoose(subClass, superClass) {
@@ -10,12 +10,13 @@ function _inheritsLoose(subClass, superClass) {
 var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DromoReactUploader, _React$Component);
 
-  function DromoReactUploader() {
+  function DromoReactUploader(props) {
     var _this;
 
-    _this = _React$Component.apply(this, arguments) || this;
+    _this = _React$Component.call(this, props) || this;
+    _this.inlineRef = null;
 
-    _this.open = function () {
+    _this.init = function () {
       if ('fields' in _this.props && 'settings' in _this.props) {
         _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
       } else if ('schemaId' in _this.props || 'schemaName' in _this.props) {
@@ -77,19 +78,51 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
         });
       }
 
+      if (_this.props.fileParsers) {
+        _this.props.fileParsers.forEach(function (parser) {
+          _this.dromo.registerFileParser(parser);
+        });
+      }
+    };
+
+    _this.open = function () {
+      _this.init();
+
       _this.dromo.open();
     };
 
+    _this.initInline = function () {
+      if (!_this.inlineRef) return;
+
+      _this.init();
+
+      _this.dromo.initInline(_this.inlineRef.current);
+    };
+
+    if (props.inline) {
+      _this.inlineRef = createRef();
+    }
+
     return _this;
   }
 
   var _proto = DromoReactUploader.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
+    if (this.props.inline && this.inlineRef) {
+      this.initInline();
+      return;
+    }
+
     if (this.props.open) this.open();
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.inline) {
+      this.initInline();
+      return;
+    }
+
     if (!prevProps.open && this.props.open) {
       this.open();
     }
@@ -100,12 +133,20 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.props.open) {
+    if (this.props.open && !this.props.inline) {
       this.dromo.close();
     }
   };
 
   _proto.render = function render() {
+    if (this.props.inline) {
+      return createElement("div", {
+        ref: this.inlineRef,
+        className: this.props.className,
+        style: this.props.style
+      });
+    }
+
     if (this.props.children === undefined) return createElement(Fragment, null);
     return createElement("button", {
       style: this.props.style,

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport DromoUploader, {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions\n} from 'dromo-uploader-js'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  licenseKey: string\n} & ({ schemaName: string } | { schemaId: string }) &\n  IImporterOptions\n\ntype CommonProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children?: React.ReactNode\n  open?: boolean\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonProps\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  open = () => {\n    if ('fields' in this.props && 'settings' in this.props) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n    } else if ('schemaId' in this.props || 'schemaName' in this.props) {\n      const idOrName =\n        'schemaId' in this.props ? this.props.schemaId : this.props.schemaName\n\n      this.dromo = new DromoUploader(this.props.licenseKey, idOrName)\n\n      if ('developmentMode' in this.props) {\n        this.dromo.setDevelopmentMode(this.props.developmentMode)\n      }\n      if ('user' in this.props) {\n        this.dromo.setUser(this.props.user)\n      }\n      if ('headerRowOverride' in this.props) {\n        this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n      }\n    }\n\n    if (this.props.rowHooks) {\n      this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n    }\n\n    if (this.props.bulkRowHooks) {\n      this.props.bulkRowHooks.forEach((hook) =>\n        this.dromo.registerBulkRowHook(hook)\n      )\n    }\n\n    if (this.props.columnHooks) {\n      this.props.columnHooks.forEach((hook) => {\n        this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n      })\n    }\n\n    if (this.props.rowDeleteHooks) {\n      this.props.rowDeleteHooks.forEach((hook) => {\n        return this.dromo.registerRowDeleteHook(hook)\n      })\n    }\n\n    if (this.props.beforeFinish) {\n      this.dromo.beforeFinish(this.props.beforeFinish)\n    }\n\n    if (this.props.onResults) {\n      this.dromo.onResults(this.props.onResults)\n    }\n\n    if (this.props.onCancel) {\n      this.dromo.onCancel(this.props.onCancel)\n    }\n\n    if (this.props.stepHooks) {\n      this.props.stepHooks.forEach((hook) => {\n        this.dromo.registerStepHook(hook.type, hook.callback)\n      })\n    }\n\n    this.dromo.open()\n  }\n\n  componentDidMount() {\n    if (this.props.open) this.open()\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    if (!prevProps.open && this.props.open) {\n      this.open()\n    }\n\n    if (prevProps.open && !this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  render() {\n    if (this.props.children === undefined) return <React.Fragment />\n\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions\n}\n"],"names":["DromoReactUploader","props","dromo","DromoUploader","licenseKey","fields","settings","user","idOrName","schemaId","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","componentDidUpdate","prevProps","close","componentWillUnmount","render","children","undefined","React","style","className","onClick"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport DromoUploader, {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions,\n  IParseFileCallback\n} from 'dromo-uploader-js'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  licenseKey: string\n} & ({ schemaName: string } | { schemaId: string }) &\n  IImporterOptions\n\ntype CommonProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  fileParsers?: { extensions: string[]; parseFile: IParseFileCallback }[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children?: React.ReactNode\n  open?: boolean\n  inline?: boolean\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonProps\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n  inlineRef: React.RefObject<HTMLDivElement> | null = null\n\n  constructor(props: Props) {\n    super(props)\n\n    if (props.inline) {\n      this.inlineRef = React.createRef()\n    }\n  }\n\n  init = () => {\n    if ('fields' in this.props && 'settings' in this.props) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n    } else if ('schemaId' in this.props || 'schemaName' in this.props) {\n      const idOrName =\n        'schemaId' in this.props ? this.props.schemaId : this.props.schemaName\n\n      this.dromo = new DromoUploader(this.props.licenseKey, idOrName)\n\n      if ('developmentMode' in this.props) {\n        this.dromo.setDevelopmentMode(this.props.developmentMode)\n      }\n      if ('user' in this.props) {\n        this.dromo.setUser(this.props.user)\n      }\n      if ('headerRowOverride' in this.props) {\n        this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n      }\n    }\n\n    if (this.props.rowHooks) {\n      this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n    }\n\n    if (this.props.bulkRowHooks) {\n      this.props.bulkRowHooks.forEach((hook) =>\n        this.dromo.registerBulkRowHook(hook)\n      )\n    }\n\n    if (this.props.columnHooks) {\n      this.props.columnHooks.forEach((hook) => {\n        this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n      })\n    }\n\n    if (this.props.rowDeleteHooks) {\n      this.props.rowDeleteHooks.forEach((hook) => {\n        return this.dromo.registerRowDeleteHook(hook)\n      })\n    }\n\n    if (this.props.beforeFinish) {\n      this.dromo.beforeFinish(this.props.beforeFinish)\n    }\n\n    if (this.props.onResults) {\n      this.dromo.onResults(this.props.onResults)\n    }\n\n    if (this.props.onCancel) {\n      this.dromo.onCancel(this.props.onCancel)\n    }\n\n    if (this.props.stepHooks) {\n      this.props.stepHooks.forEach((hook) => {\n        this.dromo.registerStepHook(hook.type, hook.callback)\n      })\n    }\n\n    if (this.props.fileParsers) {\n      this.props.fileParsers.forEach((parser) => {\n        this.dromo.registerFileParser(parser)\n      })\n    }\n  }\n\n  open = () => {\n    this.init()\n    this.dromo.open()\n  }\n\n  initInline = () => {\n    if (!this.inlineRef) return\n\n    this.init()\n    this.dromo.initInline(this.inlineRef.current)\n  }\n\n  componentDidMount() {\n    if (this.props.inline && this.inlineRef) {\n      this.initInline()\n      return\n    }\n\n    if (this.props.open) this.open()\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    if (this.props.inline) {\n      this.initInline()\n      return\n    }\n\n    if (!prevProps.open && this.props.open) {\n      this.open()\n    }\n\n    if (prevProps.open && !this.props.open) {\n      this.dromo.close()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.props.open && !this.props.inline) {\n      this.dromo.close()\n    }\n  }\n\n  render() {\n    if (this.props.inline) {\n      return (\n        <div\n          ref={this.inlineRef}\n          className={this.props.className}\n          style={this.props.style}\n        />\n      )\n    }\n\n    if (this.props.children === undefined) return <React.Fragment />\n\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  IStepHook,\n  IRowDeleteHook,\n  IBeforeFinishCallback,\n  IBulkRowHook,\n  IImporterOptions,\n  IParseFileCallback\n}\n"],"names":["DromoReactUploader","props","dromo","DromoUploader","licenseKey","fields","settings","user","idOrName","schemaId","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","fileParsers","parser","registerFileParser","init","open","inlineRef","initInline","current","inline","React","componentDidMount","componentDidUpdate","prevProps","close","componentWillUnmount","render","ref","className","style","children","undefined","onClick"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dromo-uploader-react",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "description": "Easy to use data (CSV, TSV, Excel) importer",
   "author": "ankitgoyal100",
   "license": "MIT",
@@ -61,6 +61,6 @@
     "dist"
   ],
   "dependencies": {
-    "dromo-uploader-js": "^2.1.6"
+    "dromo-uploader-js": "^2.1.8"
   }
 }