@adaptabletools/adaptable-cjs 21.2.2-canary.0 → 22.0.0-canary.1

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotAggregationsSection = exports.PivotAggregationsSectionSummary = exports.isPivotAggregationsSectionValid = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const CheckBox_1 = require("../../../../components/CheckBox");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
@@ -17,6 +16,7 @@ const Utilities_1 = require("./Utilities");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/StringExtensions"));
 const Select_1 = require("../../../../components/Select");
+const Flex_1 = require("../../../../components/Flex");
 const PivotColumnRow = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const aggValue = (props.layout.PivotAggregationColumns || []).find((x) => x.ColumnId === props.column.columnId)?.AggFunc;
@@ -173,21 +173,20 @@ const PivotColumnRow = (props) => {
         label: option,
         value: option === 'Off' ? false : option.toLowerCase(),
     }));
-    return (React.createElement(rebass_1.Box, { "data-name": props.column.columnId, className: "ab-Layout-Wizard__ColumnRow" },
-        React.createElement(rebass_1.Flex, { alignItems: "flex-start" },
-            React.createElement(rebass_1.Flex, { flex: "0 0 auto", alignItems: "center" },
-                React.createElement(rebass_1.Flex, { minWidth: 80 }, props.column.friendlyName),
-                aggValue && (React.createElement(DropdownButton_1.default, { columns: ['label'], items: aggOptions, ml: 2 }, currentAggFnName)),
-                currentAggFnName === AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME && (React.createElement(rebass_1.Flex, { backgroundColor: "primary", ml: 3, alignItems: "center" },
-                    React.createElement(rebass_1.Text, null, "Weight"),
+    return (React.createElement(Flex_1.Box, { "data-name": props.column.columnId, className: "ab-Layout-Wizard__ColumnRow" },
+        React.createElement(Flex_1.Flex, { alignItems: "flex-start" },
+            React.createElement(Flex_1.Flex, { className: "twa:flex-[0_0_auto]", alignItems: "center" },
+                React.createElement(Flex_1.Flex, { className: "twa:min-w-[80px]" }, props.column.friendlyName),
+                aggValue && (React.createElement(DropdownButton_1.default, { columns: ['label'], items: aggOptions, className: "twa:ml-2" }, currentAggFnName)),
+                currentAggFnName === AggregationColumns_1.WEIGHTED_AVERAGE_AGG_FN_NAME && (React.createElement(Flex_1.Flex, { className: "twa:bg-primary twa:ml-3", alignItems: "center" },
+                    React.createElement(Flex_1.Box, null, "Weight"),
                     ' ',
-                    React.createElement(DropdownButton_1.default, { columns: ['label'], items: numericColumnsOptions, ml: 2 }, weightName))),
-                aggValue && (React.createElement(rebass_1.Flex, { backgroundColor: "primary", ml: 3, alignItems: "center" },
-                    React.createElement(rebass_1.Text, null, "Total"),
+                    React.createElement(DropdownButton_1.default, { columns: ['label'], items: numericColumnsOptions, className: "twa:ml-2" }, weightName))),
+                aggValue && (React.createElement(Flex_1.Flex, { className: "twa:bg-primary twa:ml-3", alignItems: "center" },
+                    React.createElement(Flex_1.Box, null, "Total"),
                     ' ',
-                    React.createElement(DropdownButton_1.default, { columns: ['label'], items: totalOptions, ml: 2 }, currentTotal)))),
-            hasPivotSpecificTotals && (React.createElement(rebass_1.Flex, { ml: 2, pl: 2, flexWrap: "wrap", flex: "1 1 auto", alignItems: "center", style: {
-                    minWidth: '200px',
+                    React.createElement(DropdownButton_1.default, { columns: ['label'], items: totalOptions, className: "twa:ml-2" }, currentTotal)))),
+            hasPivotSpecificTotals && (React.createElement(Flex_1.Flex, { className: "twa:ml-2 twa:pl-2 twa:flex-[1_1_auto] twa:min-w-[200px]", flexWrap: "wrap", alignItems: "center", style: {
                     borderLeft: '1px solid var(--ab-color-text-on-primary)',
                     rowGap: '8px',
                     columnGap: '12px',
@@ -204,8 +203,8 @@ const PivotColumnRow = (props) => {
                             : pivotTotalSetting.ShowTotal === 'after'
                                 ? 'After'
                                 : 'Off';
-                return (React.createElement(rebass_1.Flex, { key: pivotColId, alignItems: "center" },
-                    React.createElement(rebass_1.Text, { mr: 1 },
+                return (React.createElement(Flex_1.Flex, { key: pivotColId, alignItems: "center" },
+                    React.createElement(Flex_1.Box, { className: "twa:mr-1" },
                         adaptable.api.columnApi.getFriendlyNameForColumnId(pivotColId),
                         ":"),
                     React.createElement(DropdownButton_1.default, { columns: ['label'], items: pivotTotalOptions.map((opt) => ({
@@ -238,7 +237,7 @@ const PivotAggregationsSectionSummary = () => {
     else {
         content = React.createElement(Tag_1.Tag, null, "No Pivot Column Aggregations");
     }
-    return React.createElement(rebass_1.Box, null, content);
+    return React.createElement(Flex_1.Box, null, content);
 };
 exports.PivotAggregationsSectionSummary = PivotAggregationsSectionSummary;
 const PivotAggregationsSection = (props) => {
@@ -323,7 +322,7 @@ const PivotAggregationsSection = (props) => {
     return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
         React.createElement(Tabs_1.Tabs.Tab, null, "Column Aggregations"),
         React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(rebass_1.Flex, null,
+            React.createElement(Flex_1.Flex, null,
                 React.createElement(FormLayout_1.default, null,
                     React.createElement(FormLayout_1.FormRow, { label: 'Omit Aggregation from Header' },
                         React.createElement(CheckBox_1.CheckBox, { checked: layout.SuppressAggFuncInHeader, onChange: handleSuppressAggFuncInHeader })),
@@ -340,7 +339,7 @@ const PivotAggregationsSection = (props) => {
                                 });
                             }, isClearable: true })),
                     React.createElement(FormLayout_1.FormRow, { label: 'Pivot Grand Total' },
-                        React.createElement(Select_1.Select, { style: { width: 160 }, options: ['before', 'after'].map((position) => {
+                        React.createElement(Select_1.Select, { className: "twa:w-[160px]", options: ['before', 'after'].map((position) => {
                                 return {
                                     label: StringExtensions_1.default.CapitaliseFirstLetter(position),
                                     value: position,
@@ -361,9 +360,7 @@ const PivotAggregationsSection = (props) => {
                                 ...layout,
                                 PivotColumnTotal: value,
                             });
-                        }, isClearable: true })) : (React.createElement(rebass_1.Text, { marginLeft: 1, style: { fontStyle: 'italic' } }, isPivotColumnTotalEnabled))))),
-            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, toListLabel: (column) => (React.createElement(PivotColumnRow, { onChangeAggFunction: handleAggregationChange, layout: layout, column: column, aggregationColumnsMap: aggregationColumnsMap, numberColumns: numberColumns })), options: sortedAggregableColumns, value: (layout.PivotAggregationColumns || []).map((col) => col.ColumnId), allowReorder: true, xSelectedLabel: () => {
-                    return `Active aggregations:`;
-                }, onChange: handleColumnsSelectionChange }))));
+                        }, isClearable: true })) : (React.createElement(Flex_1.Box, { className: "twa:ml-1 twa:italic" }, isPivotColumnTotalEnabled))))),
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, toListLabel: (column) => (React.createElement(PivotColumnRow, { onChangeAggFunction: handleAggregationChange, layout: layout, column: column, aggregationColumnsMap: aggregationColumnsMap, numberColumns: numberColumns })), options: sortedAggregableColumns, value: (layout.PivotAggregationColumns || []).map((col) => col.ColumnId), allowReorder: true, onChange: handleColumnsSelectionChange }))));
 };
 exports.PivotAggregationsSection = PivotAggregationsSection;

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotColumnsSection = exports.PivotColumnsSectionSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const Tabs_1 = require("../../../../components/Tabs");
 const Tag_1 = require("../../../../components/Tag");
 const AdaptableContext_1 = require("../../../AdaptableContext");
@@ -11,10 +10,11 @@ const ValueSelector_1 = require("../../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
 const Utilities_1 = require("./Utilities");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
+const Flex_1 = require("../../../../components/Flex");
 const PivotColumnsSectionSummary = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, { p: 2, style: { borderRadius: 'var(--ab__border-radius)' }, backgroundColor: "var(--ab-color-defaultbackground)" }, layout.PivotColumns?.length ? (layout.PivotColumns.map((columnId) => (React.createElement(Tag_1.Tag, { mr: 1, key: columnId }, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))))) : (React.createElement(Tag_1.Tag, null, "No Pivot Columns Defined"))));
+    return (React.createElement(Flex_1.Box, { className: "twa:p-2 twa:rounded-standard twa:bg-defaultbackground" }, layout.PivotColumns?.length ? (layout.PivotColumns.map((columnId) => (React.createElement(Tag_1.Tag, { className: "twa:mr-1", key: columnId }, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))))) : (React.createElement(Tag_1.Tag, null, "No Pivot Columns Defined"))));
 };
 exports.PivotColumnsSectionSummary = PivotColumnsSectionSummary;
 const PivotColumnsSection = (props) => {
@@ -30,11 +30,9 @@ const PivotColumnsSection = (props) => {
             PivotColumns: columnIds,
         });
     };
-    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+    return (React.createElement(Tabs_1.Tabs, { className: "twa:h-full" },
         React.createElement(Tabs_1.Tabs.Tab, null, "Pivot Columns"),
         React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedPivotColumns, value: layout.PivotColumns ?? [], allowReorder: true, xSelectedLabel: () => {
-                    return `Selected Columns:`;
-                }, onChange: handleColumnsChange }))));
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedPivotColumns, value: layout.PivotColumns ?? [], allowReorder: true, onChange: handleColumnsChange }))));
 };
 exports.PivotColumnsSection = PivotColumnsSection;

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotRowGroupingSection = exports.PivotRowGroupingSectionSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const Utilities_1 = require("./Utilities");
 const Tabs_1 = require("../../../../components/Tabs");
 const Tag_1 = require("../../../../components/Tag");
