@ingestro/importer-react 4.0.1 → 4.0.3
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.
- package/README.md +19 -19
- package/{chunk-J6EQVURF.js → chunk-OOKRCW2A.js} +55 -55
- package/index.js +648 -718
- package/package.json +2 -3
- package/workers/parseData/index.js +1 -1
package/README.md
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
<!-- markdownlint-disable -->
|
|
2
2
|
<p align="center">
|
|
3
|
-
<a href="https://ingestro.com/" rel="noopener" target="_blank"><img width="150" src="https://general-upload.ingestro.com/
|
|
3
|
+
<a href="https://ingestro.com/" rel="noopener noreferrer" target="_blank"><img width="150" src="https://general-upload.ingestro.com/logo-ingestro-darkblue.svg" alt="Ingestro logo"></a>
|
|
4
4
|
</p>
|
|
5
5
|
|
|
6
|
-
<h1 align="center">@
|
|
6
|
+
<h1 align="center">@ingestro/importer-react</h1>
|
|
7
7
|
|
|
8
8
|
<div align="center">
|
|
9
9
|
|
|
10
|
-
[](https://badge.fury.io/js/@ingestro%2Fimporter-react)
|
|
11
11
|
[](https://status.ingestro.com/)
|
|
12
12
|
|
|
13
13
|
</div>
|
|
14
14
|
|
|
15
15
|
> [!NOTE]
|
|
16
|
-
> The `@
|
|
17
|
-
> While you can continue using versions
|
|
18
|
-
> `@
|
|
16
|
+
> The `@ingestro/importer-react` package is the successor to our previous `@getnuvo/importer-react` package.
|
|
17
|
+
> While you can continue using versions 3.x of `@getnuvo/importer-react`, we recommend migrating to
|
|
18
|
+
> `@ingestro/importer-react` version 4.x to take advantage of the latest features and improvements.
|
|
19
19
|
|
|
20
|
-
#
|
|
20
|
+
# Ingestro Data Importer SDK
|
|
21
21
|
|
|
22
|
-
**
|
|
22
|
+
**Ingestro** leverages AI to simplify importing complex and messy files into your application.
|
|
23
23
|
|
|
24
|
-
Integrate the
|
|
24
|
+
Integrate the Ingestro Data Importer to offer your customers an intuitive and efficient data import experience.
|
|
25
25
|
|
|
26
26
|
## Features
|
|
27
27
|
|
|
@@ -34,22 +34,22 @@ Integrate the nuvo Data Importer to offer your customers an intuitive and effici
|
|
|
34
34
|
|
|
35
35
|
## Getting Started
|
|
36
36
|
|
|
37
|
-
Ensure you have signed up on our [User Platform](https://dashboard.ingestro.com/) and have access to your
|
|
37
|
+
Ensure you have signed up on our [User Platform](https://dashboard.ingestro.com/) and have access to your Ingestro license key.
|
|
38
38
|
|
|
39
39
|
### Installation
|
|
40
40
|
|
|
41
|
-
Add
|
|
41
|
+
Add Ingestro to your project:
|
|
42
42
|
|
|
43
43
|
**npm:**
|
|
44
44
|
|
|
45
45
|
```bash
|
|
46
|
-
npm install @
|
|
46
|
+
npm install @ingestro/importer-react
|
|
47
47
|
```
|
|
48
48
|
|
|
49
49
|
**yarn:**
|
|
50
50
|
|
|
51
51
|
```bash
|
|
52
|
-
yarn add @
|
|
52
|
+
yarn add @ingestro/importer-react
|
|
53
53
|
```
|
|
54
54
|
|
|
55
55
|
### Basic Implementation
|
|
@@ -58,7 +58,7 @@ Below is a basic example of integrating the `DataImporter` component into your R
|
|
|
58
58
|
|
|
59
59
|
```jsx
|
|
60
60
|
import * as React from 'react';
|
|
61
|
-
import { DataImporter } from '@
|
|
61
|
+
import { DataImporter } from '@ingestro/importer-react';
|
|
62
62
|
|
|
63
63
|
function App() {
|
|
64
64
|
return (
|
|
@@ -77,7 +77,7 @@ function App() {
|
|
|
77
77
|
},
|
|
78
78
|
],
|
|
79
79
|
}}
|
|
80
|
-
onResults={(results, errors, complete, logs) => {
|
|
80
|
+
onResults={(results, errors, complete, logs, block) => {
|
|
81
81
|
console.log('Imported Data:', results);
|
|
82
82
|
console.log('Errors:', errors);
|
|
83
83
|
console.log('Import Logs:', logs);
|
|
@@ -92,7 +92,7 @@ function App() {
|
|
|
92
92
|
|
|
93
93
|
In this example:
|
|
94
94
|
|
|
95
|
-
- **licenseKey**: Your unique
|
|
95
|
+
- **licenseKey**: Your unique Ingestro license key.
|
|
96
96
|
- **settings**: Configuration object for the importer.
|
|
97
97
|
- **identifier**: A unique string to identify the import instance.
|
|
98
98
|
- **columns**: Defines the target data model (TDM) with `label` and `key` for each column.
|
|
@@ -137,7 +137,7 @@ For implementation details, refer to the [Dynamic Import](https://docs.ingestro.
|
|
|
137
137
|
|
|
138
138
|
### Styling and Theming
|
|
139
139
|
|
|
140
|
-
Customize the appearance of the
|
|
140
|
+
Customize the appearance of the Ingestro importer to match your application's design. Modify themes, adjust display modes, and enable or disable specific features to create a seamless user experience.
|
|
141
141
|
|
|
142
142
|
Learn more about styling options in the [Styling](https://docs.ingestro.com/sdk/styling/) section.
|
|
143
143
|
|
|
@@ -159,9 +159,9 @@ Stay updated with the latest features, improvements, and bug fixes by reviewing
|
|
|
159
159
|
|
|
160
160
|
## Learn More
|
|
161
161
|
|
|
162
|
-
Explore how to get the most out of
|
|
162
|
+
Explore how to get the most out of Ingestro with real examples and detailed guides:
|
|
163
163
|
|
|
164
|
-
- Try it live on [CodeSandbox](https://codesandbox.io/p/
|
|
164
|
+
- Try it live on [CodeSandbox](https://codesandbox.io/p/devbox/gtzcrh) – test and tweak the importer in action.
|
|
165
165
|
- Visit our [Knowledge Base](https://dashboard.ingestro.com/knowledge-base) for deep dives into settings, data models, cleaning functions, and more.
|
|
166
166
|
|
|
167
167
|
## Support
|