Added schemaless data types support to SDKs

Author: ciminelli

js-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tableflow/js",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "description": "The JavaScript SDK for TableFlow. Embed an importer to collect and transform CSV files in your application.",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs false",

js-sdk/src/index.stories.ts

@@ -28,6 +28,7 @@ const meta = {
     showDownloadTemplateButton: { control: "boolean" },
     schemaless: { control: "boolean" },
     schemalessReadOnly: { control: "boolean" },
+    schemalessDataTypes: { control: "boolean" },
     waitOnComplete: { control: "boolean" },
   },
 } satisfies Meta<TableFlowImporterProps>;

js-sdk/src/index.ts

@@ -24,6 +24,7 @@ export default function createTableFlowImporter({
   cssOverrides,
   schemaless,
   schemalessReadOnly,
+  schemalessDataTypes,
 }: TableFlowImporterProps) {
   // CSS classes
   const baseClass = "TableFlowImporter";
@@ -65,6 +66,7 @@ export default function createTableFlowImporter({
     skipHeaderRowSelection: parseOptionalBoolean(skipHeaderRowSelection),
     schemaless: parseOptionalBoolean(schemaless),
     schemalessReadOnly: parseOptionalBoolean(schemalessReadOnly),
+    schemalessDataTypes: parseOptionalBoolean(schemalessDataTypes),
   };
 
   const uploaderUrl = getUploaderUrl(urlParams, hostUrl);

js-sdk/src/types/index.ts

@@ -21,4 +21,5 @@ export type TableFlowImporterProps = HTMLDialogElement & {
   skipHeaderRowSelection?: boolean;
   schemaless?: boolean;
   schemalessReadOnly?: boolean;
+  schemalessDataTypes?: boolean;
 } & ModalParams;

react-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tableflow/react",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "description": "The React SDK for TableFlow. Embed an importer to collect and transform CSV files in your application.",
   "main": "build/index.js",
   "module": "build/index.esm.js",

react-sdk/src/components/TableFlowImporter/index.tsx

@@ -24,6 +24,7 @@ export default function TableFlowImporter({
   cssOverrides,
   schemaless,
   schemalessReadOnly,
+  schemalessDataTypes,
   ...props
 }: TableFlowImporterProps) {
   const ref = useRef(null);
@@ -59,6 +60,7 @@ export default function TableFlowImporter({
     skipHeaderRowSelection: parseOptionalBoolean(skipHeaderRowSelection),
     schemaless: parseOptionalBoolean(schemaless),
     schemalessReadOnly: parseOptionalBoolean(schemalessReadOnly),
+    schemalessDataTypes: parseOptionalBoolean(schemalessDataTypes),
   };
   const searchParams = new URLSearchParams(urlParams);
   const defaultImporterUrl = "https://importer.tableflow.com";

react-sdk/src/components/TableFlowImporter/types/index.ts

@@ -23,4 +23,5 @@ export type TableFlowImporterProps = (HTMLAttributes<HTMLDialogElement> & HTMLAt
   skipHeaderRowSelection?: boolean;
   schemaless?: boolean;
   schemalessReadOnly?: boolean;
+  schemalessDataTypes?: boolean;
 } & ModalParams;

react-sdk/src/settings/defaults.ts

@@ -16,6 +16,7 @@ const defaults: TableFlowImporterProps = {
   // },
   // schemaless: false,
   // schemalessReadOnly: true,
+  // schemalessDataTypes: true,
   darkMode: true,
   onComplete: (data) => console.log("onComplete", data),
   // customStyles: {