@adaptabletools/adaptable 14.0.1 → 14.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "14.0.1",
+  "version": "14.0.2",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1672863237672;
+declare const _default: 1672934364457;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1672863237672;
+exports.default = 1672934364457;

package/src/AdaptableInterfaces/IAdaptable.d.ts

@@ -222,7 +222,7 @@ export interface IAdaptable {
     exportToExcel(reportData: ReportData, fileName: string): void;
     exportVisualDataToExcel(): void;
     canGenerateCharts(): boolean;
-    canHaveSparklines(): boolean;
+    canDisplaySparklines(): boolean;
     showCharts(charts: ChartDefinition[]): ChartRef[];
     showChart(chart: ChartDefinition, container?: HTMLElement): ChartRef;
     getChartRef(chardId: string): ChartRef;

package/src/AdaptableOptions/ChartingOptions.d.ts

@@ -14,7 +14,7 @@ export interface ChartingOptions {
     chartContainers?: ChartContainer[];
 }
 /**
- * Describes a location to display an AG Grid Chart
+ * Describes Location to display an AG Grid Chart
  */
 export interface ChartContainer {
     /**
@@ -22,11 +22,10 @@ export interface ChartContainer {
      */
     name: string;
     /**
-     * Weather a single chart can be displayed or multiple in the same location
-     *
-     * @defaults 'single'
+     * Whether one or more Charts can be displayed in same location
+     * @defaultValue 'single'
      */
-    type?: 'single' | 'multiple';
+    chartsDisplay?: 'single' | 'multiple';
     /**
      * Location - can be HTMLElement or Id of Div
      */

package/src/Api/Implementation/StyledColumnApiImpl.d.ts

@@ -28,4 +28,5 @@ export declare class StyledColumnApiImpl extends ApiBase implements StyledColumn
     getActiveStyledColumnForColumn(column: AdaptableColumn): StyledColumn | undefined;
     hasPercentBarStyle(columnId: string): boolean;
     hasGradientStyle(columnId: string): boolean;
+    canDisplaySparklines(): boolean;
 }

package/src/Api/Implementation/StyledColumnApiImpl.js

@@ -98,5 +98,8 @@ class StyledColumnApiImpl extends ApiBase_1.ApiBase {
         }
         return !!this.getStyledColumns().find((styledColumn) => !!styledColumn.GradientStyle && styledColumn.ColumnId === columnId);
     }
+    canDisplaySparklines() {
+        return this.adaptable.canDisplaySparklines();
+    }
 }
 exports.StyledColumnApiImpl = StyledColumnApiImpl;

package/src/Api/StyledColumnApi.d.ts

@@ -102,4 +102,8 @@ export interface StyledColumnApi {
      * @deprecated use `getSuspendedStyledColumns()` instead
      */
     getAllSuspendedStyledColumn(): StyledColumn[];
+    /**
+     * If this AdapTable instance can display Sparklines (e.g. is AG Grid SparklinesModule installed)
+     */
+    canDisplaySparklines(): boolean;
 }

package/src/Strategy/FormatColumnModule.js

