@adaptabletools/adaptable 22.1.1 → 23.0.0-canary.0

package/src/View/Schedule/Wizard/ScheduleWizard.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AdaptableOnePageWizardProps } from '../../../View/Wizard/Interface/IAdaptableWizard';
-import { BaseSchedule } from '../../../AdaptableState/Common/Schedule';
-export interface ScheduleWizardProps extends AdaptableOnePageWizardProps<BaseSchedule> {
-}
-export declare const ScheduleWizard: React.FunctionComponent<ScheduleWizardProps>;

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -1,109 +0,0 @@
-import * as React from 'react';
-import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
-import { ScheduleSettingsWizard, ScheduleSettingsSummary, isSettingsValid, } from './ScheduleSettingsWizard';
-import { ScheduleScheduleWizard, isScheduleValid } from './ScheduleScheduleWizard';
-import { ScheduleScheduleSummary } from './ScheduleScheduleSummary';
-import { ScheduleType } from '../../../AdaptableState/Common/Enums';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useDispatch } from 'react-redux';
-import * as ScheduleRedux from '../../../Redux/ActionsReducers/ScheduleRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { Box } from '../../../components/Flex';
-export const ScheduleWizard = (props) => {
-    const data = props.data ?? props.popupParams?.value;
-    const isNew = props.popupParams?.action ? props.popupParams.action === 'New' : !props.data;
-    const scheduleType = data ? data.ScheduleType : props?.abObjectType?.name;
-    const [schedule, setSchedule] = React.useState(() => {
-        if (data) {
-            return data;
-        }
-        let scheduleState = null;
-        switch (scheduleType) {
-            case ScheduleType.Reminder:
-                scheduleState = ObjectFactory.CreateEmptyReminderSchedule();
-                break;
-            case ScheduleType.Report:
-                scheduleState = ObjectFactory.CreateEmptyReportSchedule();
-                break;
-            case ScheduleType.ipushpull:
-                scheduleState = ObjectFactory.CreateEmptyIPushPullSchedule();
-                break;
-            case ScheduleType.OpenFin:
-                scheduleState = ObjectFactory.CreateEmptyOpenFinSchedule();
-                break;
-        }
-        return scheduleState;
-    });
-    const [isOneOff, setIsOneOff] = React.useState(false);
-    const dispatch = useDispatch();
-    const handleFinish = () => {
-        let action = null;
-        if (!isNew) {
-            switch (scheduleType) {
-                case ScheduleType.Reminder:
-                    action = ScheduleRedux.ReminderScheduleEdit(schedule);
-                    break;
-                case ScheduleType.Report:
-                    action = ScheduleRedux.ReportScheduleEdit(schedule);
-                    break;
-                case ScheduleType.ipushpull:
-                    action = ScheduleRedux.IPushPullScheduleEdit(schedule);
-                    break;
-                    break;
-                case ScheduleType.OpenFin:
-                    action = ScheduleRedux.OpenFinScheduleEdit(schedule);
-                    break;
-            }
-        }
-        else {
-            switch (scheduleType) {
-                case ScheduleType.Reminder:
-                    action = ScheduleRedux.ReminderScheduleAdd(schedule);
-                    break;
-                case ScheduleType.Report:
-                    action = ScheduleRedux.ReportScheduleAdd(schedule);
-                    break;
-                case ScheduleType.ipushpull:
-                    action = ScheduleRedux.IPushPullScheduleAdd(schedule);
-                    break;
-                case ScheduleType.OpenFin:
-                    action = ScheduleRedux.OpenFinScheduleAdd(schedule);
-                    break;
-            }
-        }
-        dispatch(action);
-        props.onFinishWizard(schedule);
-    };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: schedule, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
-            {
-                title: 'Settings',
-                isValid: isSettingsValid,
-                renderSummary: () => React.createElement(ScheduleSettingsSummary, null),
-                render: () => (React.createElement(Box, { className: "twa:p-3" },
-                    React.createElement(ScheduleSettingsWizard, { onChange: setSchedule }))),
-            },
-            {
-                title: 'Schedule',
-                isValid: (data) => isScheduleValid(data, isOneOff),
-                renderSummary: () => React.createElement(ScheduleScheduleSummary, null),
-                render: () => (React.createElement(Box, { className: "twa:p-3" },
-                    React.createElement(ScheduleScheduleWizard, { isOneOff: isOneOff, onSetIsOneOff: setIsOneOff, onChange: setSchedule }))),
-            },
-            {
-                details: 'Select Schedule Tags',
-                title: 'Tags',
-                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { className: "twa:p-2" },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setSchedule }))),
-                renderSummary: renderObjectTagsSummary,
-            },
-            '-',
-            {
-                render: () => {
-                    return (React.createElement(Box, { className: "twa:p-2" },
-                        React.createElement(OnePageWizardSummary, null)));
-                },
-                title: 'Summary',
-            },
-        ] }));
-};

