@adaptabletools/adaptable 22.1.1 → 23.0.0-canary.0

package/src/View/Layout/Wizard/sections/RowSummarySection.js

@@ -1,8 +1,8 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { CheckBox } from '../../../../components/CheckBox';
 import FormLayout, { FormRow } from '../../../../components/FormLayout';
 import Panel from '../../../../components/Panel';
-import { Select } from '../../../../components/Select';
 import SimpleButton from '../../../../components/SimpleButton';
 import { Tabs } from '../../../../components/Tabs';
 import { Tag } from '../../../../components/Tag';
@@ -18,6 +18,7 @@ import { columnFilter } from './Utilities';
 import { ColumnGroupTag } from '../../../Components/ColumnGroupTag';
 import ArrayExtensions from '../../../../Utilities/Extensions/ArrayExtensions';
 import { Box, Flex } from '../../../../components/Flex';
+import { SingleSelect } from '../../../../components/NewSelect';
 export const areSummaryRowsValid = (layout) => {
     if (!layout.RowSummaries)
         return true;
@@ -75,22 +76,13 @@ const getAvailableExpressionsForColumnType = (columnType, availableScalarExpress
 export const RowSummarySectionSummary = () => {
     const adaptable = useAdaptable();
     const { data: layout } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Box, { className: "twa:flex twa:flex-col" }, layout.RowSummaries?.length ? (layout.RowSummaries.map((rowSummary, index) => {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Box, { className: "twa:mr-1 twa:mb-1", key: index },
-                rowSummary.Position,
-                ":",
-                ' ',
-                Object.keys(rowSummary.ColumnsMap).map((colId) => {
-                    if (colId === 'Source' || colId === 'Uuid')
-                        return null;
-                    return (React.createElement(Tag, { className: "twa:mr-1", key: colId },
-                        rowSummary.ColumnsMap[colId],
-                        "(",
-                        adaptable.api.columnApi.getFriendlyNameForColumnId(colId),
-                        ")"));
-                }))));
-    })) : (React.createElement(Tag, null, "No Row Summaries"))));
+    return (_jsx(Box, { className: "twa:flex twa:flex-col", children: layout.RowSummaries?.length ? (layout.RowSummaries.map((rowSummary, index) => {
+            return (_jsx(_Fragment, { children: _jsxs(Box, { className: "twa:mr-1 twa:mb-1", children: [rowSummary.Position, ":", ' ', Object.keys(rowSummary.ColumnsMap).map((colId) => {
+                            if (colId === 'Source' || colId === 'Uuid')
+                                return null;
+                            return (_jsxs(Tag, { className: "twa:mr-1", children: [rowSummary.ColumnsMap[colId], "(", adaptable.api.columnApi.getFriendlyNameForColumnId(colId), ")"] }, colId));
+                        })] }, index) }));
+        })) : (_jsx(Tag, { children: "No Row Summaries" })) }));
 };
 const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpressions, onDelete, }) => {
     const { data: layout } = useOnePageAdaptableWizardContext();
@@ -108,95 +100,76 @@ const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpr
             sortUnorderedItems: false,
         }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
     }, [rowSummary.ColumnsMap]);