@@ -13,11 +12,12 @@ const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
 const LayoutHelpers_1 = require("../../../../Api/Implementation/LayoutHelpers");
 const RowGroupingSection_1 = require("./RowGroupingSection");
+const Flex_1 = require("../../../../components/Flex");
 const PivotRowGroupingSectionSummary = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, null, layout.PivotGroupedColumns?.length ? (layout.PivotGroupedColumns.map((columnId) => {
-        return (React.createElement(rebass_1.Box, { mb: 2 },
+    return (React.createElement(Flex_1.Box, null, layout.PivotGroupedColumns?.length ? (layout.PivotGroupedColumns.map((columnId) => {
+        return (React.createElement(Flex_1.Box, { className: "twa:mb-2" },
             React.createElement(Tag_1.Tag, { key: columnId }, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))));
     })) : (React.createElement(Tag_1.Tag, null, "No Pivot Row Grouping"))));
 };
@@ -43,9 +43,7 @@ const PivotRowGroupingSection = (props) => {
         React.createElement(Tabs_1.Tabs.Tab, null, "Row Grouped Columns"),
         React.createElement(Tabs_1.Tabs.Tab, null, rowGroupsText),
         React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedGroupableColumns, value: layout.PivotGroupedColumns ?? [], allowReorder: true, xSelectedLabel: () => {
-                    return `Selected Columns:`;
-                }, onChange: handleColumnsChange })),
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedGroupableColumns, value: layout.PivotGroupedColumns ?? [], allowReorder: true, onChange: handleColumnsChange })),
         React.createElement(Tabs_1.Tabs.Content, null,
             React.createElement(RowGroupingSection_1.RowGroupBehaviorSection, { layout: layout, onChange: onChange }))));
 };

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowGroupingSection = exports.RowGroupBehaviorSection = exports.RowGroupingSectionSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const FormLayout_1 = tslib_1.__importDefault(require("../../../../components/FormLayout"));
 const Utilities_1 = require("./Utilities");
 const Radio_1 = require("../../../../components/Radio");