package/src/View/StyledColumn/Wizard/StyledColumnBadgeRowsSection.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { StyledColumn } from '../../../types';
-type StyledColumnBadgeRowsSectionProps = {
-    onChange: (data: StyledColumn) => void;
-};
-export declare const renderStyledColumnBadgeRowsSummary: (data: StyledColumn) => React.JSX.Element;
-export declare const StyledColumnBadgeRowsSection: (props: StyledColumnBadgeRowsSectionProps) => React.JSX.Element;
-export {};

package/src/View/StyledColumn/Wizard/StyledColumnBadgeRowsSection.js

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import { CheckBox } from '../../../components/CheckBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { Flex, Box } from '../../../components/Flex';
-export const renderStyledColumnBadgeRowsSummary = (data) => {
-    const badgeStyle = data;
-    return (React.createElement(Box, { className: "twa:p-2" },
-        React.createElement(Box, { className: "twa:mt-3" },
-            "Data Rows ",
-            React.createElement(Tag, null, badgeStyle.RowScope?.ExcludeDataRows ? 'no' : 'yes')),
-        ' ',
-        React.createElement(Box, { className: "twa:mt-3" },
-            "Group Rows ",
-            React.createElement(Tag, null, badgeStyle.RowScope?.ExcludeGroupRows ? 'no' : 'yes')),
-        React.createElement(Box, { className: "twa:mt-3" },
-            "Summary Rows ",
-            React.createElement(Tag, null, badgeStyle.RowScope?.ExcludeSummaryRows ? 'no' : 'yes')),
-        React.createElement(Box, { className: "twa:mt-3" },
-            "Total Rows ",
-            React.createElement(Tag, null, badgeStyle.RowScope?.ExcludeTotalRows ? 'no' : 'yes'))));
-};
-export const StyledColumnBadgeRowsSection = (props) => {
-    const { data } = useOnePageAdaptableWizardContext();
-    const onExcludeDataRowsChanged = (includeDataRows) => {
-        props.onChange({
-            ...data,
-            BadgeStyle: {
-                ...data.BadgeStyle,
-                RowScope: {
-                    ...data.BadgeStyle.RowScope,
-                    ExcludeDataRows: !includeDataRows,
-                },
-            },
-        });
-    };
-    const onExcludeGroupedRowsChanged = (includeGroupedRows) => {
-        props.onChange({
-            ...data,
-            BadgeStyle: {
-                ...data.BadgeStyle,
-                RowScope: {
-                    ...data.BadgeStyle.RowScope,
-                    ExcludeGroupRows: !includeGroupedRows,
-                },
-            },
-        });
-    };
-    const onExcludeSummaryRowsChanged = (includeSummaryRows) => {
-        props.onChange({
-            ...data,
-            BadgeStyle: {
-                ...data.BadgeStyle,
-                RowScope: {
-                    ...data.BadgeStyle.RowScope,
-                    ExcludeSummaryRows: !includeSummaryRows,
-                },
-            },
-        });
-    };
-    const onExcludeTotalRowsChanged = (includeTotalRows) => {
-        props.onChange({
-            ...data,
-            BadgeStyle: {
-                ...data.BadgeStyle,
-                RowScope: {
-                    ...data.BadgeStyle.RowScope,
-                    ExcludeTotalRows: !includeTotalRows,
-                },
-            },
-        });
-    };
-    return (React.createElement(Tabs, null,
-        React.createElement(Tabs.Tab, null, "Row Types"),
-        React.createElement(Tabs.Content, null,
-            React.createElement(Flex, { flexDirection: "row" },
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Data (leaf) Rows:" },
-                        React.createElement(Flex, { alignItems: "center", className: "twa:ml-2" },
-                            React.createElement(CheckBox, { "data-name": "exclude-data-rows-checkbox", className: "twa:mr-2", checked: 
-                                // @ts-ignore
-                                !data.BadgeStyle.RowScope?.ExcludeDataRows, onChange: onExcludeDataRowsChanged }))),
-                    React.createElement(FormRow, { label: "Group Rows:" },
-                        React.createElement(Flex, { alignItems: "center", className: "twa:ml-2" },
-                            React.createElement(CheckBox, { className: "twa:mr-2", "data-name": "exclude-grouped-rows-checkbox", checked: 
-                                // @ts-ignore
-                                !data.BadgeStyle.RowScope?.ExcludeGroupRows, onChange: onExcludeGroupedRowsChanged }))),
-                    React.createElement(FormRow, { label: "Summary Rows:" },
-                        React.createElement(Flex, { alignItems: "center", className: "twa:ml-2" },
-                            React.createElement(CheckBox, { "data-name": "exclude-summary-rows-checkbox", className: "twa:mr-2", checked: 
-                                // @ts-ignore
-                                !data.BadgeStyle.RowScope?.ExcludeSummaryRows, onChange: onExcludeSummaryRowsChanged }))),
-                    ' ',
-                    React.createElement(FormRow, { label: "Total Rows:" },
-                        React.createElement(Flex, { alignItems: "center", className: "twa:ml-2" },
-                            React.createElement(CheckBox, { "data-name": "exclude-total-rows-checkbox", className: "twa:mr-2", checked: 
-                                // @ts-ignore
-                                !data.BadgeStyle.RowScope?.ExcludeTotalRows, onChange: onExcludeTotalRowsChanged }))))))));
-};