-    return (React.createElement(Panel, { header: React.createElement(Flex, { className: "twa:w-full" },
-            React.createElement(Flex, { className: "twa:flex-1", alignItems: "center" }, "Row Summary"),
-            React.createElement(Box, { className: "twa:mr-2" },
-                React.createElement(SuspendToggleButton, { onSuspend: () => {
-                        onChange({
-                            ...rowSummary,
-                            IsSuspended: true,
-                        });
-                    }, onUnSuspend: () => {
-                        onChange({
-                            ...rowSummary,
-                            IsSuspended: false,
-                        });
-                    }, suspendableObject: rowSummary })),
-            React.createElement(SimpleButton, { icon: "delete", onClick: () => {
-                    onDelete();
-                } })), className: "twa:p-2" },
-        React.createElement(FormLayout, null,
-            React.createElement(FormRow, { label: "Position" },
-                React.createElement(Select, { options: [
-                        {
-                            label: 'Top',
-                            value: 'Top',
-                        },
-                        {
-                            label: 'Bottom',
-                            value: 'Bottom',
-                        },
-                    ], value: rowSummary.Position, onChange: (position) => {
-                        onChange({
-                            ...rowSummary,
-                            Position: position,
-                        });
-                    } })),
-            React.createElement(FormRow, { label: "" },
-                React.createElement(CheckBox, { checked: rowSummary.IncludeOnlyFilteredRows ?? true, onChange: (IncludeOnlyFilteredRows) => {
-                        onChange({
-                            ...rowSummary,
-                            IncludeOnlyFilteredRows,
-                        });
-                    } }, "Include Only Filtered Rows"))),
-        React.createElement(Flex, { flexDirection: "column", className: "twa:mt-2 twa:mb-1" },
-            React.createElement(Flex, { alignItems: "center", className: "twa:flex-1 twa:mb-2" }, "Column Aggregations"),
-            React.createElement(Panel, { bodyProps: { className: 'twa:max-h-full twa:bg-primarylight ' }, className: "twa:h-[360px]" },
-                React.createElement(ValueSelector, { style: { maxHeight: '100%' }, showFilterInput: true, filter: columnFilter, toIdentifier: (column) => column.columnId, toLabel: (option) => option.friendlyName ?? option.columnId, options: columns, toListLabel: (column) => {
-                        const label = column.friendlyName ?? column.columnId;
-                        if (!(column.columnId in (rowSummary.ColumnsMap ?? {}))) {
-                            return (React.createElement(Flex, { alignItems: "center" },
-                                label,
-                                React.createElement(ColumnGroupTag, { column: column })));
-                        }
-                        const expressionOptions = getAvailableExpressionsForColumnType(column.dataType, availableScalarExpressions).map((expression) => ({
-                            label: expression,
-                            value: expression,
-                        }));
-                        // check out if this layout has a aggregation with weighted column
-                        const aggregation = layout.TableAggregationColumns?.find((agg) => agg.ColumnId === column.columnId)?.AggFunc;
-                        if (aggregation &&
-                            typeof aggregation === 'object' &&
-                            aggregation.weightedColumnId) {
-                            expressionOptions.push({
-                                label: 'WEIGHTERD_AVG',
-                                value: WEIGHTED_AVERAGE_AGGREGATED_FUNCTION,
+    return (_jsxs(Panel, { header: _jsxs(Flex, { className: "twa:w-full", children: [_jsx(Flex, { className: "twa:flex-1", alignItems: "center", children: "Row Summary" }), _jsx(Box, { className: "twa:mr-2", children: _jsx(SuspendToggleButton, { onSuspend: () => {
+                            onChange({
+                                ...rowSummary,
+                                IsSuspended: true,
                             });
-                        }
-                        const expression = rowSummary.ColumnsMap[column.columnId];
-                        return (React.createElement(Flex, null,
-                            React.createElement(Flex, { className: "twa:mr-2", alignItems: 'center' },
-                                label,
-                                React.createElement(ColumnGroupTag, { column: column })),
-                            React.createElement(Select, { value: expression, options: expressionOptions, onChange: (expression) => {
-                                    onChange({
-                                        ...rowSummary,
-                                        ColumnsMap: {
-                                            ...rowSummary.ColumnsMap,
-                                            [column.columnId]: expression,
-                                        },
+                        }, onUnSuspend: () => {
+                            onChange({
+                                ...rowSummary,
+                                IsSuspended: false,
+                            });
+                        }, suspendableObject: rowSummary }) }), _jsx(SimpleButton, { icon: "delete", onClick: () => {
+                        onDelete();
+                    } })] }), className: "twa:p-2", children: [_jsxs(FormLayout, { children: [_jsx(FormRow, { label: "Position", children: _jsx(SingleSelect, { items: [
+                                {
+                                    label: 'Top',
+                                    value: 'Top',
+                                },
+                                {
+                                    label: 'Bottom',
+                                    value: 'Bottom',
+                                },
+                            ], value: rowSummary.Position, onValueChange: (position) => {
+                                onChange({
+                                    ...rowSummary,
+                                    Position: position,
+                                });
+                            } }) }), _jsx(FormRow, { label: "", children: _jsx(CheckBox, { checked: rowSummary.IncludeOnlyFilteredRows ?? true, onChange: (IncludeOnlyFilteredRows) => {
+                                onChange({
+                                    ...rowSummary,
+                                    IncludeOnlyFilteredRows,
+                                });
+                            }, children: "Include Only Filtered Rows" }) })] }), _jsxs(Flex, { flexDirection: "column", className: "twa:mt-2 twa:mb-1", children: [_jsx(Flex, { alignItems: "center", className: "twa:flex-1 twa:mb-2", children: "Column Aggregations" }), _jsx(Panel, { bodyProps: { className: 'twa:max-h-full twa:bg-primarylight ' }, className: "twa:h-[360px]", children: _jsx(ValueSelector, { style: { maxHeight: '100%' }, showFilterInput: true, filter: columnFilter, toIdentifier: (column) => column.columnId, toLabel: (option) => option.friendlyName ?? option.columnId, options: columns, toListLabel: (column) => {
+                                const label = column.friendlyName ?? column.columnId;
+                                if (!(column.columnId in (rowSummary.ColumnsMap ?? {}))) {
+                                    return (_jsxs(Flex, { alignItems: "center", children: [label, _jsx(ColumnGroupTag, { column: column })] }));
+                                }
+                                const expressionOptions = getAvailableExpressionsForColumnType(column.dataType, availableScalarExpressions).map((expression) => ({
+                                    label: expression,
+                                    value: expression,
+                                }));
+                                // check out if this layout has a aggregation with weighted column
+                                const aggregation = layout.TableAggregationColumns?.find((agg) => agg.ColumnId === column.columnId)?.AggFunc;
+                                if (aggregation &&
+                                    typeof aggregation === 'object' &&
+                                    aggregation.weightedColumnId) {
+                                    expressionOptions.push({
+                                        label: 'WEIGHTERD_AVG',
+                                        value: WEIGHTED_AVERAGE_AGGREGATED_FUNCTION,
                                     });
-                                } })));
-                    }, value: Object.keys(rowSummary.ColumnsMap), onChange: (colIds) => {
-                        const newColumnsMap = {};
-                        colIds.forEach((colId) => {
-                            newColumnsMap[colId] = rowSummary.ColumnsMap[colId] ?? null;
-                        });
-                        onChange({
-                            ...rowSummary,
-                            ColumnsMap: newColumnsMap,
-                        });
-                    } })))));
+                                }
+                                const expression = rowSummary.ColumnsMap[column.columnId];
+                                return (_jsxs(Flex, { children: [_jsxs(Flex, { className: "twa:mr-2", alignItems: 'center', children: [label, _jsx(ColumnGroupTag, { column: column })] }), _jsx(SingleSelect, { value: expression, items: expressionOptions, onValueChange: (expression) => {
+                                                onChange({
+                                                    ...rowSummary,
+                                                    ColumnsMap: {
+                                                        ...rowSummary.ColumnsMap,
+                                                        [column.columnId]: expression,
+                                                    },
+                                                });
+                                            } })] }));
+                            }, value: Object.keys(rowSummary.ColumnsMap), onChange: (colIds) => {
+                                const newColumnsMap = {};
+                                colIds.forEach((colId) => {
+                                    newColumnsMap[colId] = rowSummary.ColumnsMap[colId] ?? null;
+                                });
+                                onChange({
+                                    ...rowSummary,
+                                    ColumnsMap: newColumnsMap,
+                                });
+                            } }) })] })] }));
 });
 export const RowSummarySection = (props) => {
     const adaptable = useAdaptable();
@@ -207,40 +180,33 @@ export const RowSummarySection = (props) => {
             .getModuleExpressionFunctionsMap(LayoutModuleId).aggregatedScalarFunctions;
         return sytemExpressions;
     }, []);
-    return (React.createElement(Tabs, { style: { height: '100%' } },
-        React.createElement(Tabs.Tab, null, "Row Summaries"),
-        React.createElement(Tabs.Content, null,
-            React.createElement("div", null,
-                React.createElement(Flex, { className: "twa:mb-1" },
-                    React.createElement(Flex, { className: "twa:flex-1" }),
-                    React.createElement(SimpleButton, { onClick: () => {
-                            props.onChange({
-                                ...layout,
-                                RowSummaries: [
-                                    ...(layout.RowSummaries ?? []),
-                                    {
-                                        Position: 'Top',
-                                        ColumnsMap: {},
-                                        IncludeOnlyFilteredRows: true,
-                                    },
-                                ],
-                            });
-                        }, icon: "plus" }, "Add Row Summary")),
-                (layout.RowSummaries ?? []).map((rowSummary, index) => {
-                    return (React.createElement(RowSummaryEditor, { key: index, onDelete: () => {
-                            const newSummaries = [...layout.RowSummaries];
-                            newSummaries.splice(index, 1);
-                            props.onChange({
-                                ...layout,
-                                RowSummaries: newSummaries,
-                            });
-                        }, availableScalarExpressions: availableScalarExpressions, rowSummary: rowSummary, onChange: (rowSummary) => {
-                            const newSummaries = [...layout.RowSummaries];
-                            newSummaries[index] = rowSummary;
-                            props.onChange({
-                                ...layout,
-                                RowSummaries: newSummaries,
-                            });
-                        } }));
-                })))));
+    return (_jsxs(Tabs, { style: { height: '100%' }, children: [_jsx(Tabs.Tab, { children: "Row Summaries" }), _jsx(Tabs.Content, { children: _jsxs("div", { children: [_jsxs(Flex, { className: "twa:mb-1", children: [_jsx(Flex, { className: "twa:flex-1" }), _jsx(SimpleButton, { onClick: () => {
+                                        props.onChange({
+                                            ...layout,
+                                            RowSummaries: [
+                                                ...(layout.RowSummaries ?? []),
+                                                {
+                                                    Position: 'Top',
+                                                    ColumnsMap: {},
+                                                    IncludeOnlyFilteredRows: true,
+                                                },
+                                            ],
+                                        });
+                                    }, icon: "plus", children: "Add Row Summary" })] }), (layout.RowSummaries ?? []).map((rowSummary, index) => {
+                            return (_jsx(RowSummaryEditor, { onDelete: () => {
+                                    const newSummaries = [...layout.RowSummaries];
+                                    newSummaries.splice(index, 1);
+                                    props.onChange({
+                                        ...layout,
+                                        RowSummaries: newSummaries,
+                                    });
+                                }, availableScalarExpressions: availableScalarExpressions, rowSummary: rowSummary, onChange: (rowSummary) => {
+                                    const newSummaries = [...layout.RowSummaries];
+                                    newSummaries[index] = rowSummary;
+                                    props.onChange({
+                                        ...layout,
+                                        RowSummaries: newSummaries,
+                                    });
+                                } }, index));
+                        })] }) })] }));
 };

package/src/View/Layout/Wizard/sections/SettingsSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import FormLayout, { FormRow } from '../../../../components/FormLayout';
 import Input from '../../../../components/Input';
 import Radio from '../../../../components/Radio';
@@ -10,17 +10,7 @@ import { Box, Flex } from '../../../../components/Flex';
 export const SettingsSectionSummary = () => {
     const { data: layout } = useOnePageAdaptableWizardContext();
     const isPivot = isPivotLayout(layout);
-    return (React.createElement(Box, null,
-        React.createElement(Tag, { className: "twa:mr-2" },
-            "Layout Name: ",
-            layout.Name),
-        React.createElement(Tag, { className: "twa:mr-2" },
-            "Layout Grid Type: ",
-            isPivot ? 'Pivot' : 'Table'),
-        React.createElement(Tag, { className: "twa:mr-2" },
-            "Suppress Aggregation Function in Column Header:",
-            ' ',
-            layout.SuppressAggFuncInHeader ? 'Yes' : 'No')));
+    return (_jsxs(Box, { children: [_jsxs(Tag, { className: "twa:mr-2", children: ["Layout Name: ", layout.Name] }), _jsxs(Tag, { className: "twa:mr-2", children: ["Layout Grid Type: ", isPivot ? 'Pivot' : 'Table'] }), _jsxs(Tag, { className: "twa:mr-2", children: ["Suppress Aggregation Function in Column Header:", ' ', layout.SuppressAggFuncInHeader ? 'Yes' : 'No'] })] }));
 };
 export const SettingsSection = (props) => {
     const { data: layout } = useOnePageAdaptableWizardContext();
@@ -30,18 +20,5 @@ export const SettingsSection = (props) => {
             Name: event.target.value,
         });
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs, { className: "twa:mb-3" },
-            React.createElement(Tabs.Tab, null, "Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(Flex, { flexDirection: "row" },
-                    React.createElement(FormLayout, { className: "twa:max-w-[300px] twa:w-full" },
-                        React.createElement(FormRow, { label: "Name" },
-                            React.createElement(Input, { className: "twa:w-full", "data-name": "layout-name", onChange: onNameChange, value: layout?.Name ?? '' })))))),
-        React.createElement(Tabs, { className: "twa:mb-2" },
-            React.createElement(Tabs.Tab, null, "Grid Type"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(Flex, { flexDirection: "column" },
-                    React.createElement(Radio, { "data-name": "layout-type-table", disabled: true, checked: !isPivotLayout(layout) }, "Table"),
-                    React.createElement(Radio, { "data-name": "layout-type-pivot", disabled: true, checked: isPivotLayout(layout) }, "Pivot"))))));
+    return (_jsxs(_Fragment, { children: [_jsxs(Tabs, { className: "twa:mb-3", children: [_jsx(Tabs.Tab, { children: "Settings" }), _jsx(Tabs.Content, { children: _jsx(Flex, { flexDirection: "row", children: _jsx(FormLayout, { className: "twa:max-w-[300px] twa:w-full", children: _jsx(FormRow, { label: "Name", children: _jsx(Input, { className: "twa:w-full", "data-name": "layout-name", onChange: onNameChange, value: layout?.Name ?? '' }) }) }) }) })] }), _jsxs(Tabs, { className: "twa:mb-2", children: [_jsx(Tabs.Tab, { children: "Grid Type" }), _jsx(Tabs.Content, { children: _jsxs(Flex, { flexDirection: "column", children: [_jsx(Radio, { "data-name": "layout-type-table", disabled: true, checked: !isPivotLayout(layout), children: "Table" }), _jsx(Radio, { "data-name": "layout-type-pivot", disabled: true, checked: isPivotLayout(layout), children: "Pivot" })] }) })] })] }));
 };

