@adaptabletools/adaptable 11.1.15 → 11.1.16

package/src/View/Components/TagValueSelector/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagValueOptionsTags = exports.TagValueSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const ValueSelector_1 = require("../ValueSelector");
+const AdaptableContext_1 = require("../../AdaptableContext");
+exports.TagValueSelector = (props) => {
+    const { api } = AdaptableContext_1.useAdaptable();
+    const getDefaultTags = () => {
+        var _a;
+        return (_a = api.internalApi.getAvailableTags()) !== null && _a !== void 0 ? _a : [];
+    };
+    const { availableTags = getDefaultTags(), selectedTags = [], onChange, singleSelect } = props;
+    return (React.createElement(ValueSelector_1.ValueSelector, { options: availableTags, value: selectedTags.map((tag) => tag.value), singleSelect: singleSelect, allowReorder: false, onChange: (selectedTagsIds, selectedTagsMap) => {
+            onChange(selectedTagsIds.map((id) => selectedTagsMap.get(id)));
+        }, selectionBoxPosition: 'top', toIdentifier: (tag) => tag.value, toLabel: (tag) => tag.label, noSelectionLabel: singleSelect ? 'Select a tag' : 'You have not selected any tags.', xSelectedLabel: singleSelect ? () => 'Selected tag:' : () => 'Selected tags:' }));
+};
+exports.TagValueOptionsTags = (props) => {
+    const { tags = [] } = props;
+    return (React.createElement(ValueSelector_1.ValueOptionsTags, { options: tags, value: tags.map((tag) => tag.value), toIdentifier: (tag) => tag.value, toLabel: (tag) => tag.label, allowWrap: true, readOnly: true }));
+};

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -18,6 +18,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const ConditionalStyleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ConditionalStyleRedux"));
 const ConditionalStyleSettingsWizardSettings_1 = require("./ConditionalStyleSettingsWizardSettings");
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ConditionalStyleWizard = (props) => {
     var _a;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
@@ -91,6 +92,14 @@ exports.ConditionalStyleWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { padding: 2 },
                     React.createElement(ConditionalStyleSettingsWizardSettings_1.ConditionalStyleSettingsWizardSettings, { onChange: setConditionalStyle }))),
             },
+            {
+                details: 'Select Conditional Style tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setConditionalStyle }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 details: 'Review the Conditional Style',

package/src/View/CustomSort/Wizard/CustomSortWizard.js

@@ -12,6 +12,7 @@ const CustomSortValuesWizardSection_1 = require("./CustomSortValuesWizardSection
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const CustomSortRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/CustomSortRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.CustomSortWizard = (props) => {
     var _a, _b;
     let data = props.data;
@@ -59,6 +60,14 @@ exports.CustomSortWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { padding: 2, style: { height: '100%' } },
                     React.createElement(CustomSortValuesWizardSection_1.CustomSortValuesWizardSection, { onChange: setCustomSort }))),
             },
