@adaptabletools/adaptable 24.0.0-canary.7 → 24.0.0-canary.9

package/src/View/AdaptableWizardView/Wizard.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { Reducer, ReactNode } from 'react';
-import { GridOptions } from 'ag-grid-enterprise';
-import { AdaptableOptions } from '../../types';
-import { ConfigurationWizardProps } from './AdaptableConfigurationDialog/ConfigurationWizard';
-export interface AdaptableWizardViewProps {
-    adaptableOptions?: Omit<AdaptableOptions, 'primaryKey'> & {
-        primaryKey?: string;
-    };
-    gridOptions?: GridOptions;
-    /**
-     * Default true.
-     */
-    ddEnabled?: boolean;
-    /**
-     * When true the the configuration wizard will be shown.
-     * It will use the available information in adaptableOptions & gridOptions.
-     * This mode skips over interpreting data to figure-out columns.
-     */
-    skipToWizard?: boolean;
-    onInit: (adaptableOptions: AdaptableOptions, gridOptions: GridOptions) => any;
-    fileContentsToJSON?: (str: string) => Promise<any> | any;
-    readFile?: (file: File) => Promise<any>;
-    fileAccept?: string;
-    helpText?: React.ReactNode;
-    loadingMessage?: ReactNode;
-    defaultActionMessage?: ReactNode;
-    dragOverActionMessage?: ReactNode;
-    fetchData?: () => Promise<Record<string, any>[]>;
-    showFetchDataWizard?: boolean;
-    startSections?: ConfigurationWizardProps['startSections'];
-    prepareData?: (data: any, file?: File) => {
-        columns: string[];
-        data: any[];
-        primaryKey?: string;
-    };
-}
-export declare const initialState: Partial<WizardState>;
-export declare const reducer: Reducer<WizardState, any>;
-interface WizardState {
-    dropped: boolean;
-    error: any;
-    adaptableOptions: AdaptableOptions;
-    gridOptions: GridOptions;
-}
-/**
- * The wizard in a few modes:
- *
- * 1. Based on data:
- * 1.1 Drag and drop a file
- * 1.2 Fetch data from a url
- *
- * 2. Based on configuration:
- * Provide a schema, on how the data looks like.
- */
-export declare const Wizard: (props: AdaptableWizardViewProps) => React.JSX.Element;
-export {};

package/src/View/AdaptableWizardView/Wizard.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useReducer, useState, useEffect } from 'react';
-import { prepareDataSource, prepareGridOptions } from './Utilities/helper';
-import ConfigurationDialog from './AdaptableConfigurationDialog';
-import FileDroppable from '../../components/FileDroppable';
-import { validDataSource } from './Utilities/Utils';
-import { Flex } from '../../components/Flex';
-export const initialState = {
-    dropped: false,
-};
-export const reducer = (state, action) => {
-    if (action.type === 'DROPPED') {
-        return {
-            ...state,
-            adaptableOptions: action.payload.adaptableOptions,
-            gridOptions: action.payload.gridOptions,
-            dropped: true,
-            error: null,
-        };
-    }
-    if (action.type === 'ERROR') {
-        return {
-            ...state,
-            dropped: false,
-            error: action.payload,
-        };
-    }
-    if (action.type === 'CANCEL') {
-        return {
-            ...state,
-            error: null,
-            dropped: false,
-        };
-    }
-    return state;
-};
-export const Wizard = (props) => {
-    const [state, dispatch] = useReducer(reducer, {
-        ...initialState,
-        adaptableOptions: props.adaptableOptions,
-        gridOptions: props.gridOptions,
-    });
-    const [droppableKey, setDroppableKey] = useState(Date.now());
-    const [isDataLoading, setIsDataLoading] = useState(false);
-    const handleDataSource = (array, file) => {
-        const dataSourceInfo = (props.prepareData || prepareDataSource)(array, file);
-        try {
-            validDataSource(dataSourceInfo);
-        }
-        catch (err) {
-            return dispatch({
-                type: 'ERROR',
-                payload: `Invalid adaptable configuration - ${err}`,
-            });
-        }
-        const gridOptions = prepareGridOptions(dataSourceInfo, props.gridOptions);
-        const adaptableOptions = { ...props.adaptableOptions };
-        adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
-        if (dataSourceInfo.primaryKey) {
-            adaptableOptions.primaryKey = dataSourceInfo.primaryKey;
-        }
-        const shouldShowWizard = props.fetchData ? Boolean(props.showFetchDataWizard) : true;
-        if (shouldShowWizard) {
-            dispatch({
-                type: 'DROPPED',
-                payload: { adaptableOptions, gridOptions },
-            });
-        }
-        else {
-            props.onInit(adaptableOptions, gridOptions);
-        }
-    };
-    let wizard;
-    if (props.skipToWizard || state.dropped) {
-        wizard = (_jsx(ConfigurationDialog, { startSections: props.startSections, adaptableConfig: {
-                adaptableOptions: state.adaptableOptions,
-                gridOptions: state.gridOptions,
-            }, onCancel: () => {
-                setDroppableKey(Date.now());
-                dispatch({
-                    type: 'CANCEL',
-                });
-            }, onFinish: (adaptableConfig) => {
-                props.onInit(adaptableConfig.adaptableOptions, adaptableConfig.gridOptions);
-            } }));
-    }
-    useEffect(() => {
-        if (props.fetchData) {
-            setIsDataLoading(true);
-            props.fetchData().then((data) => {
-                handleDataSource(data);
-                setIsDataLoading(false);
-            });
-        }
-    }, []);
-    const ddEnabled = props.ddEnabled ?? !props.fetchData;
-    return (_jsxs(_Fragment, { children: [ddEnabled && (_jsx(FileDroppable, { className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource }, droppableKey)), isDataLoading && (_jsx(Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column", children: props.loadingMessage || 'Loading ...' })), wizard] }));
-};

package/src/View/AdaptableWizardView/index.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { AdaptableWizardViewProps } from './Wizard';
-declare const AdaptableWizardView: React.FunctionComponent<React.PropsWithChildren<AdaptableWizardViewProps>>;
-export default AdaptableWizardView;

package/src/View/AdaptableWizardView/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Wizard } from './Wizard';
-const AdaptableWizardView = (props) => _jsx(Wizard, { ...props });
-export default AdaptableWizardView;