package/src/View/Layout/Wizard/sections/SortSection.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import SimpleButton from '../../../../components/SimpleButton';
 import { Tabs } from '../../../../components/Tabs';
@@ -14,15 +15,12 @@ export const SortSectionSummary = () => {
     const { data: layout } = useOnePageAdaptableWizardContext();
     const adaptable = useAdaptable();
     const sortViewItems = getLayoutSortViewItems(layout, adaptable.api);
-    return (React.createElement(Box, null, sortViewItems.values.length ? (sortViewItems.values.map((value) => (React.createElement(Tag, { key: value, className: "twa:mb-1 twa:mr-1" }, value)))) : (React.createElement(Tag, null, "No Sorts"))));
+    return (_jsx(Box, { children: sortViewItems.values.length ? (sortViewItems.values.map((value) => (_jsx(Tag, { className: "twa:mb-1 twa:mr-1", children: value }, value)))) : (_jsx(Tag, { children: "No Sorts" })) }));
 };
 const ColumnRow = (props) => {
     const SortOrder = (props.layout?.ColumnSorts ?? []).find((sort) => sort.ColumnId === props.column.columnId)?.SortOrder;
     const icon = SortOrder === 'Asc' ? 'sort-asc' : 'sort-desc';
-    return (React.createElement(Flex, { alignItems: "center" },
-        props.column.friendlyName,
-        React.createElement(ColumnGroupTag, { column: props.column }),
-        SortOrder && (React.createElement(SimpleButton, { className: "twa:ml-2", onClick: () => props.onSortChange(props.column.columnId, SortOrder === 'Asc' ? 'Desc' : 'Asc'), variant: "raised", icon: icon }))));
+    return (_jsxs(Flex, { alignItems: "center", children: [props.column.friendlyName, _jsx(ColumnGroupTag, { column: props.column }), SortOrder && (_jsx(SimpleButton, { className: "twa:ml-2", onClick: () => props.onSortChange(props.column.columnId, SortOrder === 'Asc' ? 'Desc' : 'Asc'), variant: "raised", icon: icon }))] }));
 };
 export const SortSection = (props) => {
     const adaptable = useAdaptable();
@@ -57,8 +55,5 @@ export const SortSection = (props) => {
             }),
         });
     }, [layout]);