package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { StyledColumn } from '../../../AdaptableState/StyledColumnState';
-export declare const renderStyledColumnColumnSummary: (data: StyledColumn) => React.JSX.Element;
-export declare const isValidStyledColumnColumn: (data: StyledColumn) => true | string;
-export type StyledColumnWizardColumnSectionProps = {
-    onChange: (data: StyledColumn) => void;
-    isNew: boolean;
-};
-export declare const StyledColumnWizardColumnSection: (props: StyledColumnWizardColumnSectionProps) => React.JSX.Element;

package/src/View/StyledColumn/Wizard/StyledColumnWizardColumnSection.js

@@ -1,89 +0,0 @@
-import * as React from 'react';
-import { Tabs } from '../../../components/Tabs';
-import { Tag } from '../../../components/Tag';
-import { NewColumnSelector } from '../../Components/ColumnSelector';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { Box, Flex } from '../../../components/Flex';
-import { AdaptableFormControlTextClear } from '../../Components/Forms/AdaptableFormControlTextClear';
-export const renderStyledColumnColumnSummary = (data) => {
-    const { api } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Box, { className: "twa:pr-2 twa:py-2" },
-        "Styled Column column:",
-        ' ',
-        React.createElement(Tag, null, data.ColumnId
-            ? api.columnApi.getFriendlyNameForColumnId(data.ColumnId)
-            : 'No Column Selected')));
-};
-export const isValidStyledColumnColumn = (data) => {
-    if (!data.ColumnId) {
-        return 'Please select a column for the Styled Column.';
-    }
-    return true;
-};
-export const StyledColumnWizardColumnSection = (props) => {
-    const { data, api } = useOnePageAdaptableWizardContext();
-    const sortableCols = React.useMemo(() => {
-        let sortableColumns = [];
-        if (data.SparklineStyle) {
-            sortableColumns = api.columnApi.getNumericArrayColumns();
-        }
-        else if (data.BadgeStyle) {
-            sortableColumns = [
-                ...api.columnApi.getNumericColumns(),
-                ...api.columnApi.getTextColumns(),
-                ...api.columnApi.getTextArrayColumns(),
-                ...api.columnApi.getNumberArrayColumns(),
-            ];
-        }
-        else {
-            sortableColumns = api.columnApi.getNumericColumns();
-        }
-        const styledColumns = api.styledColumnApi.getStyledColumns();
-        const usedColumnIds = styledColumns
-            .map((styledColumn) => {
-            // filter out current styled column columnID
-            if (styledColumn.Uuid === data.Uuid) {
-                return null;
-            }
-            return styledColumn.ColumnId;
-        })
-            .filter(Boolean);
-        return sortableColumns.filter((column) => {
-            return usedColumnIds.every((usedColumnId) => {
-                return column.columnId !== usedColumnId;
-            });
-        });
-    }, [data]);
-    const handleColumnsChange = (columnIds) => {
-        const columnId = columnIds[0];
-        const emptyRanges = api.columnScopeApi.createCellColorRangesForScope({
-            ColumnIds: [columnId],
-        });
-        const newStyledColumn = {
-            ...data,
-            ColumnId: columnId,
-        };
-        if (newStyledColumn.PercentBarStyle) {
-            newStyledColumn.PercentBarStyle = {
-                ...newStyledColumn.PercentBarStyle,
-                CellRanges: emptyRanges,
-            };
-        }
-        if (newStyledColumn.GradientStyle) {
-            newStyledColumn.GradientStyle = {
-                ...newStyledColumn.GradientStyle,
-                CellRanges: emptyRanges,
-            };
-        }
-        props.onChange(newStyledColumn);
-    };
-    const [columnsSearchText, setColumnsSearchText] = React.useState('');
-    return (React.createElement(Tabs, { style: { height: '100%' } },
-        React.createElement(Tabs.Tab, null, "Column"),
-        React.createElement(Tabs.Content, null,
-            React.createElement(Flex, { flexDirection: "row", alignItems: "center", className: "twa:p-2" },
-                React.createElement(Box, { className: "twa:text-2" }, "Columns"),
-                React.createElement(Box, { className: "twa:flex-3" }),
-                React.createElement(AdaptableFormControlTextClear, { value: columnsSearchText, OnTextChange: setColumnsSearchText, placeholder: "Type to search columns", style: { flex: 1 } })),
-            React.createElement(NewColumnSelector, { columnFilterText: columnsSearchText, availableColumns: sortableCols, selected: data.ColumnId ? [data.ColumnId] : [], singleSelect: true, onChange: handleColumnsChange, allowReorder: false }))));
-};

