npm - dromo-uploader-react - Versions diffs - 1.2.9 → 1.2.10 - Mend

dromo-uploader-react 1.2.9 → 1.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["export interface IDeveloperField {\n label: string\n key: string\n type?: 'string' \| 'checkbox' \| 'select'\n description?: string\n alternateMatches?: string[]\n validators?: IValidatorField[]\n selectOptions?: {\n label: string\n value: string\n }[]\n}\n\nexport interface IValidatorField {\n validate:\n \| 'required'\n \| 'unique'\n \| 'regex_match'\n \| 'regex_exclude'\n \| 'require_with'\n \| 'require_without'\n \| 'require_with_all'\n \| 'require_without_all'\n \| 'require_with_values'\n \| 'require_without_values'\n \| 'require_with_all_values'\n \| 'require_without_all_values'\n errorMessage?: string\n fields?: string[]\n fieldValues?: { [key: string]: any }\n regex?: string\n regexOptions?: {\n ignoreCase?: boolean\n dotAll?: boolean\n multiline?: boolean\n unicode?: boolean\n }\n}\n\nexport interface IDeveloperSettings {\n importIdentifier: string\n title?: string\n allowInvalidSubmit?: boolean\n backendSync?: boolean\n manualInputDisabled?: boolean\n manualInputOnly?: boolean\n allowCustomFields?: boolean\n maxRecords?: number \| null\n developmentMode?: boolean\n displayEncoding?: boolean\n styleOverrides?: IDeveloperStyleOverrides\n webhookUrl?: string\n initialData?: any[] \| null\n autoMapHeaders?: boolean\n delimiter?: string\n backendOverride?: {\n url: string\n type: 'AWS' \| 'AZURE'\n } \| null\n locale?: TLocaleShorthand\n templateDownloadFilename?: string\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n global?: {\n textColor?: string\n primaryTextColor?: string\n secondaryTextColor?: string\n successColor?: string\n warningColor?: string\n customFontURL?: string \| null\n customFontFamily?: string \| null\n }\n primaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n secondaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n tertiaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n dropzone?: {\n borderWidth?: number\n borderRadius?: number\n borderColor?: string\n borderStyle?: string\n color?: string\n outline?: string\n }\n stepperBar?: {\n completeColor?: string\n incompleteColor?: string\n currentColor?: string\n }\n}\n\nexport interface IUser {\n id: string\n name?: string\n email?: string\n companyId?: string\n companyName?: string\n}\n\nexport interface ITableMessage {\n message: string\n level: 'info' \| 'warning' \| 'error'\n}\n\nexport interface IColumnHook {\n fieldName: string\n callback: (\n values: IColumnHookInput[]\n ) => IColumnHookOutput[] \| Promise<IColumnHookOutput[]>\n}\n\nexport interface IRowHook {\n (data: IRowHookInput, mode: 'init' \| 'update'):\n \| IRowHookOutput\n \| Promise<IRowHookOutput>\n}\n\nexport interface IColumnHookInput {\n index: number\n value: any\n}\n\nexport interface IColumnHookOutput {\n index: number\n value?: any\n info?: ITableMessage[]\n}\n\nexport interface IRowHookInput {\n row: {\n [key: string]: {\n value: any\n }\n }\n index: number\n}\n\nexport interface IRowHookOutput {\n row: {\n [key: string]: {\n value?: any\n info?: ITableMessage[]\n }\n }\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n index: number\n}\n\nexport interface IResultMetadata {\n id: string \| null\n importIdentifier: string\n user: IUser\n rowsWithError: number[]\n}\n\nexport type TLocaleShorthand = 'en'\n\nexport enum EStepHook {\n // eslint-disable-next-line no-unused-vars\n UPLOAD_STEP = 'UPLOAD_STEP',\n // eslint-disable-next-line no-unused-vars\n REVIEW_STEP = 'REVIEW_STEP'\n}\n\nexport interface IUploadStepData {\n dataPreview: any[][]\n}\n\nexport interface IReviewStepData {\n rawHeaders: string[] \| null\n headerMapping: { [header: string]: string \| undefined }\n}\n\nexport interface IStepHook {\n type: EStepHook\n callback: (\n uploader: any,\n data: IUploadStepData \| IReviewStepData\n ) => void \| Promise<void>\n}\n","import * as React from 'react'\nimport {\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 EStepHook,\n IStepHook\n} from './interfaces'\n\ninterface Props {\n style?: React.CSSProperties\n className?: string\n licenseKey: string\n user: IUser\n fields: IDeveloperField[]\n settings: IDeveloperSettings\n rowHooks?: IRowHook[]\n columnHooks?: IColumnHook[]\n stepHooks?: IStepHook[]\n onResults?: (data: any, metadata: IResultMetadata) => void\n onCancel?: () => void\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n dromo: any\n\n componentDidMount() {\n // Add event listener post load to set up Dromo\n window.addEventListener(SCRIPT_LOADED_EVENT, this.scriptLoaded.bind(this))\n\n const loadingScript = Array.from(\n document.getElementsByTagName('script')\n ).find((s) => s.src === SCRIPT_SRC)\n\n // If there is no script tag added to HTML then we add. Prevents multiple\n // adds if there are multiple components\n if (!loadingScript) {\n const script = document.createElement('script')\n script.src = SCRIPT_SRC\n script.async = true\n script.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n document.body.appendChild(script)\n } else {\n if ('DromoUploader' in window) {\n // If the script has been injected and has been loaded we can call\n // scriptLoaded\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n } else {\n // If the script has been injected but hasn't been loaded, we wait\n // for load\n loadingScript.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n }\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n SCRIPT_LOADED_EVENT,\n this.scriptLoaded.bind(this)\n )\n }\n\n scriptLoaded = () => {\n this.dromo = new DromoUploader(\n this.props.licenseKey,\n this.props.fields,\n this.props.settings,\n this.props.user\n )\n\n if (this.props.rowHooks) {\n this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\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.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\n open = () => {\n if (this.dromo) this.dromo.open()\n }\n\n render() {\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 EStepHook,\n IStepHook\n}\n"],"names":["EStepHook","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","columnHooks","registerColumnHook","fieldName","callback","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","window","addEventListener","scriptLoaded","bind","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","componentWillUnmount","removeEventListener","render","React","style","className","onClick","children"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["export interface IDeveloperField {\n label: string\n key: string\n type?: 'string' \| 'checkbox' \| 'select'\n description?: string\n alternateMatches?: string[]\n validators?: IValidatorField[]\n selectOptions?: {\n label: string\n value: string\n }[]\n}\n\nexport interface IValidatorField {\n validate:\n \| 'required'\n \| 'unique'\n \| 'regex_match'\n \| 'regex_exclude'\n \| 'require_with'\n \| 'require_without'\n \| 'require_with_all'\n \| 'require_without_all'\n \| 'require_with_values'\n \| 'require_without_values'\n \| 'require_with_all_values'\n \| 'require_without_all_values'\n errorMessage?: string\n fields?: string[]\n fieldValues?: { [key: string]: any }\n regex?: string\n regexOptions?: {\n ignoreCase?: boolean\n dotAll?: boolean\n multiline?: boolean\n unicode?: boolean\n }\n}\n\nexport interface IDeveloperSettings {\n importIdentifier: string\n title?: string\n allowInvalidSubmit?: boolean\n backendSync?: boolean\n manualInputDisabled?: boolean\n manualInputOnly?: boolean\n allowCustomFields?: boolean\n maxRecords?: number \| null\n developmentMode?: boolean\n displayEncoding?: boolean\n styleOverrides?: IDeveloperStyleOverrides\n webhookUrl?: string\n initialData?: any[] \| null\n autoMapHeaders?: boolean\n delimiter?: string\n backendOverride?: {\n url: string\n type: 'AWS' \| 'AZURE'\n } \| null\n locale?: TLocaleShorthand\n templateDownloadFilename?: string\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n global?: {\n textColor?: string\n primaryTextColor?: string\n secondaryTextColor?: string\n successColor?: string\n warningColor?: string\n customFontURL?: string \| null\n customFontFamily?: string \| null\n }\n primaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n secondaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n tertiaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n dropzone?: {\n borderWidth?: number\n borderRadius?: number\n borderColor?: string\n borderStyle?: string\n color?: string\n outline?: string\n }\n stepperBar?: {\n completeColor?: string\n incompleteColor?: string\n currentColor?: string\n }\n}\n\nexport interface IUser {\n id: string\n name?: string\n email?: string\n companyId?: string\n companyName?: string\n}\n\nexport interface ITableMessage {\n message: string\n level: 'info' \| 'warning' \| 'error'\n}\n\nexport interface IColumnHook {\n fieldName: string\n callback: (\n values: IColumnHookInput[]\n ) => IColumnHookOutput[] \| Promise<IColumnHookOutput[]>\n}\n\nexport interface IRowHook {\n (data: IRowHookInput, mode: 'init' \| 'update'):\n \| IRowHookOutput\n \| Promise<IRowHookOutput>\n}\n\nexport interface IColumnHookInput {\n index: number\n value: any\n}\n\nexport interface IColumnHookOutput {\n index: number\n value?: any\n info?: ITableMessage[]\n}\n\nexport interface IRowHookInput {\n row: {\n [key: string]: {\n value: any\n info?: ITableMessage[]\n }\n }\n index: number\n}\n\nexport interface IRowHookOutput {\n row: {\n [key: string]: {\n value?: any\n info?: ITableMessage[]\n }\n }\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n index: number\n}\n\nexport interface IResultMetadata {\n id: string \| null\n importIdentifier: string\n user: IUser\n rowsWithError: number[]\n}\n\nexport type TLocaleShorthand = 'en'\n\nexport enum EStepHook {\n // eslint-disable-next-line no-unused-vars\n UPLOAD_STEP = 'UPLOAD_STEP',\n // eslint-disable-next-line no-unused-vars\n REVIEW_STEP = 'REVIEW_STEP'\n}\n\nexport interface IUploadStepData {\n dataPreview: any[][]\n}\n\nexport interface IReviewStepData {\n rawHeaders: string[] \| null\n headerMapping: { [header: string]: string \| undefined }\n}\n\nexport interface IStepHook {\n type: EStepHook\n callback: (\n uploader: any,\n data: IUploadStepData \| IReviewStepData\n ) => void \| Promise<void>\n}\n","import * as React from 'react'\nimport {\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 EStepHook,\n IStepHook\n} from './interfaces'\n\ninterface Props {\n style?: React.CSSProperties\n className?: string\n licenseKey: string\n user: IUser\n fields: IDeveloperField[]\n settings: IDeveloperSettings\n rowHooks?: IRowHook[]\n columnHooks?: IColumnHook[]\n stepHooks?: IStepHook[]\n onResults?: (data: any, metadata: IResultMetadata) => void\n onCancel?: () => void\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n dromo: any\n\n componentDidMount() {\n // Add event listener post load to set up Dromo\n window.addEventListener(SCRIPT_LOADED_EVENT, this.scriptLoaded.bind(this))\n\n const loadingScript = Array.from(\n document.getElementsByTagName('script')\n ).find((s) => s.src === SCRIPT_SRC)\n\n // If there is no script tag added to HTML then we add. Prevents multiple\n // adds if there are multiple components\n if (!loadingScript) {\n const script = document.createElement('script')\n script.src = SCRIPT_SRC\n script.async = true\n script.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n document.body.appendChild(script)\n } else {\n if ('DromoUploader' in window) {\n // If the script has been injected and has been loaded we can call\n // scriptLoaded\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n } else {\n // If the script has been injected but hasn't been loaded, we wait\n // for load\n loadingScript.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n }\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n SCRIPT_LOADED_EVENT,\n this.scriptLoaded.bind(this)\n )\n }\n\n scriptLoaded = () => {\n this.dromo = new DromoUploader(\n this.props.licenseKey,\n this.props.fields,\n this.props.settings,\n this.props.user\n )\n\n if (this.props.rowHooks) {\n this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\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.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\n open = () => {\n if (this.dromo) this.dromo.open()\n }\n\n render() {\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 EStepHook,\n IStepHook\n}\n"],"names":["EStepHook","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","columnHooks","registerColumnHook","fieldName","callback","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","window","addEventListener","scriptLoaded","bind","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","componentWillUnmount","removeEventListener","render","React","style","className","onClick","children"],"mappings":"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"}