-    return (React.createElement(Tabs, { className: "twa:h-full" },
-        React.createElement(Tabs.Tab, null, "Column Sorts"),
-        React.createElement(Tabs.Content, null,
-            React.createElement(ValueSelector, { showFilterInput: true, filter: columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, toListLabel: (column) => (React.createElement(ColumnRow, { onSortChange: handleSortChange, layout: layout, column: column })), options: sortedSortColumns, value: (layout.ColumnSorts ?? []).map((sort) => sort.ColumnId), allowReorder: () => true, onChange: handleColumnsSelectionChange }))));
+    return (_jsxs(Tabs, { className: "twa:h-full", children: [_jsx(Tabs.Tab, { children: "Column Sorts" }), _jsx(Tabs.Content, { children: _jsx(ValueSelector, { showFilterInput: true, filter: columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, toListLabel: (column) => (_jsx(ColumnRow, { onSortChange: handleSortChange, layout: layout, column: column })), options: sortedSortColumns, value: (layout.ColumnSorts ?? []).map((sort) => sort.ColumnId), allowReorder: () => true, onChange: handleColumnsSelectionChange }) })] }));
 };

package/src/View/License/LicenseWatermark.js

@@ -1 +1 @@
-import*as e from"react";import{Logo as t}from"../../components/Logo";import{Flex as r}from"../../components/Flex";const o={border:"1px solid var(--ab-color-error)",padding:"5px",fontWeight:600,margin:"5px",fontSize:"14px",alignItems:"center",color:"var(--ab-color-text-on-defaultbackground)",background:"var(--ab-color-defaultbackground)"},n=e=>{const t=[["display","none"],["opacity","0"],["position","absolute"],["position","fixed"],["position","relative"],["visibility","hidden"]];for(const[r,o]of t)if(e.style[r]===o)return!1;return!0};export const LicenseWatermark=i=>{const l=e.useRef(null);return e.useEffect(()=>{const e=setInterval(()=>{l.current?.isConnected||alert("It is not allowed to remove the Adaptable watermark."),n(l.current)||alert("It is not allowed to modify the Adaptable watermark."),l?.current?.style&&(l.current.style.border=o.border,l.current.style.padding=o.padding,l.current.style.fontWeight=`${o.fontWeight}`,l.current.style.margin=o.margin,l.current.style.fontSize=o.fontSize,l.current.style.color=o.color,l.current.style.background=o.background,l.current.style.display="flex",l.current.style.position="static",l.current.style.opacity="1",l.current.style.visibility="visible")},5e3);return()=>clearTimeout(e)},[]),e.createElement(r,{style:o,ref:l},e.createElement(t,{style:{marginRight:10}}),e.createElement("div",null,i.children))};
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import*as e from"react";import{Logo as o}from"../../components/Logo";import{Flex as n}from"../../components/Flex";const i={border:"1px solid var(--ab-color-error)",padding:"5px",fontWeight:600,margin:"5px",fontSize:"14px",alignItems:"center",color:"var(--ab-color-foreground)",background:"var(--ab-color-defaultbackground)"},s=r=>{const t=[["display","none"],["opacity","0"],["position","absolute"],["position","fixed"],["position","relative"],["visibility","hidden"]];for(const[e,o]of t)if(r.style[e]===o)return!1;return!0};export const LicenseWatermark=l=>{const a=e.useRef(null);return e.useEffect(()=>{const r=setInterval(()=>{a.current?.isConnected||alert("It is not allowed to remove the Adaptable watermark."),s(a.current)||alert("It is not allowed to modify the Adaptable watermark."),a?.current?.style&&(a.current.style.border=i.border,a.current.style.padding=i.padding,a.current.style.fontWeight=`${i.fontWeight}`,a.current.style.margin=i.margin,a.current.style.fontSize=i.fontSize,a.current.style.color=i.color,a.current.style.background=i.background,a.current.style.display="flex",a.current.style.position="static",a.current.style.opacity="1",a.current.style.visibility="visible")},5e3);return()=>clearTimeout(r)},[]),t(n,{style:i,ref:a,children:[r(o,{style:{marginRight:10}}),r("div",{children:l.children})]})};