package/src/View/Theme/ThemeEditor.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { AccessLevel } from '../../types';
-export type FieldType = 'color' | 'number' | 'text';
-export interface ThemeEditorProps {
-    theme: string;
-    accessLevel: AccessLevel;
-}
-export declare const ThemeEditor: React.FunctionComponent<ThemeEditorProps>;

package/src/View/Theme/ThemeEditor.js

@@ -1,160 +0,0 @@
-import * as React from 'react';
-import FormLayout, { FormRow } from '../../components/FormLayout';
-import { useAdaptable } from '../AdaptableContext';
-import AdaptableInput from '../Components/AdaptableInput';
-import throttle from '../../Utilities/utils/throttle';
-import SimpleButton from '../../components/SimpleButton';
-import Panel from '../../components/Panel';
-import { Field } from './ThemeField';
-import { VariantSelector } from './VariantSelector';
-import { getAccessLevelForObject } from '../../Utilities/Helpers/AdaptableHelper';
-import { ACCESS_LEVEL_FULL } from '../../Utilities/Constants/GeneralConstants';
-import { Box, Flex } from '../../components/Flex';
-const fields = [
-    {
-        name: 'Primary Color',
-        type: 'color',
-        variable: '--ab-color-primary',
-    },
-    {
-        name: 'Primary Dark Color',
-        type: 'color',
-        variable: '--ab-color-primarydark',
-    },
-    {
-        name: 'Primary Light Color',
-        type: 'color',
-        variable: '--ab-color-primarylight',
-    },
-    {
-        name: 'Text on Primary Color',
-        type: 'color',
-        variable: '--ab-color-text-on-primary',
-    },
-    {
-        name: 'Text on Primary Dark Color',
-        type: 'color',
-        variable: '--ab-color-text-on-primarydark',
-    },
-    {
-        name: 'Default background',
-        type: 'color',
-        variable: '--ab-color-defaultbackground',
-    },
-    {
-        name: 'Text Color on Default Background',
-        type: 'color',
-        variable: '--ab-color-text-on-defaultbackground',
-    },
-];
-export const ThemeEditor = (props) => {
-    const adaptable = useAdaptable();
-    const allThemes = adaptable.api.themeApi.getUserThemes();
-    const [currentThemeObject, setCurrentThemeObject] = React.useState(() => {
-        return adaptable.api.themeApi.getCurrentThemeObject();
-    });
-    const currentThemeAccessLevel = getAccessLevelForObject(currentThemeObject, props.accessLevel);
-    const currentThemeIsReadOnly = currentThemeAccessLevel !== ACCESS_LEVEL_FULL;
-    // THEME variables
-    const themeVariables = currentThemeObject?.CSSVariables;
-    const valuesFromTheme = fields.reduce((acc, field) => {
-        if (themeVariables?.[field.variable]) {
-            acc[field.variable] = themeVariables?.[field.variable];
-        }
-        return acc;
-    }, {});
-    React.useEffect(() => {
-        setCurrentThemeObject(adaptable.api.themeApi.getCurrentThemeObject());
-    }, [props.theme]);
-    // This is needed when clearing variables, so the new value is pickedup up from the document
-    React.useEffect(() => {
-        const updateTheme = () => {
-            const theme = adaptable.api.themeApi.getCurrentThemeObject();
-            setCurrentThemeObject({ ...theme });
-        };
-        const themeChangedUnsubscribe = adaptable.api.eventApi.on('ThemeChanged', updateTheme);
-        return () => {
-            themeChangedUnsubscribe();
-        };
-    }, []);
-    const handleNameDescriptionChangeThrottled = React.useMemo(() => {
-        return throttle((key, value) => {
-            const theme = adaptable.api.themeApi.getCurrentThemeObject();
-            const newTheme = {
-                ...theme,
-                [key]: value,
-            };
-            adaptable.api.themeApi.editTheme(newTheme);
-        }, 600);
-    }, []);
-    const handleDescriptionChange = React.useCallback((key, value) => {
-        setCurrentThemeObject((prev) => ({ ...prev, [key]: value }));
-        handleNameDescriptionChangeThrottled(key, value);
-    }, []);
-    const handleDeleteTheme = React.useCallback(() => {
-        adaptable.api.themeApi.loadLightTheme();
-        adaptable.api.themeApi.deleteUserTheme(currentThemeObject);
-    }, []);
-    const handleSaveName = () => {
-        const name = currentThemeObject.Name;
-        setCurrentThemeObject((prev) => ({ ...prev, Name: name }));
-        handleNameDescriptionChangeThrottled('Name', name);
-    };
-    const handleVariantChange = (variant) => {
-        const newTheme = { ...currentThemeObject };
-        if (!variant) {
-            delete newTheme.Variant;
-        }
-        else {
-            newTheme.Variant = variant;
-        }
-        setCurrentThemeObject(newTheme);
-        adaptable.api.themeApi.editTheme(newTheme);
-    };
-    const nameHasChanged = currentThemeObject.Name !== props.theme;
-    const nameIsNotUnique = allThemes.some((theme) => theme.Uuid !== currentThemeObject.Uuid && currentThemeObject.Name === theme.Name);
-    const saveNameDisabled = !nameHasChanged || nameIsNotUnique || currentThemeObject.Name === '';
-    return (React.createElement(Panel, { header: React.createElement(Flex, { alignItems: "center", className: "twa:w-full" },
-            React.createElement(Box, { className: "twa:flex-1" }, " Edit Custom Theme"),
-            React.createElement(SimpleButton, { "data-name": "delete", accessLevel: currentThemeAccessLevel, icon: "delete", onClick: handleDeleteTheme, variant: "text" })) },
-        React.createElement(FormLayout, null,
-            React.createElement(FormRow, { label: "Theme Name" },
-                React.createElement(AdaptableInput, { disabled: currentThemeIsReadOnly, className: "twa:mr-2", onChange: (event) => setCurrentThemeObject({
-                        ...currentThemeObject,
-                        Name: event.target.value.replace(/ /g, '-'),
-                    }), value: currentThemeObject.Name ?? '' }),
-                React.createElement(SimpleButton, { onClick: handleSaveName, disabled: saveNameDisabled || currentThemeIsReadOnly, icon: "save", hidden: currentThemeIsReadOnly }),
-                React.createElement(Box, { className: "twa:text-2 twa:mt-1" }, "The name cannot contain spaces."),
-                nameIsNotUnique && React.createElement(Box, { className: "twa:text-2 twa:text-error" }, "Name must be unique.")),
-            React.createElement(FormRow, { label: "Description" },
-                React.createElement(AdaptableInput, { disabled: currentThemeIsReadOnly, onChange: (event) => handleDescriptionChange('Description', event.target.value), value: currentThemeObject?.Description ?? '' })),
-            React.createElement(FormRow, { label: "Variant" },
-                React.createElement(VariantSelector, { onChange: handleVariantChange, theme: currentThemeObject, disabled: currentThemeIsReadOnly })),
-            fields.map((field) => {
-                return (React.createElement(Field, { disabled: currentThemeIsReadOnly, key: field.name, type: field.type, name: field.name, value: valuesFromTheme[field.variable], variable: field.variable, onChange: (val) => {
-                        // needs a fresh copy
-                        const currentThemeObject = adaptable.api.themeApi.getCurrentThemeObject();
-                        let newTheme = null;
-                        if (val === false) {
-                            newTheme = {
-                                ...currentThemeObject,
-                                CSSVariables: {
-                                    ...currentThemeObject?.CSSVariables,
-                                },
-                            };
-                            delete newTheme.CSSVariables[field.variable];
-                        }
-                        else {
-                            newTheme = {
-                                ...currentThemeObject,
-                                CSSVariables: {
-                                    ...currentThemeObject?.CSSVariables,
-                                    [field.variable]: val,
-                                },
-                            };
-                        }
-                        setCurrentThemeObject(newTheme);
-                        adaptable.api.themeApi.editTheme(newTheme);
-                    } }));
-            }))));
-};