@@ -15,15 +14,16 @@ const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
 const LayoutHelpers_1 = require("../../../../Api/Implementation/LayoutHelpers");
 const TypeRadio_1 = require("../../../Wizard/TypeRadio");
+const Flex_1 = require("../../../../components/Flex");
 const RowGroupingSectionSummary = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     if (adaptable.api.gridApi.isTreeDataGrid()) {
-        return (React.createElement(rebass_1.Box, { display: 'flex', flexDirection: 'row' },
+        return (React.createElement(Flex_1.Flex, { flexDirection: "row" },
             React.createElement(Tag_1.Tag, null, "Row Grouping is not available in Tree Grids")));
     }
-    return (React.createElement(rebass_1.Box, { display: 'flex', flexDirection: 'row' }, layout.RowGroupedColumns?.length ? (layout.RowGroupedColumns.map((columnId) => {
-        return (React.createElement(rebass_1.Box, { key: columnId, mb: 2, mr: 2 },
+    return (React.createElement(Flex_1.Flex, { flexDirection: "row" }, layout.RowGroupedColumns?.length ? (layout.RowGroupedColumns.map((columnId) => {
+        return (React.createElement(Flex_1.Box, { key: columnId, className: "twa:mb-2 twa:mr-2" },
             React.createElement(Tag_1.Tag, null, adaptable.api.columnApi.getFriendlyNameForColumnId(columnId))));
     })) : (React.createElement(Tag_1.Tag, null, "No Row Grouping"))));
 };
@@ -53,7 +53,7 @@ exports.RowGroupBehaviorSection = RowGroupBehaviorSection;
 const RowGroupingSection = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     if (adaptable.api.gridApi.isTreeDataGrid()) {
-        return (React.createElement(rebass_1.Box, { display: 'flex', flexDirection: 'row' },
+        return (React.createElement(Flex_1.Flex, { flexDirection: "row" },
             React.createElement(Tag_1.Tag, null, "Row Grouping is not available in Tree Grids")));
     }
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
@@ -77,7 +77,7 @@ const RowGroupingSection = (props) => {
         }
         onChange(newLayout);
     };
-    return (React.createElement(rebass_1.Box, { style: { height: '100%' } },
+    return (React.createElement(Flex_1.Box, { className: "twa:h-full" },
         React.createElement(Tabs_1.Tabs, null,
             React.createElement(Tabs_1.Tabs.Tab, null, "Group Display Type"),
             React.createElement(Tabs_1.Tabs.Content, null,
@@ -97,13 +97,11 @@ const RowGroupingSection = (props) => {
                         } },
                         React.createElement(TypeRadio_1.TypeRadio, { value: "single", text: "Single Column", description: "All Row Grouped Columns display in one hierarchical Column" }),
                         React.createElement(TypeRadio_1.TypeRadio, { value: "multi", text: "Multiple Columns", description: "Each Row Grouped Columns displays in its own, separate, Column" }))))),
-        React.createElement(Tabs_1.Tabs, { mt: 2 },
+        React.createElement(Tabs_1.Tabs, { className: "twa:mt-2" },
             React.createElement(Tabs_1.Tabs.Tab, null, "Row Grouped Columns"),
             React.createElement(Tabs_1.Tabs.Tab, null, rowGroupsText),
             React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedGroupableColumns, value: layout.RowGroupedColumns ?? [], allowReorder: true, xSelectedLabel: () => {
-                        return `Selected Columns:`;
-                    }, onChange: handleColumnsChange })),
+                React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, filter: Utilities_1.columnFilter, toIdentifier: (option) => `${option.columnId}`, toLabel: (option) => option.friendlyName ?? option.columnId, options: sortedGroupableColumns, value: layout.RowGroupedColumns ?? [], allowReorder: true, onChange: handleColumnsChange })),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(exports.RowGroupBehaviorSection, { layout: layout, onChange: onChange })))));
 };

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowSummarySection = exports.RowSummarySectionSummary = exports.areSummaryRowsValid = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const CheckBox_1 = require("../../../../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const Panel_1 = tslib_1.__importDefault(require("../../../../components/Panel"));
@@ -21,6 +20,7 @@ const ValueSelector_1 = require("../../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
 const Utilities_1 = require("./Utilities");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
+const Flex_1 = require("../../../../components/Flex");
 const areSummaryRowsValid = (layout) => {
     if (!layout.RowSummaries)
         return true;
@@ -79,16 +79,16 @@ const getAvailableExpressionsForColumnType = (columnType, availableScalarExpress
 const RowSummarySectionSummary = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, { display: 'flex', flexDirection: 'column' }, layout.RowSummaries?.length ? (layout.RowSummaries.map((rowSummary, index) => {
+    return (React.createElement(Flex_1.Box, { className: "twa:flex twa:flex-col" }, layout.RowSummaries?.length ? (layout.RowSummaries.map((rowSummary, index) => {
         return (React.createElement(React.Fragment, null,
-            React.createElement(rebass_1.Box, { mr: 1, mb: 1, key: index },
+            React.createElement(Flex_1.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_1.Tag, { mr: 1, key: colId },
+                    return (React.createElement(Tag_1.Tag, { className: "twa:mr-1", key: colId },
                         rowSummary.ColumnsMap[colId],
                         "(",
                         adaptable.api.columnApi.getFriendlyNameForColumnId(colId),
@@ -113,9 +113,9 @@ const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpr
             sortUnorderedItems: false,
         }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
     }, [rowSummary.ColumnsMap]);
-    return (React.createElement(Panel_1.default, { header: React.createElement(rebass_1.Flex, { style: { width: '100%' } },
-            React.createElement(rebass_1.Flex, { flex: 1, alignItems: "center" }, "Row Summary"),
-            React.createElement(rebass_1.Box, { mr: 2 },
+    return (React.createElement(Panel_1.default, { header: React.createElement(Flex_1.Flex, { className: "twa:w-full" },
+            React.createElement(Flex_1.Flex, { className: "twa:flex-1", alignItems: "center" }, "Row Summary"),
+            React.createElement(Flex_1.Box, { className: "twa:mr-2" },
                 React.createElement(SuspendToggleButton_1.SuspendToggleButton, { onSuspend: () => {
                         onChange({
                             ...rowSummary,
@@ -129,7 +129,7 @@ const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpr
                     }, suspendableObject: rowSummary })),
             React.createElement(SimpleButton_1.default, { icon: "delete", onClick: () => {
                     onDelete();
-                } })), p: 2 },
+                } })), className: "twa:p-2" },
         React.createElement(FormLayout_1.default, null,
             React.createElement(FormLayout_1.FormRow, { label: "Position" },
                 React.createElement(Select_1.Select, { options: [
@@ -154,12 +154,10 @@ const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpr
                             IncludeOnlyFilteredRows,
                         });
                     } }, "Include Only Filtered Rows"))),
-        React.createElement(rebass_1.Flex, { flexDirection: 'column', mt: 2, mb: 1 },
-            React.createElement(rebass_1.Flex, { alignItems: "center", flex: 1, mb: 2 }, "Column Aggregations"),
-            React.createElement(Panel_1.default, { bodyProps: { maxHeight: '100%' }, style: { height: 360 } },
-                React.createElement(ValueSelector_1.ValueSelector, { style: { maxHeight: '100%' }, showFilterInput: true, filter: Utilities_1.columnFilter, toIdentifier: (column) => column.columnId, toLabel: (option) => option.friendlyName ?? option.columnId, options: columns, xSelectedLabel: () => {
-                        return 'Active Aggregations:';
-                    }, toListLabel: (column) => {
+        React.createElement(Flex_1.Flex, { flexDirection: "column", className: "twa:mt-2 twa:mb-1" },
+            React.createElement(Flex_1.Flex, { alignItems: "center", className: "twa:flex-1 twa:mb-2" }, "Column Aggregations"),
+            React.createElement(Panel_1.default, { bodyProps: { className: 'twa:max-h-full ' }, className: "twa:h-[360px]" },
+                React.createElement(ValueSelector_1.ValueSelector, { style: { maxHeight: '100%' }, showFilterInput: true, filter: Utilities_1.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 label;
@@ -179,8 +177,8 @@ const RowSummaryEditor = React.memo(({ rowSummary, onChange, availableScalarExpr
                             });
                         }
                         const expression = rowSummary.ColumnsMap[column.columnId];
-                        return (React.createElement(rebass_1.Flex, null,
-                            React.createElement(rebass_1.Flex, { mr: 2, alignItems: 'center' }, label),
+                        return (React.createElement(Flex_1.Flex, null,
+                            React.createElement(Flex_1.Flex, { className: "twa:mr-2", alignItems: 'center' }, label),
                             React.createElement(Select_1.Select, { value: expression, options: expressionOptions, onChange: (expression) => {
                                     onChange({
                                         ...rowSummary,
@@ -214,8 +212,8 @@ const RowSummarySection = (props) => {
         React.createElement(Tabs_1.Tabs.Tab, null, "Row Summaries"),
         React.createElement(Tabs_1.Tabs.Content, null,
             React.createElement("div", null,
-                React.createElement(rebass_1.Flex, { mb: 1 },
-                    React.createElement(rebass_1.Flex, { flex: 1 }),
+                React.createElement(Flex_1.Flex, { className: "twa:mb-1" },
+                    React.createElement(Flex_1.Flex, { className: "twa:flex-1" }),
                     React.createElement(SimpleButton_1.default, { onClick: () => {
                             props.onChange({
                                 ...layout,

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SettingsSection = exports.SettingsSectionSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const Input_1 = tslib_1.__importDefault(require("../../../../components/Input"));
 const Radio_1 = tslib_1.__importDefault(require("../../../../components/Radio"));
@@ -11,17 +10,18 @@ const Tabs_1 = require("../../../../components/Tabs");
 const Tag_1 = require("../../../../components/Tag");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
 const isPivotLayout_1 = require("../../../../Utilities/isPivotLayout");
+const Flex_1 = require("../../../../components/Flex");
 const SettingsSectionSummary = () => {
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const isPivot = (0, isPivotLayout_1.isPivotLayout)(layout);
-    return (React.createElement(rebass_1.Box, null,
-        React.createElement(Tag_1.Tag, { mr: 2 },
+    return (React.createElement(Flex_1.Box, null,
+        React.createElement(Tag_1.Tag, { className: "twa:mr-2" },
             "Layout Name: ",
             layout.Name),
-        React.createElement(Tag_1.Tag, { mr: 2 },
+        React.createElement(Tag_1.Tag, { className: "twa:mr-2" },
             "Layout Grid Type: ",
             isPivot ? 'Pivot' : 'Table'),
-        React.createElement(Tag_1.Tag, { mr: 2 },
+        React.createElement(Tag_1.Tag, { className: "twa:mr-2" },
             "Suppress Aggregation Function in Column Header:",
             ' ',
             layout.SuppressAggFuncInHeader ? 'Yes' : 'No')));
@@ -36,17 +36,17 @@ const SettingsSection = (props) => {
         });
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tabs_1.Tabs, { mb: 3 },
+        React.createElement(Tabs_1.Tabs, { className: "twa:mb-3" },
             React.createElement(Tabs_1.Tabs.Tab, null, "Settings"),
             React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "row" },
-                    React.createElement(FormLayout_1.default, { width: "100%", style: { maxWidth: 300 } },
+                React.createElement(Flex_1.Flex, { flexDirection: "row" },
+                    React.createElement(FormLayout_1.default, { className: "twa:max-w-[300px] twa:w-full" },
                         React.createElement(FormLayout_1.FormRow, { label: "Name" },
-                            React.createElement(Input_1.default, { width: "100%", "data-name": "layout-name", onChange: onNameChange, value: layout?.Name ?? '' })))))),
-        React.createElement(Tabs_1.Tabs, { mb: 2 },
+                            React.createElement(Input_1.default, { className: "twa:w-full", "data-name": "layout-name", onChange: onNameChange, value: layout?.Name ?? '' })))))),
+        React.createElement(Tabs_1.Tabs, { className: "twa:mb-2" },
             React.createElement(Tabs_1.Tabs.Tab, null, "Grid Type"),
             React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "column" },
+                React.createElement(Flex_1.Flex, { flexDirection: "column" },
                     React.createElement(Radio_1.default, { "data-name": "layout-type-table", disabled: true, checked: !(0, isPivotLayout_1.isPivotLayout)(layout) }, "Table"),
                     React.createElement(Radio_1.default, { "data-name": "layout-type-pivot", disabled: true, checked: (0, isPivotLayout_1.isPivotLayout)(layout) }, "Pivot"))))));
 };

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SortSection = exports.SortSectionSummary = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/SimpleButton"));
 const Tabs_1 = require("../../../../components/Tabs");
 const Tag_1 = require("../../../../components/Tag");
@@ -13,19 +12,20 @@ const ValueSelector_1 = require("../../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
 const Utilities_1 = require("./Utilities");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/ArrayExtensions"));
+const Flex_1 = require("../../../../components/Flex");
 const SortSectionSummary = () => {
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const sortViewItems = (0, getLayoutSortViewItems_1.getLayoutSortViewItems)(layout, adaptable.api);
-    return (React.createElement(rebass_1.Box, null, sortViewItems.values.length ? (sortViewItems.values.map((value) => (React.createElement(Tag_1.Tag, { key: value, mb: 1, mr: 1 }, value)))) : (React.createElement(Tag_1.Tag, null, "No Sorts"))));
+    return (React.createElement(Flex_1.Box, null, sortViewItems.values.length ? (sortViewItems.values.map((value) => (React.createElement(Tag_1.Tag, { key: value, className: "twa:mb-1 twa:mr-1" }, value)))) : (React.createElement(Tag_1.Tag, null, "No Sorts"))));
 };
 exports.SortSectionSummary = SortSectionSummary;
 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(rebass_1.Box, null,
+    return (React.createElement(Flex_1.Box, null,
         props.column.friendlyName,
-        SortOrder && (React.createElement(SimpleButton_1.default, { ml: 2, onClick: () => props.onSortChange(props.column.columnId, SortOrder === 'Asc' ? 'Desc' : 'Asc'), variant: "raised", icon: icon }))));
+        SortOrder && (React.createElement(SimpleButton_1.default, { className: "twa:ml-2", onClick: () => props.onSortChange(props.column.columnId, SortOrder === 'Asc' ? 'Desc' : 'Asc'), variant: "raised", icon: icon }))));
 };
 const SortSection = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
@@ -60,11 +60,9 @@ const SortSection = (props) => {
             }),
         });
     }, [layout]);
-    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+    return (React.createElement(Tabs_1.Tabs, { className: "twa:h-full" },
         React.createElement(Tabs_1.Tabs.Tab, null, "Column Sorts"),
         React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, showSelectedOnlyPosition: "top", filter: Utilities_1.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, xSelectedLabel: () => {
-                    return `Active sorts:`;
-                }, onChange: handleColumnsSelectionChange }))));
+            React.createElement(ValueSelector_1.ValueSelector, { showFilterInput: true, filter: Utilities_1.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 }))));
 };
 exports.SortSection = SortSection;

package/src/View/License/LicenseWatermark.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LicenseWatermark=void 0;const e=require("tslib"),t=e.__importStar(require("react")),r=require("../../components/Logo"),o=require("rebass"),n={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)"},i=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},l=e=>{const l=t.useRef(null);return t.useEffect(()=>{const e=setInterval(()=>{l.current?.isConnected||alert("It is not allowed to remove the Adaptable watermark."),i(l.current)||alert("It is not allowed to modify the Adaptable watermark."),l?.current?.style&&(l.current.style.border=n.border,l.current.style.padding=n.padding,l.current.style.fontWeight=`${n.fontWeight}`,l.current.style.margin=n.margin,l.current.style.fontSize=n.fontSize,l.current.style.color=n.color,l.current.style.background=n.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)},[]),t.createElement(o.Flex,{style:n,ref:l},t.createElement(r.Logo,{style:{marginRight:10}}),t.createElement("div",null,e.children))};exports.LicenseWatermark=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LicenseWatermark=void 0;const e=require("tslib"),t=e.__importStar(require("react")),r=require("../../components/Logo"),o=require("../../components/Flex"),n={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)"},i=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},l=e=>{const l=t.useRef(null);return t.useEffect(()=>{const e=setInterval(()=>{l.current?.isConnected||alert("It is not allowed to remove the Adaptable watermark."),i(l.current)||alert("It is not allowed to modify the Adaptable watermark."),l?.current?.style&&(l.current.style.border=n.border,l.current.style.padding=n.padding,l.current.style.fontWeight=`${n.fontWeight}`,l.current.style.margin=n.margin,l.current.style.fontSize=n.fontSize,l.current.style.color=n.color,l.current.style.background=n.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)},[]),t.createElement(o.Flex,{style:n,ref:l},t.createElement(r.Logo,{style:{marginRight:10}}),t.createElement("div",null,e.children))};exports.LicenseWatermark=l;

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

@@ -4,11 +4,11 @@ exports.NamedQueryExpressionWizardSection = exports.renderNamedQueryExpressionSu
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
-const rebass_1 = require("rebass");
 const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
 const Tag_1 = require("../../../components/Tag");
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const Flex_1 = require("../../../components/Flex");
 const isValidNamedQueryExpression = (data, api) => {
     if (!data.BooleanExpression) {
         return 'Expression is empty';
@@ -22,7 +22,7 @@ const isValidNamedQueryExpression = (data, api) => {
 exports.isValidNamedQueryExpression = isValidNamedQueryExpression;
 const renderNamedQueryExpressionSummary = (data) => {
     const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Text, { fontSize: 2 },
+    return (React.createElement(Flex_1.Box, { className: "twa:text-2" },
         "Expression: ",
         React.createElement(Tag_1.Tag, null, api.internalApi.getAdaptableQueryExpressionText(data))));
 };

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

@@ -4,13 +4,13 @@ exports.NamedQuerySettingsWizardSection = exports.renderNamedQuerySettingsSummar
 const tslib_1 = require("tslib");
 // TODO: move to named query
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
 const Tag_1 = require("../../../components/Tag");
+const Flex_1 = require("../../../components/Flex");
 const isValidNamedQuerySettings = (data, api) => {
     const validationResult = api.namedQueryApi.isValidNamedQuery(data);
     const ErrorMessage = !validationResult.valid ? validationResult.message : null;
@@ -21,7 +21,7 @@ const isValidNamedQuerySettings = (data, api) => {
 };
 exports.isValidNamedQuerySettings = isValidNamedQuerySettings;
 const renderNamedQuerySettingsSummary = (data) => {
-    return (React.createElement(rebass_1.Text, { fontSize: 2 },
+    return (React.createElement(Flex_1.Box, { className: "twa:text-2" },
         "Name: ",
         React.createElement(Tag_1.Tag, null, data.Name)));
 };
@@ -40,7 +40,7 @@ const NamedQuerySettingsWizardSection = (props) => {
     return (React.createElement(WizardPanel_1.default, { "data-name": 'named-query-settings' },
         React.createElement(FormLayout_1.default, null,
             React.createElement(FormLayout_1.FormRow, { label: "Name" },
-                React.createElement(AdaptableInput_1.default, { "data-name": "query-name", value: data.Name, autoFocus: true, width: 300, type: "text", placeholder: "Enter Named Query Name", onChange: (e) => handleColumnNameChange(e) })),
+                React.createElement(AdaptableInput_1.default, { "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(FormLayout_1.FormRow, { label: "" },
                 React.createElement(ErrorBox_1.default, null, errorMessage))) : null)));

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

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NamedQueryWizard = void 0;
+exports.NamedQueryWizard = NamedQueryWizard;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
-const rebass_1 = require("rebass");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NamedQuerySettingsWizardSection_1 = require("./NamedQuerySettingsWizardSection");
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
@@ -13,6 +12,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const NamedQueryRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/NamedQueryRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
+const Flex_1 = require("../../../components/Flex");
 function NamedQueryWizard(props) {
     const [namedQuery, setNamedQuery] = (0, react_1.useState)(() => {
         const value = props.popupParams?.value ?? '';
@@ -51,7 +51,7 @@ function NamedQueryWizard(props) {
                 details: 'Select Named Query Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                render: () => (React.createElement(Flex_1.Box, { className: "twa:p-2" },
                     React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setNamedQuery }))),
                 renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
@@ -60,10 +60,9 @@ function NamedQueryWizard(props) {
                 title: 'Summary',
                 details: 'Review your Named Query',
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                    return (React.createElement(Flex_1.Box, { className: "twa:p-2" },
                         React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
                 },
             },
         ], onHide: props.onCloseWizard, moduleInfo: props.moduleInfo, data: namedQuery }));
 }
-exports.NamedQueryWizard = NamedQueryWizard;

package/src/View/Note/NoteEditor.js

@@ -7,6 +7,7 @@ const React = tslib_1.__importStar(require("react"));
 const Textarea_1 = tslib_1.__importDefault(require("../../components/Textarea"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
+const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
     const { api } = (0, AdaptableContext_1.useAdaptable)();
     const showPopupCloseButton = api.optionsApi.getNoteOptions()?.showPopupCloseButton ?? true;
@@ -28,7 +29,10 @@ const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
         return null;
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Textarea_1.default, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, style: { paddingRight: showPopupCloseButton ? 30 : 0 }, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
+        React.createElement(Textarea_1.default, { readOnly: isReadonly, ref: textAreaRef, className: (0, clsx_1.default)('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();
                 }

package/src/View/PlusMinus/Wizard/PlusMinusRuleWizardSection.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusRuleWizardSection = exports.PlusMinusRuleSummary = void 0;
+exports.PlusMinusRuleSummary = PlusMinusRuleSummary;
+exports.PlusMinusRuleWizardSection = PlusMinusRuleWizardSection;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
@@ -20,7 +21,6 @@ function PlusMinusRuleSummary() {
                     React.createElement(CodeBlock_1.CodeBlock, null, contents))));
         } }));
 }
-exports.PlusMinusRuleSummary = PlusMinusRuleSummary;
 function PlusMinusRuleWizardSection(props) {
     const { data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const plusMinusNudge = {
@@ -43,4 +43,3 @@ function PlusMinusRuleWizardSection(props) {
             useAggregationQuery: null,
         } }));
 }
-exports.PlusMinusRuleWizardSection = PlusMinusRuleWizardSection;