package/src/View/NamedQuery/EditCurrentQueryButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import SimpleButton from '../../components/SimpleButton';
 import { useAdaptable } from '../AdaptableContext';
@@ -7,5 +8,5 @@ export const EditGridFilterButton = () => {
         event.stopPropagation();
         adaptable.api.filterApi.gridFilterApi.openUIEditorForGridFilter();
     }, []);
-    return React.createElement(SimpleButton, { variant: "text", iconSize: 15, onClick: handleClick, icon: "edit" });
+    return _jsx(SimpleButton, { variant: "text", iconSize: 15, onClick: handleClick, icon: "edit" });
 };

package/src/View/NamedQuery/Wizard/NamedQueryExpressionWizardSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { ExpressionEditor } from '../../../components/ExpressionEditor';
 import { Tag } from '../../../components/Tag';
@@ -17,14 +17,12 @@ export const isValidNamedQueryExpression = (data, api) => {
 };
 export const renderNamedQueryExpressionSummary = (data) => {
     const { api } = useOnePageAdaptableWizardContext();
-    return (React.createElement(Box, { className: "twa:text-2" },
-        "Expression: ",
-        React.createElement(Tag, null, api.internalApi.getAdaptableQueryExpressionText(data))));
+    return (_jsxs(Box, { className: "twa:text-2", children: ["Expression: ", _jsx(Tag, { children: api.internalApi.getAdaptableQueryExpressionText(data) })] }));
 };
 export const NamedQueryExpressionWizardSection = (props) => {
     const { data, moduleInfo, api } = useOnePageAdaptableWizardContext();
     const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
-    return (React.createElement(ExpressionEditor, { allowSaveNamedQuery: false, showQueryBuilder: true, type: 'boolean', module: moduleInfo.ModuleName, value: data.BooleanExpression, onChange: (BooleanExpression) => {
+    return (_jsx(ExpressionEditor, { allowSaveNamedQuery: false, showQueryBuilder: true, type: 'boolean', module: moduleInfo.ModuleName, value: data.BooleanExpression, onChange: (BooleanExpression) => {
             props.onChange({ ...data, BooleanExpression });
         }, initialData: initialData, columns: api.columnApi.internalApi.getQueryableColumnsForUIEditor(), fields: api.expressionApi.internalApi.getAvailableFields(), namedQueries: api.namedQueryApi.getNamedQueries(), api: api }));
 };

package/src/View/NamedQuery/Wizard/NamedQuerySettingsWizardSection.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import WizardPanel from '../../../components/WizardPanel';
 import FormLayout, { FormRow } from '../../../components/FormLayout';
 import ErrorBox from '../../../components/ErrorBox';
@@ -15,9 +15,7 @@ export const isValidNamedQuerySettings = (data, api) => {
     return ErrorMessage;
 };
 export const renderNamedQuerySettingsSummary = (data) => {
-    return (React.createElement(Box, { className: "twa:text-2" },
-        "Name: ",
-        React.createElement(Tag, null, data.Name)));
+    return (_jsxs(Box, { className: "twa:text-2", children: ["Name: ", _jsx(Tag, { children: data.Name })] }));
 };
 export const NamedQuerySettingsWizardSection = (props) => {
     const { data, api } = useOnePageAdaptableWizardContext();
@@ -30,11 +28,5 @@ export const NamedQuerySettingsWizardSection = (props) => {
             Name: e.value,
         });
     };
-    return (React.createElement(WizardPanel, { "data-name": 'named-query-settings' },
-        React.createElement(FormLayout, null,
-            React.createElement(FormRow, { label: "Name" },
-                React.createElement(AdaptableInput, { "data-name": "query-name", value: data.Name, autoFocus: true, className: "twa:w-[300px]", type: "text", placeholder: "Enter Named Query Name", onChange: (e) => handleColumnNameChange(e) })),
-            ' ',
-            errorMessage ? (React.createElement(FormRow, { label: "" },
-                React.createElement(ErrorBox, null, errorMessage))) : null)));
+    return (_jsx(WizardPanel, { "data-name": 'named-query-settings', children: _jsxs(FormLayout, { children: [_jsx(FormRow, { label: "Name", children: _jsx(AdaptableInput, { "data-name": "query-name", value: data.Name, autoFocus: true, className: "twa:w-[300px]", type: "text", placeholder: "Enter Named Query Name", onChange: (e) => handleColumnNameChange(e) }) }), ' ', errorMessage ? (_jsx(FormRow, { label: "", children: _jsx(ErrorBox, { children: errorMessage }) })) : null] }) }));
 };

package/src/View/NamedQuery/Wizard/NamedQueryWizard.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
 import { isValidNamedQuerySettings, NamedQuerySettingsWizardSection, renderNamedQuerySettingsSummary, } from './NamedQuerySettingsWizardSection';
@@ -26,13 +26,13 @@ export function NamedQueryWizard(props) {
         }
         props.onFinishWizard(namedQuery);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, onFinish: handleFinish, sections: [
+    return (_jsx(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, onFinish: handleFinish, sections: [
             {
                 title: 'Expression',
                 details: "Build the Named Query's Expression",
                 renderSummary: renderNamedQueryExpressionSummary,
                 isValid: isValidNamedQueryExpression,
-                render: () => React.createElement(NamedQueryExpressionWizardSection, { onChange: setNamedQuery }),
+                render: () => _jsx(NamedQueryExpressionWizardSection, { onChange: setNamedQuery }),
             },
             {
                 title: 'Query Name',
@@ -40,15 +40,14 @@ export function NamedQueryWizard(props) {
                 renderSummary: renderNamedQuerySettingsSummary,
                 isValid: isValidNamedQuerySettings,
                 render: () => {
-                    return React.createElement(NamedQuerySettingsWizardSection, { onChange: setNamedQuery });
+                    return _jsx(NamedQuerySettingsWizardSection, { onChange: setNamedQuery });
                 },
             },
             {
                 details: 'Select Named Query Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { className: "twa:p-2" },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setNamedQuery }))),
+                render: () => (_jsx(Box, { className: "twa:p-2", children: _jsx(ObjectTagsWizardSection, { onChange: setNamedQuery }) })),
                 renderSummary: renderObjectTagsSummary,
             },
             '-',
@@ -56,8 +55,7 @@ export function NamedQueryWizard(props) {
                 title: 'Summary',
                 details: 'Review your Named Query',
                 render: () => {
-                    return (React.createElement(Box, { className: "twa:p-2" },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (_jsx(Box, { className: "twa:p-2", children: _jsx(OnePageWizardSummary, {}) }));
                 },
             },
         ], onHide: props.onCloseWizard, moduleInfo: props.moduleInfo, data: namedQuery }));

package/src/View/Note/NoteEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import throttle from '../../Utilities/utils/throttle';
 import * as React from 'react';
 import Textarea from '../../components/Textarea';
@@ -24,14 +25,12 @@ export const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }
     if (note === undefined || note === null) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Textarea, { readOnly: isReadonly, ref: textAreaRef, className: clsx('twa:min-w-[180px] twa:min-h-[120px] twa:w-full', {
-                'twa:pr-[30px]': showPopupCloseButton,
-                'twa:pr-0': !showPopupCloseButton,
-            }), value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
-                if (event.key === 'Escape') {
-                    onClose();
-                }
-            }, onChange: (event) => throttledOnChange(event.target.value) }),
-        showPopupCloseButton && (React.createElement(SimpleButton, { variant: "text", style: { position: 'absolute', right: 5, top: 5 }, icon: "close" }))));
+    return (_jsxs(_Fragment, { children: [_jsx(Textarea, { readOnly: isReadonly, ref: textAreaRef, className: clsx('twa:min-w-[180px] twa:min-h-[120px] twa:w-full', {
+                    'twa:pr-[30px]': showPopupCloseButton,
+                    'twa:pr-0': !showPopupCloseButton,
+                }), value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
+                    if (event.key === 'Escape') {
+                        onClose();
+                    }
+                }, onChange: (event) => throttledOnChange(event.target.value) }), showPopupCloseButton && (_jsx(SimpleButton, { variant: "text", style: { position: 'absolute', right: 5, top: 5 }, icon: "close" }))] }));
 };