+            {
+                details: 'Select Custom Sort tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setCustomSort }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 title: 'Summary',

package/src/View/DataSource/Wizard/DataSourceSettingsWizard.js

@@ -32,7 +32,7 @@ exports.DataSourceSettingsWizard = (props) => {
     };
     return (React.createElement(rebass_1.Box, { "data-name": "data-soruce-settings" },
         React.createElement(Tabs_1.Tabs, { autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Data Soruce Settings"),
+            React.createElement(Tabs_1.Tabs.Tab, null, "Data Source Settings"),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(FormLayout_1.default, null,
                     React.createElement(FormLayout_1.FormRow, { label: "Name" },

package/src/View/DataSource/Wizard/DataSourceWizard.js

@@ -10,6 +10,7 @@ const DataSourceSettingsSummary_1 = require("./DataSourceSettingsSummary");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const DataSourceRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/DataSourceRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.DataSourceWizard = (props) => {
     const [dataSource, setDataSource] = React.useState(() => {
         return props.data ? props.data : ObjectFactory_1.default.CreateEmptyDataSource();
@@ -32,6 +33,15 @@ exports.DataSourceWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { padding: 2 },
                     React.createElement(DataSourceSettingsWizard_1.DataSourceSettingsWizard, { onChange: setDataSource }))),
             },
+            {
+                details: 'Select Data Source tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setDataSource }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
             {
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },

package/src/View/Export/ExportSelector.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export interface ExportSelectorProps {
+}
+export declare const ExportSelector: React.FunctionComponent<ExportSelectorProps>;

package/src/View/Export/ExportSelector.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const constants_1 = require("./constants");
+const dropdownStyle = {
+    padding: 2,
+    fontSize: 'small',
+};
+const isCustomDestination = (destination) => {
+    return !!destination.name;
+};
+exports.ExportSelector = () => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    // reports
+    const handleReportChange = (report) => {
+        adaptable.api.exportApi.selectReport(report);
+    };
+    const allReports = adaptable.api.exportApi.getAllReports();
+    const allReportNames = allReports.map((report) => report.Name);
+    const reportItems = allReportNames.map((report) => {
+        return {
+            label: report,
+            value: report,
+            onClick: () => handleReportChange(report),
+        };
+    });
+    const currentReport = adaptable.api.exportApi.getCurrentReport();
+    const currentReportId = StringExtensions_1.default.IsNullOrEmpty(currentReport === null || currentReport === void 0 ? void 0 : currentReport.Name)
+        ? currentReport
+        : currentReport.Name;
+    // destinations
+    const handleDestinationChange = (destination) => {
+        adaptable.api.exportApi.selectDestination(destination);
+    };
+    const destinationItems = [
+        ...adaptable.api.exportApi.getAvailableExportDestinations().map((destination) => ({
+            label: destination,
+            onClick: () => handleDestinationChange(destination),
+        })),
+        ...adaptable.api.exportApi.getAllCustomDestination().map((destination) => ({
+            label: destination.name,
+            onClick: () => handleDestinationChange(destination.name),
+        })),
+    ];
+    const currentDestination = adaptable.api.exportApi.getCurrentDestination();
+    let currentDestinationId = null;
+    if (typeof currentDestination === 'string') {
+        currentDestinationId = currentDestination;
+    }
+    else if (currentDestination && 'name' in currentDestination) {
+        currentDestinationId = currentDestination.name;
+    }
+    else {
+        currentDestinationId = constants_1.SELECT_DESTINATION_STRING;
+    }
+    // export
+    const handleExport = () => {
+        if (isCustomDestination(currentDestination)) {
+            adaptable.api.exportApi.sendReport(currentReport.Name, currentDestination.name);
+        }
+        else {
+            adaptable.api.exportApi.sendReport(currentReport.Name, currentDestination);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropdownButton_1.default, { disabled: allReportNames.length == 0, style: dropdownStyle, items: reportItems, columns: ['label'], onClear: () => handleReportChange(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId !== null && currentReportId !== void 0 ? currentReportId : constants_1.SELECT_REPORT_STRING),
+        React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, style: dropdownStyle, items: destinationItems, columns: ['label'], onClear: () => handleDestinationChange(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId),
+        React.createElement(SimpleButton_1.default, { disabled: currentDestinationId === constants_1.SELECT_DESTINATION_STRING, iconSize: 15, icon: "export", variant: "text", onClick: handleExport })));
+};

package/src/View/Export/ExportViewPanel.js

@@ -21,13 +21,12 @@ const ButtonSchedule_1 = require("../Components/Buttons/ButtonSchedule");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const react_redux_1 = require("react-redux");
-const SELECT_REPORT_STRING = 'Select Report';
-const SELECT_DESTINATION_STRING = 'Select Destination';
+const constants_1 = require("./constants");
 class ExportViewPanelComponent extends React.Component {
     render() {
         let currentReport = this.props.api.exportApi.getReportByName(this.props.CurrentReport);
         let currentReportId = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentReport)
-            ? SELECT_REPORT_STRING
+            ? constants_1.SELECT_REPORT_STRING
             : this.props.CurrentReport;
         const allReportNames = this.getAllReportNames();
         let reportItems = allReportNames.map((report) => {
@@ -40,11 +39,11 @@ class ExportViewPanelComponent extends React.Component {
         if (currentReport && !allReportNames.includes(currentReport.Name)) {
             // current report is not available
             currentReport = undefined;
-            currentReportId = SELECT_REPORT_STRING;
+            currentReportId = constants_1.SELECT_REPORT_STRING;
         }
         let currentDestination = this.props.api.exportApi.getDestinationByName(this.props.CurrentDestination);
         let currentDestinationId = StringExtensions_1.StringExtensions.IsNullOrEmpty(this.props.CurrentDestination)
-            ? SELECT_DESTINATION_STRING
+            ? constants_1.SELECT_DESTINATION_STRING
             : this.props.CurrentDestination;
         const destinationItems = [
             ...this.props.api.exportApi.getAvailableExportDestinations().map((destination) => ({
@@ -66,7 +65,7 @@ class ExportViewPanelComponent extends React.Component {
                 .includes(this.props.CurrentDestination)) {
             // current destination is not available
             currentDestination = undefined;
-            currentDestinationId = SELECT_DESTINATION_STRING;
+            currentDestinationId = constants_1.SELECT_DESTINATION_STRING;
         }
         let accessLevel = AdaptableHelper_1.default.getAppropriateAccessLevel(currentReport, this.props.accessLevel);
         let deleteMessage = "Are you sure you want to delete '";
@@ -81,7 +80,7 @@ class ExportViewPanelComponent extends React.Component {
             React.createElement(rebass_1.Flex, { flex: 1 },
                 React.createElement(DropdownButton_1.default, { disabled: allReportNames.length == 0, style: { width: '100%', fontSize: 'small' }, items: reportItems, columns: ['label'], className: `ab-${elementType}__Export__select`, onClear: () => this.onSelectedReportChanged(null), showClearButton: !!currentReport, variant: "outlined", marginRight: 2 }, currentReportId)),
             React.createElement(rebass_1.Flex, { flex: 1 },
-                React.createElement(DropdownButton_1.default, { disabled: currentReportId === SELECT_REPORT_STRING, style: { width: '100%', fontSize: 'small' }, items: destinationItems, columns: ['label'], className: `ab-${elementType}__Export__export`, onClear: () => this.onSelectedDestinationChanged(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId)),
+                React.createElement(DropdownButton_1.default, { disabled: currentReportId === constants_1.SELECT_REPORT_STRING, style: { width: '100%', fontSize: 'small' }, items: destinationItems, columns: ['label'], className: `ab-${elementType}__Export__export`, onClear: () => this.onSelectedDestinationChanged(null), showClearButton: !!currentDestination, variant: "outlined", marginRight: 2 }, currentDestinationId)),
             React.createElement(rebass_1.Flex, { className: join_1.default(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls`), style: { width: '100%' } },
                 React.createElement(ButtonExport_1.ButtonExport, { onClick: () => onApplyExport(), tooltip: "Export Report", className: `ab-${elementType}__Export__export`, disabled: currentReport == null || currentDestination == null }),
                 React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => this.props.onEditReport(this.props.moduleInfo.Popup), tooltip: "Edit Report", className: `ab-${elementType}__Export__edit`, disabled: currentReport == null || currentReport.ReportColumnScope == 'CustomColumns', accessLevel: accessLevel }),

package/src/View/Export/ReportExportDropdown.d.ts

@@ -1,5 +1,2 @@
-import * as React from 'react';
-import { Report } from '../../../types';
-export declare const ReportExportDropdown: React.FunctionComponent<{
-    data: Report;
-}>;
+import { AdaptableModuleViewAction } from '../../Strategy/Interface/IModule';
+export declare const ReportExportDropdown: AdaptableModuleViewAction;

package/src/View/Export/Wizard/NewReportWizard.js

@@ -13,6 +13,7 @@ const ReportNameWizardSection_1 = require("./ReportNameWizardSection");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const ExportRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ExportRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.NewReportWizard = (props) => {
     var _a, _b;
     const isEdit = ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) ? props.popupParams.action === 'Edit'
@@ -59,6 +60,14 @@ exports.NewReportWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { padding: 2 },
                     React.createElement(ReportNameWizardSection_1.ReportNameWizardSection, { onChange: setReport }))),
             },
+            {
+                details: 'Select Report tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setReport }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 title: 'Summary',

package/src/View/Export/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECT_REPORT_STRING: string;
+export declare const SELECT_DESTINATION_STRING: string;

package/src/View/Export/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECT_DESTINATION_STRING = exports.SELECT_REPORT_STRING = void 0;
+exports.SELECT_REPORT_STRING = 'Select Report';
+exports.SELECT_DESTINATION_STRING = 'Select Destination';

package/src/View/FlashingCell/Wizard/FlashingCellWizard.js

@@ -18,6 +18,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const isValidFlashingCellRules_1 = require("./isValidFlashingCellRules");
 const FlashingCellRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FlashingCellRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.FlashingCellWizard = (props) => {
     const { api } = AdaptableContext_1.useAdaptable();
     const [flashingCell, setFlashingCell] = react_1.useState(() => {
@@ -84,6 +85,14 @@ exports.FlashingCellWizard = (props) => {
                 renderSummary: FlashingCellStyleWizardSection_1.renderFlashingAlertStyleSummary,
                 title: 'Flash Styles',
             },
+            {
+                details: 'Select Flashing Cell tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFlashingCell }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 details: 'Review the Flashing Cell Rule',

package/src/View/FormatColumn/Wizard/FormatColumnWizard.js

@@ -16,6 +16,7 @@ const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const FormatColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FormatColumnRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 const adjustDisplayFormat = (formatColumn, api) => {
     formatColumn = Object.assign({}, formatColumn);
     const formatDataType = FormatColumnFormatWizardSection_1.getFormatDisplayTypeForScope(formatColumn.Scope, api);
@@ -137,6 +138,14 @@ function FormatColumnWizard(props) {
                         React.createElement(FormatColumnSettingsWizardSection_1.FormatColumnSettingsWizardSection, { onChange: setFormatColumn })));
                 },
             },
+            {
+                details: 'Select Format Column tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFormatColumn }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 details: 'Review the Format Column',

package/src/View/FreeTextColumn/Wizard/FreeTextColumnWizard.js

@@ -11,6 +11,7 @@ const FreeTextColumnSettingsWizardSection_1 = require("./FreeTextColumnSettingsW
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const FreeTextColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FreeTextColumnRedux"));
 const react_redux_1 = require("react-redux");
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.FreeTextColumnWizard = (props) => {
     var _a;
     const allFreeTextColumns = react_redux_1.useSelector((state) => state.FreeTextColumn.FreeTextColumns);
@@ -45,6 +46,14 @@ exports.FreeTextColumnWizard = (props) => {
                         React.createElement(FreeTextColumnSettingsWizardSection_1.FreeTextColumnSettingsWizardSection, { isEdit: Boolean(props.data), onChange: setFreeTextColumn })));
                 },
             },
+            {
+                details: 'Select Free Text Column tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFreeTextColumn }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 details: 'Review the Free Text Column',

package/src/View/GridInfo/GridOptionsComponent.d.ts

@@ -4,7 +4,6 @@ interface GridOptionsProps extends React.ClassAttributes<GridOptionsComponent> {
     api: AdaptableApi;
 }
 export interface GridOptionsState {
-    testString: string;
     showTotalFooter: boolean;
     showGroupFooter: boolean;
 }

package/src/View/GridInfo/GridOptionsComponent.js

@@ -11,7 +11,6 @@ class GridOptionsComponent extends React.Component {
         super(props);
         const gridOptions = props.api.internalApi.getAgGridInstance();
         this.state = {
-            testString: 'Hello world',
             showTotalFooter: gridOptions.groupIncludeTotalFooter,
             showGroupFooter: gridOptions.groupIncludeFooter,
         };

package/src/View/Layout/LayoutCloneButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { AccessLevel, Layout } from '../../../types';
+export declare const LayoutCloneButton: React.FunctionComponent<{
+    data: Layout;
+    accessLevel: AccessLevel;
+}>;

package/src/View/Layout/LayoutCloneButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutCloneButton = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
+exports.LayoutCloneButton = ({ data, accessLevel }) => {
+    const adaptable = AdaptableContext_1.useAdaptable();
+    const isDisabled = accessLevel === 'ReadOnly';
+    const handleClick = React.useCallback(() => {
+        adaptable.api.layoutApi.showLayoutEditor(data.Name, 'Clone');
+    }, []);
+    return React.createElement(SimpleButton_1.default, { onClick: handleClick, disabled: isDisabled, variant: "text", icon: "clone" });
+};

package/src/View/Layout/LayoutRadioSelector.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Layout } from '../../../types';
+import { AccessLevel, Layout } from '../../../types';
 export declare const LayoutRadioSelector: React.FunctionComponent<{
     data: Layout;
     id?: string;
+    accessLevel: AccessLevel;
 }>;

package/src/View/Layout/LayoutRadioSelector.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.LayoutRadioSelector = ({ data, }) => {
+exports.LayoutRadioSelector = ({ data }) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const currentLayout = adaptable.api.layoutApi.getCurrentLayout();
     const layouts = adaptable.api.layoutApi.getAllLayout();

package/src/View/Layout/LayoutStatusBarSubPanelPopover.js

@@ -4,6 +4,7 @@ exports.LayoutStatusBarSubPanelPopover = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const AdaptableObjectRow_1 = require("../Components/AdaptableObjectRow");
 const PanelWithRow_1 = require("../Components/Panels/PanelWithRow");
@@ -14,12 +15,16 @@ const colItems = [
 ];
 exports.LayoutStatusBarSubPanelPopover = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
+    const accessLevel = adaptable.EntitlementService.getEntitlementAccessLevelForModule(ModuleConstants.LayoutModuleId);
     const layouts = adaptable.api.layoutApi.getAllLayout();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column" },
         React.createElement(PanelWithRow_1.PanelWithRow, { colItems: colItems }),
         layouts.map((layout) => {
             return (React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { key: layout.Name, colItems: [
-                    { Content: React.createElement(LayoutRadioSelector_1.LayoutRadioSelector, { id: layout.Name, data: layout }), Size: 1 },
+                    {
+                        Content: (React.createElement(LayoutRadioSelector_1.LayoutRadioSelector, { accessLevel: accessLevel, id: layout.Name, data: layout })),
+                        Size: 1,
+                    },
                     {
                         Content: (React.createElement("label", { style: { cursor: 'pointer' }, htmlFor: layout.Name }, layout.Name)),
                         Size: 4,

package/src/View/Layout/Wizard/LayoutEditorWizard.d.ts

@@ -43,6 +43,7 @@ export declare class LayoutEditorWizard extends React.Component<LayoutEditorWiza
         Uuid?: string;
         Source?: "Config" | "User";
         IsReadOnly?: boolean;
+        Tags?: import("../../../PredefinedConfig/Common/AdaptableObject").AdaptableObjectTag[];
     };
     canNext(): boolean;
     canBack(): boolean;

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

@@ -11,6 +11,7 @@ const PlusMinusSettingsWizardSection_1 = require("./PlusMinusSettingsWizardSecti
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const PlusMinusRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PlusMinusRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.PlusMinusWizard = (props) => {
     const [plusMinus, setPlusMinus] = React.useState(() => {
         var _a, _b, _c, _d, _e;
@@ -67,6 +68,14 @@ exports.PlusMinusWizard = (props) => {
                 renderSummary: () => React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsSummary, { hasCondition: hasCondition }),
                 render: () => (React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsWizardSection, { hasCondition: hasCondition, onConditionChange: setHasCondition, onChange: setPlusMinus })),
             },
+            {
+                details: 'Select Plus/Minus tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setPlusMinus }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 render: () => {

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

@@ -12,6 +12,7 @@ const NamedQueryExpressionWizardSection_1 = require("./NamedQueryExpressionWizar
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const QueryRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/QueryRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 function NamedQueryWizard(props) {
     const [namedQuery, setNamedQuery] = react_1.useState(() => {
         var _a, _b;
@@ -47,6 +48,14 @@ function NamedQueryWizard(props) {
                     return React.createElement(NamedQuerySettingsWizardSection_1.NamedQuerySettingsWizardSection, { onChange: setNamedQuery });
                 },
             },
+            {
+                details: 'Select Query tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setNamedQuery }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
             '-',
             {
                 title: 'Summary',

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

@@ -12,6 +12,7 @@ const Enums_1 = require("../../../PredefinedConfig/Common/Enums");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
 const react_redux_1 = require("react-redux");
 const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ScheduleWizard = (props) => {
     var _a, _b, _c;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : props.popupParams.value;
@@ -101,6 +102,15 @@ exports.ScheduleWizard = (props) => {
                 render: () => (React.createElement(rebass_1.Box, { p: 3 },
                     React.createElement(ScheduleScheduleWizard_1.ScheduleScheduleWizard, { isOneOff: isOneOff, onSetIsOneOff: setIsOneOff, onChange: setSchedule }))),
             },
+            {
+                details: 'Select Schedule tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setSchedule }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
             {
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },

package/src/View/Shortcut/Wizard/ShortcutWizard.js

@@ -14,6 +14,7 @@ const react_redux_1 = require("react-redux");
 const ShortcutRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ShortcutRedux"));
 const shortcutKeys_1 = require("../shortcutKeys");
 const AdaptableContext_1 = require("../../AdaptableContext");
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 exports.ShortcutWizard = (props) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a;
@@ -71,6 +72,15 @@ exports.ShortcutWizard = (props) => {
                         React.createElement(ShortcutSettingsWizard_1.ShortcutSettingsWizard, { availableKeys: (_a = props.availableKeys) !== null && _a !== void 0 ? _a : availableKeys, onChange: setShortcut })));
                 },
             },
+            {
+                details: 'Select Shortcut tags',
+                title: 'Tags',
+                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setShortcut }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+            },
+            '-',
             {
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },

package/src/View/StatusBar/StatusBarPopup.js

@@ -22,7 +22,7 @@ exports.StatusBarPopup = (props) => {
     const handleTabChange = React.useCallback((tabs) => {
         const newStatusPanels = tabs.map((tab) => {
             const statusPanel = statusPanels.find((sp) => sp.Key === tab.Name);
-            return Object.assign(Object.assign({}, statusPanel), { SubPanels: tab.Items });
+            return Object.assign(Object.assign({}, statusPanel), { StatusBarPanels: tab.Items });
         });
         adaptable.api.statusBarApi.setStatusPanels(newStatusPanels);
     }, [statusPanels]);

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AdaptableObject } from '../../PredefinedConfig/Common/AdaptableObject';
+declare type ObjectTagsWizardSectionProps<T extends AdaptableObject> = {
+    onChange: (data: T) => void;
+};
+export declare const ObjectTagsWizardSection: <T extends AdaptableObject>(props: ObjectTagsWizardSectionProps<T>) => JSX.Element;
+export declare const renderObjectTagsSummary: <T extends AdaptableObject>(data: T) => JSX.Element;
+export {};

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderObjectTagsSummary = exports.ObjectTagsWizardSection = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Tabs_1 = require("../../components/Tabs");
+const TagValueSelector_1 = require("../Components/TagValueSelector");
+const OnePageAdaptableWizard_1 = require("./OnePageAdaptableWizard");
+const rebass_1 = require("rebass");
+exports.ObjectTagsWizardSection = (props) => {
+    const { onChange } = props;
+    const { data } = OnePageAdaptableWizard_1.useOnePageWizardContext();
+    return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
+        React.createElement(Tabs_1.Tabs.Tab, null, "Tags"),
+        React.createElement(Tabs_1.Tabs.Content, null,
+            React.createElement(TagValueSelector_1.TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange(Object.assign(Object.assign({}, data), { Tags: selectedTags })) }))));
+};
+exports.renderObjectTagsSummary = (data) => {
+    var _a;
+    return ((_a = data.Tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(rebass_1.Text, { fontSize: 2 },
+        React.createElement(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }))) : null;
+};

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

@@ -21,6 +21,7 @@ export declare type OnePageWizardSection<ENTITY> = {
     title: string;
     details?: React.ReactNode;
     isValid?: (data: ENTITY, api: AdaptableApi, context: OnePageAdaptableWizardContextType<ENTITY>) => true | string;
+    isVisible?: (data: ENTITY, api: AdaptableApi, context: OnePageAdaptableWizardContextType<ENTITY>) => boolean;
     render: (data: ENTITY, index: number) => React.ReactNode;
     renderSummary?: (data: ENTITY, api: AdaptableApi) => React.ReactNode;
 };