package/src/View/Theme/ThemeEditorWindow.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ThemeEditorWindow: React.FunctionComponent;

package/src/View/Theme/ThemeEditorWindow.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import { ThemePopup } from './ThemePopup';
-import { Box } from '../../components/Flex';
-export const ThemeEditorWindow = () => {
-    const adaptable = useAdaptable();
-    const moduleInfo = adaptable.ModuleService.getModuleInfoByModule('Theme');
-    return (React.createElement(Box, { className: "twa:p-2" },
-        React.createElement(ThemePopup, { hideShowInWindow: true, moduleInfo: moduleInfo, api: adaptable.api })));
-};

package/src/View/Theme/ThemeField.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { FieldType } from './ThemeEditor';
-export interface FieldProps {
-    type: FieldType;
-    name: string;
-    value: string;
-    variable: string;
-    onChange: (newVal: string | false) => void;
-    disabled: boolean;
-}
-export declare const Field: React.FunctionComponent<FieldProps>;

package/src/View/Theme/ThemeField.js

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import throttle from '../../Utilities/utils/throttle';
-import { useAdaptable } from '../AdaptableContext';
-import { getVariableColor } from '../../Utilities/Helpers/StyleHelper';
-import { FormRow } from '../../components/FormLayout';
-import SimpleButton from '../../components/SimpleButton';
-import { ColorPicker } from '../../components/ColorPicker';
-import AdaptableInput from '../Components/AdaptableInput';
-import { Flex } from '../../components/Flex';
-export const Field = (props) => {
-    const adaptable = useAdaptable();
-    let input = null;
-    let value = props.value;
-    const throttledOnChange = React.useMemo(() => {
-        return throttle((value) => {
-            props.onChange(value);
-        }, 300);
-    }, []);
-    if (value === undefined) {
-        value = getVariableColor(`var(${props.variable})`);
-    }
-    switch (props.type) {
-        case 'number':
-            input = (React.createElement(AdaptableInput, { disabled: props.disabled, type: "number", onChange: (event) => throttledOnChange(event.target.value), value: value }));
-            break;
-        case 'color':
-            input = (React.createElement(ColorPicker, { disabled: props.disabled, includeAlpha: false, api: adaptable.api, value: value, onChange: (color) => throttledOnChange(color) }));
-            break;
-    }
-    return (React.createElement(FormRow, { label: props.name },
-        React.createElement(Flex, null,
-            input,
-            React.createElement(SimpleButton, { disabled: props.value === undefined, onClick: () => props.onChange(false) }, "Clear"))));
-};