package/src/View/Note/NotePopup.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { DataSource, InfiniteTableGrid } from '../../components/InfiniteTable';
@@ -65,7 +66,7 @@ export const NotePopup = (props) => {
             delete: {
                 defaultWidth: 50,
                 render: (params) => {
-                    return (React.createElement(AdaptableButtonComponent, { disabled: isReadOnlyModule, variant: "text", icon: "delete", onClick: () => {
+                    return (_jsx(AdaptableButtonComponent, { disabled: isReadOnlyModule, variant: "text", icon: "delete", onClick: () => {
                             const note = adaptable.api.noteApi.getNoteByUuid(params.data.Uuid);
                             adaptable.api.noteApi.deleteNote(note);
                         } }));
@@ -74,8 +75,7 @@ export const NotePopup = (props) => {
         };
         return columns;
     }, []);
-    return (React.createElement(PopupPanel, { headerText: 'Notes', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage },
-        React.createElement(DataSource, { data: allNotes, primaryKey: "Uuid", onDataMutations: (params) => {
+    return (_jsx(PopupPanel, { headerText: 'Notes', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage, children: _jsx(DataSource, { data: allNotes, primaryKey: "Uuid", onDataMutations: (params) => {
                 for (const mutation of params.mutations) {
                     const [uuid, changes] = mutation;
                     for (const change of changes) {
@@ -88,6 +88,5 @@ export const NotePopup = (props) => {
                         }
                     }
                 }
-            } },
-            React.createElement(InfiniteTableGrid, { columnTypes: columnTypes, headerOptions: headerOptions, domProps: tableDOMProps, columns: columnsMap }))));
+            }, children: _jsx(InfiniteTableGrid, { columnTypes: columnTypes, headerOptions: headerOptions, domProps: tableDOMProps, columns: columnsMap }) }) }));
 };

package/src/View/PlusMinus/MovePlusMinus.js

@@ -1,3 +1,4 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import SimpleButton from '../../components/SimpleButton';
 import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
@@ -14,9 +15,7 @@ export const MovePlusMinus = (props) => {
         dispatch(PlusMinusRedux.PlusMinusMoveDown(props.data));
     }, []);
     if (plusMinusNudges?.length <= 1) {
-        return React.createElement(React.Fragment, null);
+        return _jsx(_Fragment, {});
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SimpleButton, { "data-id": "move-up", title: "move up", onClick: handleMoveUp, variant: "text", icon: "arrow-up" }),
-        React.createElement(SimpleButton, { "data-name": "move-down", title: "move down", onClick: handleMoveDown, variant: "text", icon: "arrow-down" })));
+    return (_jsxs(_Fragment, { children: [_jsx(SimpleButton, { "data-id": "move-up", title: "move up", onClick: handleMoveUp, variant: "text", icon: "arrow-up" }), _jsx(SimpleButton, { "data-name": "move-down", title: "move down", onClick: handleMoveDown, variant: "text", icon: "arrow-down" })] }));
 };