@@ -24,7 +24,7 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return this.api.formatColumnApi.getFormatColumns(config);
     }
     getExplicitlyReferencedColumnIds(formatColumn) {
-        const queryExpression = this.api.queryLanguageApi.getAdaptableQueryExpression(formatColumn.Rule);
+        const queryExpression = formatColumn.Rule && this.api.queryLanguageApi.getAdaptableQueryExpression(formatColumn.Rule);
         if (queryExpression) {
             return this.api.queryLanguageApi.getColumnsFromExpression(queryExpression);
         }
@@ -36,7 +36,7 @@ class FormatColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         return [];
     }
     getReferencedNamedQueryNames(formatColumn) {
-        const queryExpression = this.api.queryLanguageApi.getAdaptableQueryExpression(formatColumn.Rule);
+        const queryExpression = formatColumn.Rule && this.api.queryLanguageApi.getAdaptableQueryExpression(formatColumn.Rule);
         if (!queryExpression) {
             return [];
         }

package/src/Strategy/StyledColumnModule.js

@@ -76,7 +76,9 @@ class StyledColumnModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         // Need a Column and an editable Module
         if (column && this.isModuleEditable()) {
             // First look at Sparkline Columns - needs to be editable array type
-            if (this.api.columnApi.hasArrayDataType(column.columnId) && column.IsReadOnly !== true) {
+            if (this.api.columnApi.hasArrayDataType(column.columnId) &&
+                column.IsReadOnly !== true &&
+                this.api.styledColumnApi.canDisplaySparklines()) {
                 let styledColumn = this.api.styledColumnApi.getStyledColumnForColumnId(column.columnId);
                 let sparklineColumnExists = column.isSparkline && Boolean(styledColumn);
                 if (column.isSparkline && !sparklineColumnExists) {

package/src/View/Components/Charting/useChartState.js

@@ -49,11 +49,11 @@ const useChartState = (chartDefinition) => {
             return;
         }
         /**
-         * When using a custom container, make sure multiple charts are not opnoed in the same container.
+         * When using a custom container, make sure multiple charts are not opened in the same container.
          * If multple charts are opened in the same contianer, it infinitly adds the charts to the container.
          */
         if (chartContainer && element) {
-            if (chartContainer.type !== 'multiple') {
+            if (chartContainer.chartsDisplay !== 'multiple') {
                 closeAlreadyOpenedChartsInContainer(element);
             }
             adaptable.api.chartingApi.showChartDefinitionOnce(chartDefinition, element);

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

@@ -39,7 +39,7 @@ const StyledColumnWizard = (props) => {
     };
     const checkboxGrandientPercentSteps = [
         {
-            details: 'Select the style to apply',
+            details: 'Create the Style to apply',
             renderSummary: StyledColumnWizardStyleSection_1.renderStyledColumnStyleSummary,
             render: () => {
                 return (React.createElement(rebass_1.Box, { padding: 2 },
@@ -48,6 +48,7 @@ const StyledColumnWizard = (props) => {
             title: 'Style',
         },
         {
+            details: 'Apply additional Settings',
             renderSummary: StyledColumnWizardSettingsSection_1.renderStyledColumnWizardSettingsSummary,
             render: () => {
                 return (React.createElement(rebass_1.Box, { padding: 2 },
@@ -65,7 +66,7 @@ const StyledColumnWizard = (props) => {
     ];
     return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: styledColumn, onFinish: handleFinish, onHide: props.onCloseWizard, sections: [
             {
-                details: 'Select a Styled Column Type',
+                details: 'Select a Styled Column type',
                 renderSummary: StyledColumnWizardTypeSection_1.renderStyledColumnTypeSummary,
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2 },
@@ -76,7 +77,7 @@ const StyledColumnWizard = (props) => {
             {
                 isValid: StyledColumnWizardColumnSection_1.isValidStyledColumnColumn,
                 renderSummary: StyledColumnWizardColumnSection_1.renderStyledColumnColumnSummary,
-                details: 'Select column to apply the style to',
+                details: 'Select a Column where the Style will be applied',
                 render: () => {
                     return (React.createElement(rebass_1.Box, { padding: 2, style: { height: '100%' } },
                         React.createElement(StyledColumnWizardColumnSection_1.StyledColumnWizardColumnSection, { isNew: props.isNew, onChange: setStyledColumn })));

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

@@ -7,6 +7,7 @@ const rebass_1 = require("rebass");
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const Tabs_1 = require("../../../components/Tabs");
 const Tag_1 = require("../../../components/Tag");
+const AdaptableContext_1 = require("../../AdaptableContext");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const renderStyledColumnTypeSummary = (data) => {
     let type = null;
@@ -29,6 +30,7 @@ const renderStyledColumnTypeSummary = (data) => {
 exports.renderStyledColumnTypeSummary = renderStyledColumnTypeSummary;
 const StyledColumnWizardTypeSection = (props) => {
     const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const handleTypeChange = (type) => {
         const newStyledColumn = Object.assign({}, data);
         delete newStyledColumn.GradientStyle;
@@ -63,6 +65,6 @@ const StyledColumnWizardTypeSection = (props) => {
                 React.createElement(Radio_1.default, { checked: Boolean(data.GradientStyle), onChange: () => handleTypeChange('gradient') }, "Gradient Column"),
                 React.createElement(Radio_1.default, { onChange: () => handleTypeChange('percent'), checked: Boolean(data.PercentBarStyle) }, "Percent Bar"),
                 React.createElement(Radio_1.default, { onChange: () => handleTypeChange('checkbox'), checked: Boolean(data.CheckBoxStyle) }, "Check Box"),
-                React.createElement(Radio_1.default, { onChange: () => handleTypeChange('sparkline'), checked: Boolean(data.SparkLineStyle) }, "Sparkline")))));
+                adaptable.api.styledColumnApi.canDisplaySparklines() && (React.createElement(Radio_1.default, { onChange: () => handleTypeChange('sparkline'), checked: Boolean(data.SparkLineStyle) }, "Sparkline"))))));
 };
 exports.StyledColumnWizardTypeSection = StyledColumnWizardTypeSection;

package/src/agGrid/Adaptable.d.ts

@@ -368,7 +368,7 @@ export declare class Adaptable implements IAdaptable {
     private setupColumnHeaderAggregations;
     private getGridOptionsApi;
     canGenerateCharts(): boolean;
-    canHaveSparklines(): boolean;
+    canDisplaySparklines(): boolean;
     canExportToExcel(): boolean;
     exportToExcel(reportData: ReportData, fileName: string): void;
     private setExcelStylesForExport;

package/src/agGrid/Adaptable.js

@@ -4432,7 +4432,7 @@ import "@adaptabletools/adaptable/themes/${themeName}.css"`);
     canGenerateCharts() {
         return (this.isAgGridModulePresent(core_1.ModuleNames.GridChartsModule) && this.gridOptions.enableCharts);
     }
-    canHaveSparklines() {
+    canDisplaySparklines() {
         return this.isAgGridModulePresent(core_1.ModuleNames.SparklinesModule);
     }
     canExportToExcel() {

package/src/metamodel/adaptable.metamodel.d.ts

@@ -1540,13 +1540,15 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional?: undefined;
+            isOptional: boolean;
+            defaultValue: string;
         } | {
             name: string;
             kind: string;
             description: string;
             uiLabel: string;
-            isOptional: boolean;
+            isOptional?: undefined;
+            defaultValue?: undefined;
         })[];
     };
     ChartDefinition: {