package/dist/index.modern.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.modern.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["export interface IDeveloperField {\n label: string\n key: string\n type?: 'string' \| 'checkbox' \| 'select'\n description?: string\n alternateMatches?: string[]\n validators?: IValidatorField[]\n selectOptions?: {\n label: string\n value: string\n }[]\n}\n\nexport interface IValidatorField {\n validate:\n \| 'required'\n \| 'unique'\n \| 'regex_match'\n \| 'regex_exclude'\n \| 'require_with'\n \| 'require_without'\n \| 'require_with_all'\n \| 'require_without_all'\n \| 'require_with_values'\n \| 'require_without_values'\n \| 'require_with_all_values'\n \| 'require_without_all_values'\n errorMessage?: string\n fields?: string[]\n fieldValues?: { [key: string]: any }\n regex?: string\n regexOptions?: {\n ignoreCase?: boolean\n dotAll?: boolean\n multiline?: boolean\n unicode?: boolean\n }\n}\n\nexport interface IDeveloperSettings {\n importIdentifier: string\n title?: string\n allowInvalidSubmit?: boolean\n backendSync?: boolean\n manualInputDisabled?: boolean\n manualInputOnly?: boolean\n allowCustomFields?: boolean\n maxRecords?: number \| null\n developmentMode?: boolean\n displayEncoding?: boolean\n styleOverrides?: IDeveloperStyleOverrides\n webhookUrl?: string\n initialData?: any[] \| null\n autoMapHeaders?: boolean\n delimiter?: string\n backendOverride?: {\n url: string\n type: 'AWS' \| 'AZURE'\n } \| null\n locale?: TLocaleShorthand\n templateDownloadFilename?: string\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n global?: {\n textColor?: string\n primaryTextColor?: string\n secondaryTextColor?: string\n successColor?: string\n warningColor?: string\n customFontURL?: string \| null\n customFontFamily?: string \| null\n }\n primaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n secondaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n tertiaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n dropzone?: {\n borderWidth?: number\n borderRadius?: number\n borderColor?: string\n borderStyle?: string\n color?: string\n outline?: string\n }\n stepperBar?: {\n completeColor?: string\n incompleteColor?: string\n currentColor?: string\n }\n}\n\nexport interface IUser {\n id: string\n name?: string\n email?: string\n companyId?: string\n companyName?: string\n}\n\nexport interface ITableMessage {\n message: string\n level: 'info' \| 'warning' \| 'error'\n}\n\nexport interface IColumnHook {\n fieldName: string\n callback: (\n values: IColumnHookInput[]\n ) => IColumnHookOutput[] \| Promise<IColumnHookOutput[]>\n}\n\nexport interface IRowHook {\n (data: IRowHookInput, mode: 'init' \| 'update'):\n \| IRowHookOutput\n \| Promise<IRowHookOutput>\n}\n\nexport interface IColumnHookInput {\n index: number\n value: any\n}\n\nexport interface IColumnHookOutput {\n index: number\n value?: any\n info?: ITableMessage[]\n}\n\nexport interface IRowHookInput {\n row: {\n [key: string]: {\n value: any\n }\n }\n index: number\n}\n\nexport interface IRowHookOutput {\n row: {\n [key: string]: {\n value?: any\n info?: ITableMessage[]\n }\n }\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n index: number\n}\n\nexport interface IResultMetadata {\n id: string \| null\n importIdentifier: string\n user: IUser\n rowsWithError: number[]\n}\n\nexport type TLocaleShorthand = 'en'\n\nexport enum EStepHook {\n // eslint-disable-next-line no-unused-vars\n UPLOAD_STEP = 'UPLOAD_STEP',\n // eslint-disable-next-line no-unused-vars\n REVIEW_STEP = 'REVIEW_STEP'\n}\n\nexport interface IUploadStepData {\n dataPreview: any[][]\n}\n\nexport interface IReviewStepData {\n rawHeaders: string[] \| null\n headerMapping: { [header: string]: string \| undefined }\n}\n\nexport interface IStepHook {\n type: EStepHook\n callback: (\n uploader: any,\n data: IUploadStepData \| IReviewStepData\n ) => void \| Promise<void>\n}\n","import * as React from 'react'\nimport {\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 EStepHook,\n IStepHook\n} from './interfaces'\n\ninterface Props {\n style?: React.CSSProperties\n className?: string\n licenseKey: string\n user: IUser\n fields: IDeveloperField[]\n settings: IDeveloperSettings\n rowHooks?: IRowHook[]\n columnHooks?: IColumnHook[]\n stepHooks?: IStepHook[]\n onResults?: (data: any, metadata: IResultMetadata) => void\n onCancel?: () => void\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n dromo: any\n\n componentDidMount() {\n // Add event listener post load to set up Dromo\n window.addEventListener(SCRIPT_LOADED_EVENT, this.scriptLoaded.bind(this))\n\n const loadingScript = Array.from(\n document.getElementsByTagName('script')\n ).find((s) => s.src === SCRIPT_SRC)\n\n // If there is no script tag added to HTML then we add. Prevents multiple\n // adds if there are multiple components\n if (!loadingScript) {\n const script = document.createElement('script')\n script.src = SCRIPT_SRC\n script.async = true\n script.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n document.body.appendChild(script)\n } else {\n if ('DromoUploader' in window) {\n // If the script has been injected and has been loaded we can call\n // scriptLoaded\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n } else {\n // If the script has been injected but hasn't been loaded, we wait\n // for load\n loadingScript.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n }\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n SCRIPT_LOADED_EVENT,\n this.scriptLoaded.bind(this)\n )\n }\n\n scriptLoaded = () => {\n this.dromo = new DromoUploader(\n this.props.licenseKey,\n this.props.fields,\n this.props.settings,\n this.props.user\n )\n\n if (this.props.rowHooks) {\n this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\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.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\n open = () => {\n if (this.dromo) this.dromo.open()\n }\n\n render() {\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 EStepHook,\n IStepHook\n}\n"],"names":["EStepHook","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","columnHooks","registerColumnHook","fieldName","callback","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","window","addEventListener","scriptLoaded","bind","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","componentWillUnmount","removeEventListener","render","React","style","className","onClick","children"],"mappings":"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"}
1	+ {"version":3,"file":"index.modern.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["export interface IDeveloperField {\n label: string\n key: string\n type?: 'string' \| 'checkbox' \| 'select'\n description?: string\n alternateMatches?: string[]\n validators?: IValidatorField[]\n selectOptions?: {\n label: string\n value: string\n }[]\n}\n\nexport interface IValidatorField {\n validate:\n \| 'required'\n \| 'unique'\n \| 'regex_match'\n \| 'regex_exclude'\n \| 'require_with'\n \| 'require_without'\n \| 'require_with_all'\n \| 'require_without_all'\n \| 'require_with_values'\n \| 'require_without_values'\n \| 'require_with_all_values'\n \| 'require_without_all_values'\n errorMessage?: string\n fields?: string[]\n fieldValues?: { [key: string]: any }\n regex?: string\n regexOptions?: {\n ignoreCase?: boolean\n dotAll?: boolean\n multiline?: boolean\n unicode?: boolean\n }\n}\n\nexport interface IDeveloperSettings {\n importIdentifier: string\n title?: string\n allowInvalidSubmit?: boolean\n backendSync?: boolean\n manualInputDisabled?: boolean\n manualInputOnly?: boolean\n allowCustomFields?: boolean\n maxRecords?: number \| null\n developmentMode?: boolean\n displayEncoding?: boolean\n styleOverrides?: IDeveloperStyleOverrides\n webhookUrl?: string\n initialData?: any[] \| null\n autoMapHeaders?: boolean\n delimiter?: string\n backendOverride?: {\n url: string\n type: 'AWS' \| 'AZURE'\n } \| null\n locale?: TLocaleShorthand\n templateDownloadFilename?: string\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n global?: {\n textColor?: string\n primaryTextColor?: string\n secondaryTextColor?: string\n successColor?: string\n warningColor?: string\n customFontURL?: string \| null\n customFontFamily?: string \| null\n }\n primaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n secondaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n tertiaryButton?: {\n borderRadius?: string\n backgroundColor?: string\n textColor?: string\n border?: string\n hoverBackgroundColor?: string\n hoverTextColor?: string\n hoverBorder?: string\n }\n dropzone?: {\n borderWidth?: number\n borderRadius?: number\n borderColor?: string\n borderStyle?: string\n color?: string\n outline?: string\n }\n stepperBar?: {\n completeColor?: string\n incompleteColor?: string\n currentColor?: string\n }\n}\n\nexport interface IUser {\n id: string\n name?: string\n email?: string\n companyId?: string\n companyName?: string\n}\n\nexport interface ITableMessage {\n message: string\n level: 'info' \| 'warning' \| 'error'\n}\n\nexport interface IColumnHook {\n fieldName: string\n callback: (\n values: IColumnHookInput[]\n ) => IColumnHookOutput[] \| Promise<IColumnHookOutput[]>\n}\n\nexport interface IRowHook {\n (data: IRowHookInput, mode: 'init' \| 'update'):\n \| IRowHookOutput\n \| Promise<IRowHookOutput>\n}\n\nexport interface IColumnHookInput {\n index: number\n value: any\n}\n\nexport interface IColumnHookOutput {\n index: number\n value?: any\n info?: ITableMessage[]\n}\n\nexport interface IRowHookInput {\n row: {\n [key: string]: {\n value: any\n info?: ITableMessage[]\n }\n }\n index: number\n}\n\nexport interface IRowHookOutput {\n row: {\n [key: string]: {\n value?: any\n info?: ITableMessage[]\n }\n }\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n index: number\n}\n\nexport interface IResultMetadata {\n id: string \| null\n importIdentifier: string\n user: IUser\n rowsWithError: number[]\n}\n\nexport type TLocaleShorthand = 'en'\n\nexport enum EStepHook {\n // eslint-disable-next-line no-unused-vars\n UPLOAD_STEP = 'UPLOAD_STEP',\n // eslint-disable-next-line no-unused-vars\n REVIEW_STEP = 'REVIEW_STEP'\n}\n\nexport interface IUploadStepData {\n dataPreview: any[][]\n}\n\nexport interface IReviewStepData {\n rawHeaders: string[] \| null\n headerMapping: { [header: string]: string \| undefined }\n}\n\nexport interface IStepHook {\n type: EStepHook\n callback: (\n uploader: any,\n data: IUploadStepData \| IReviewStepData\n ) => void \| Promise<void>\n}\n","import * as React from 'react'\nimport {\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 EStepHook,\n IStepHook\n} from './interfaces'\n\ninterface Props {\n style?: React.CSSProperties\n className?: string\n licenseKey: string\n user: IUser\n fields: IDeveloperField[]\n settings: IDeveloperSettings\n rowHooks?: IRowHook[]\n columnHooks?: IColumnHook[]\n stepHooks?: IStepHook[]\n onResults?: (data: any, metadata: IResultMetadata) => void\n onCancel?: () => void\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n dromo: any\n\n componentDidMount() {\n // Add event listener post load to set up Dromo\n window.addEventListener(SCRIPT_LOADED_EVENT, this.scriptLoaded.bind(this))\n\n const loadingScript = Array.from(\n document.getElementsByTagName('script')\n ).find((s) => s.src === SCRIPT_SRC)\n\n // If there is no script tag added to HTML then we add. Prevents multiple\n // adds if there are multiple components\n if (!loadingScript) {\n const script = document.createElement('script')\n script.src = SCRIPT_SRC\n script.async = true\n script.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n document.body.appendChild(script)\n } else {\n if ('DromoUploader' in window) {\n // If the script has been injected and has been loaded we can call\n // scriptLoaded\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n } else {\n // If the script has been injected but hasn't been loaded, we wait\n // for load\n loadingScript.onload = () => {\n const event = new Event(SCRIPT_LOADED_EVENT)\n window.dispatchEvent(event)\n }\n }\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener(\n SCRIPT_LOADED_EVENT,\n this.scriptLoaded.bind(this)\n )\n }\n\n scriptLoaded = () => {\n this.dromo = new DromoUploader(\n this.props.licenseKey,\n this.props.fields,\n this.props.settings,\n this.props.user\n )\n\n if (this.props.rowHooks) {\n this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\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.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\n open = () => {\n if (this.dromo) this.dromo.open()\n }\n\n render() {\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 EStepHook,\n IStepHook\n}\n"],"names":["EStepHook","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","columnHooks","registerColumnHook","fieldName","callback","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","window","addEventListener","scriptLoaded","bind","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","componentWillUnmount","removeEventListener","render","React","style","className","onClick","children"],"mappings":"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"}

package/dist/interfaces.d.ts CHANGED Viewed

@@ -130,6 +130,7 @@ export interface IRowHookInput {
     row: {
         [key: string]: {
             value: any;
+            info?: ITableMessage[];
         };
     };
     index: number;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "dromo-uploader-react",
-  "version": "1.2.9",
+  "version": "1.2.10",
   "description": "Easy to use data (CSV, TSV, Excel) importer",
   "author": "ankitgoyal100",
   "license": "MIT",