package/src/components/Select/Select.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { AccessLevel, AdaptableSystemIconName } from '../../types';
-export type SelectOption<SelectValue extends unknown> = {
-    label: React.ReactNode;
-    icon?: AdaptableSystemIconName;
-    value: SelectValue;
-    isDisabled?: boolean;
-};
-export type SelectProps<SelectValue extends unknown, IsMulti extends boolean = false> = {
-    options: readonly SelectOption<SelectValue>[] | SelectOption<SelectValue>[];
-    disabled?: boolean;
-    menuPosition?: 'fixed' | 'absolute';
-    menuPlacement?: 'auto' | 'bottom' | 'top';
-    menuStyle?: React.CSSProperties;
-    menuMinWidth?: string | number;
-    searchable?: false | 'inline' | 'menulist';
-    resizable?: boolean;
-    isClearable?: boolean;
-    skipDefaultFiltering?: boolean;
-    closeMenuOnSelect?: boolean;
-    hideSelectedOptions?: boolean;
-    showHeaderSelectionCheckbox?: boolean;
-    isMulti?: IsMulti;
-    onChange: (value: IsMulti extends true ? SelectValue[] : SelectValue) => void;
-    value: IsMulti extends true ? SelectValue[] : SelectValue;
-    placeholder?: string;
-    'data-name'?: string;
-    'data-id'?: string;
-    renderSingleValue?: (option: SelectOption<SelectValue>) => React.ReactNode;
-    renderMultipleValues?: (values: SelectValue[], options: {
-        focused: boolean;
-        placeholder?: string;
-    }) => React.ReactNode;
-    className?: string;
-    isLoading?: boolean;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    accessLevel?: AccessLevel;
-    style?: React.CSSProperties;
-    styles?: {
-        valueContainer?: React.CSSProperties;
-        control?: React.CSSProperties;
-        container?: React.CSSProperties;
-        dropdownIndicator?: React.CSSProperties;
-    };
-    onInputChange?: (value: string) => void;
-    onMenuOpen?: VoidFunction;
-    'aria-label'?: string;
-    size?: 'small' | 'normal';
-    isCreatable?: boolean;
-    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
-};
-export declare const Select: <SelectValue extends unknown, IsMulti extends boolean = false>(props: SelectProps<SelectValue, IsMulti>) => React.JSX.Element;