@adaptabletools/adaptable-cjs 23.0.4-canary.0 → 23.0.5-canary.0

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

@@ -66,11 +66,6 @@ const getStyledColumnRatingStyleViewValues = (data) => {
     });
 };
 exports.getStyledColumnRatingStyleViewValues = getStyledColumnRatingStyleViewValues;
-/**
- * Resolve a CSS custom property (e.g. `--ab-color-warn`) to its computed
- * value at runtime. Returns the fallback hex on SSR or when the variable
- * isn't defined for the current theme.
- */
 const resolveCssVar = (varName, fallbackHex) => {
     if (typeof window === 'undefined')
         return fallbackHex;
@@ -84,16 +79,7 @@ const resolveCssVar = (varName, fallbackHex) => {
         return fallbackHex;
     }
 };
-/**
- * Best-effort preview colour for the wizard's `Filled Colour` picker when
- * the user hasn't chosen one. The renderer uses `var(--ab-color-warn,
- * #f5a623)`, but `ColorPicker` can't parse a `var(...)` with a fallback,
- * so we resolve the variable manually and pass a concrete hex.
- */
 const getDisplayedFilledColor = (rating) => rating.FilledColor || resolveCssVar('--ab-color-warn', '#f5a623');
-/**
- * Best-effort preview colour for the wizard's `Empty Colour` picker.
- */
 const getDisplayedEmptyColor = (rating) => {
     if (rating.EmptyColor)
         return rating.EmptyColor;
@@ -107,7 +93,6 @@ const getDisplayedEmptyColor = (rating) => {
         }
     }
     catch {
-        /* fall through */
     }
     return 'rgba(127, 127, 127, 0.22)';
 };

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

@@ -13,20 +13,6 @@ const utils_1 = require("../../../lib/utils");
 const StyledColumnHelper_1 = require("../../../Utilities/Helpers/StyledColumns/StyledColumnHelper");
 const IconStyleHelper_1 = require("../../../Utilities/Helpers/StyledColumns/IconStyleHelper");
 const CollapsibleWizardCard_1 = require("../../Wizard/CollapsibleWizardCard");
-// ---------------------------------------------------------------------------
-// Row-kind helpers
-// ---------------------------------------------------------------------------
-/**
- * Per-type *effective* default for "render on this row kind?" — used by
- * the wizard checkboxes when `StyledColumn.RowScope` is unset, and by
- * the styled column list / summary view.
- *
- * Keep this in lockstep with `shouldRenderStyledColumnOnRow`:
- *  - Badge defaults to rendering everywhere (subject to type capabilities).
- *  - Every other type defaults to leaf rows only (matching the long-
- *    standing renderer behaviour), intersected with type capabilities
- *    (e.g. Sparkline → data rows only).
- */
 const ROW_KIND_LABELS = {
     Data: 'Data (leaf) Rows',
     Group: 'Group Rows',
@@ -55,9 +41,6 @@ const isRowKindIncluded = (styledColumn, kind) => {
 const collectIncludedRowKinds = (styledColumn) => {
     return StyledColumnHelper_1.STYLED_COLUMN_ROW_KINDS.filter((k) => isRowKindIncluded(styledColumn, k));
 };
-// ---------------------------------------------------------------------------
-// Summary
-// ---------------------------------------------------------------------------
 const renderStyledColumnScopeSummary = (data, api) => {
     const includedKinds = collectIncludedRowKinds(data);
     const allKinds = includedKinds.length === 4;
@@ -66,7 +49,6 @@ const renderStyledColumnScopeSummary = (data, api) => {
                             : 'No Column Selected' })] }), (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:mt-2", children: ["Rows:", ' ', allKinds ? ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "All" })) : includedKinds.length === 0 ? ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "None" })) : (includedKinds.map((k) => ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { className: "twa:mr-1", children: k }, k))))] })] }));
 };
 exports.renderStyledColumnScopeSummary = renderStyledColumnScopeSummary;
-/** Used by the styled column list view (one-line "Rows: Data, Group, …"). */
 const collectIncludedRowKindLabels = (styledColumn) => collectIncludedRowKinds(styledColumn);
 exports.collectIncludedRowKindLabels = collectIncludedRowKindLabels;
 const StyledColumnColumnScopeSummary = ({ data, }) => {
@@ -78,9 +60,6 @@ const StyledColumnRowsScopeSummary = ({ data, }) => {
     const allKinds = includedKinds.length === 4;
     return ((0, jsx_runtime_1.jsx)(CollapsibleWizardCard_1.CollapsibleWizardValueSummary, { value: allKinds ? ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "All" })) : includedKinds.length === 0 ? ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: "None" })) : ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexWrap: "wrap", className: "twa:gap-1", children: includedKinds.map((kind) => ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: ROW_KIND_LABELS[kind] }, kind))) })) }));
 };
-// ---------------------------------------------------------------------------
-// Validity
-// ---------------------------------------------------------------------------
 const isValidStyledColumnScope = (data, api) => {
     if (!data.ColumnId) {
         return 'Please select a column for the Styled Column.';

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/BarStyleCellTextPreview.js

@@ -26,16 +26,6 @@ const CellTextRow = ({ className, style, slots }) => ((0, jsx_runtime_1.jsx)(Fle
                 textAlign: HORIZONTAL_TEXT_ALIGN[horizontal],
             }, children: slot?.text ?? '' }, horizontal));
     }) }));
-/**
- * Preview of the per-value cell-text layout. Renders three potential bands:
- * - `Above` slots (above the bar)
- * - `Merged` slots (overlay on top of the bar — uses `mergedOverlayClassName`)
- * - `Below` slots (below the bar)
- *
- * Each band has three horizontal slots (Left/Center/Right) so the spacing is
- * stable. When `vertical` is provided, only the band matching that value is
- * rendered (used by the preview cards to position bands around the bar).
- */
 const BarStyleCellTextPreview = ({ className, style, cellTextProperties, labels, mergedOverlayClassName, vertical }) => {
     if (!labels.cellValue && !labels.percentage) {
         return null;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/GradientSummaryPreview.js

@@ -33,11 +33,6 @@ function zeroCentredSplitPreview(negativeColor, positiveColor, postfix, minA, ma
                             background: gradientRangeStripCss(positiveColor, false, minA, maxA),
                         } })] })] }));
 }
-/**
- * Visual summary of Gradient cell ranges: shows an alpha ramp per range
- * (instead of a flat colour swatch). Zero-centred and legacy diverging
- * `Col-Min..0` + `0..Col-Max` pairs render as a single split strip.
- */
 const GradientRangesSummaryPreview = (props) => {
     const minA = props.gradientStyle?.MinAlpha ?? GradientStyleHelper_1.DEFAULT_GRADIENT_MIN_ALPHA;
     const maxA = props.gradientStyle?.MaxAlpha ?? GradientStyleHelper_1.DEFAULT_GRADIENT_MAX_ALPHA;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/PercentBarStylePreview.js

@@ -5,10 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Flex_1 = require("../../../../../components/Flex");
 const StyleHelper_1 = require("../../../../../Utilities/Helpers/StyleHelper");
 const stripClassName = 'twa:h-6 twa:w-[128px] twa:rounded twa:overflow-hidden twa:border twa:border-[color-mix(in_srgb,var(--ab-color-foreground)_15%,transparent)]';
-/**
- * Compact range-colour strip for Percent Bar range summaries.
- * Cell text / origin / font are shown in `StyledColumnPercentBarPreview`.
- */
 const PercentBarStylePreview = (props) => {
     const trackColor = props.backgroundColor ? (0, StyleHelper_1.getVariableColor)(props.backgroundColor) : undefined;
     const barColor = props.barBackgroundColor

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgePreview.js

@@ -26,11 +26,6 @@ const resolveBadgeRowJustify = (alignment) => {
             return null;
     }
 };
-/**
- * Pixel-parity preview of the badges as they would render in the cell.
- * Uses the same wrapper/badge classes (and the same `Badge` component) as
- * `BadgeRenderer` so the wizard summary matches the grid output exactly.
- */
 const StyledColumnBadgePreview = ({ data }) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const badgeStyle = data.BadgeStyle;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBulletPreview.js

@@ -19,7 +19,6 @@ const getBulletPreviewSample = (bullet) => {
         max = Math.max(...numeric.map((range) => range.Max));
     }
     const span = max - min || 1;
-    // Matches the schematic bar width (~58%) in `StyledColumnBulletChartListPreview`.
     const sampleValue = min + span * 0.58;
     const valueFraction = (sampleValue - min) / span;
     return {
@@ -38,8 +37,6 @@ const BulletChartPreviewContent = ({ bullet, }) => {
     const isVertical = bullet.Orientation === 'Vertical';
     const cellTextClassName = 'ab-BulletChart__text twa:text-2 twa:leading-tight twa:truncate twa:max-w-full';
     const chartEl = (0, jsx_runtime_1.jsx)(StyledColumnChartListPreviews_1.StyledColumnBulletChartListPreview, { bullet: bullet });
-    // Merged-only with no outside bands → relative container so the overlay sits
-    // on top of the chart, matching the runtime renderer's behaviour.
     if (hasCellText && presence.hasMerged && !presence.hasAbove && !presence.hasBelow) {
         return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "ab-BulletChart__wrapper twa:relative twa:inline-flex", children: [chartEl, (0, jsx_runtime_1.jsx)(BarStyleCellTextPreview_1.BarStyleCellTextPreview, { mergedOverlayClassName: "ab-BulletChart__text twa:absolute twa:inset-x-0 twa:top-1/2 twa:-translate-y-1/2 twa:px-1 twa:text-2 twa:truncate twa:pointer-events-none", style: fontStyle, cellTextProperties: cellTextProperties, labels: labels, vertical: "Merged" })] }));
     }

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnChartListPreviews.js

@@ -7,11 +7,6 @@ const PREVIEW_WIDTH = 168;
 const PREVIEW_HEIGHT = 26;
 const VB_W = 100;
 const VB_H = 22;
-/**
- * Maps each `CellColorRange` to a horizontal span in the schematic preview.
- * When endpoints are not plain numbers (e.g. `Col-Min`), falls back to even
- * slices so the strip still reads as a qualitative scale.
- */
 const bandSegmentsForPreview = (ranges) => {
     if (!ranges?.length) {
         return [];
@@ -37,10 +32,6 @@ const bandSegmentsForPreview = (ranges) => {
 const DEFAULT_TRACK = 'color-mix(in srgb, var(--ab-color-foreground) 35%, transparent)';
 const DEFAULT_BAR = 'var(--ab-color-accent, #07c)';
 const DEFAULT_MARKER = 'var(--ab-color-foreground, #333)';
-/**
- * Compact schematic of a Range Bar (bands + track + value / reference markers)
- * for the Styled Columns object list and wizard step summaries.
- */
 const StyledColumnRangeBarListPreview = (props) => {
     const { range } = props;
     const segments = bandSegmentsForPreview(range.CellRanges);
@@ -52,10 +43,6 @@ const StyledColumnRangeBarListPreview = (props) => {
     return ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:rounded twa:border twa:border-[color-mix(in_srgb,var(--ab-color-foreground)_12%,transparent)] twa:bg-[color-mix(in_srgb,var(--ab-color-primary)_40%,transparent)] twa:px-1 twa:py-0.5", style: { width: PREVIEW_WIDTH, height: PREVIEW_HEIGHT }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "100%", viewBox: `0 0 ${VB_W} ${VB_H}`, preserveAspectRatio: "none", "aria-hidden": true, children: [segments.length === 0 ? ((0, jsx_runtime_1.jsx)("rect", { x: "0", y: "0", width: VB_W, height: VB_H, fill: range.BackColor ?? 'transparent' })) : (segments.map((s, i) => ((0, jsx_runtime_1.jsx)("rect", { x: s.x0 * VB_W, y: "0", width: (s.x1 - s.x0) * VB_W, height: VB_H, fill: s.color, opacity: 0.55 }, i)))), isVertical ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: VB_W * 0.42, y: "2", width: "5", height: VB_H - 4, rx: "1", fill: trackFill }), hasRef && ((0, jsx_runtime_1.jsx)("line", { x1: VB_W * 0.46, y1: "3", x2: VB_W * 0.46, y2: VB_H - 3, stroke: refColor, strokeWidth: "2", vectorEffect: "non-scaling-stroke" })), (0, jsx_runtime_1.jsx)("polygon", { points: `${VB_W * 0.52},${VB_H * 0.35} ${VB_W * 0.62},${VB_H * 0.5} ${VB_W * 0.52},${VB_H * 0.65}`, fill: valueColor })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "2", y: VB_H * 0.38, width: VB_W - 4, height: "5", rx: "1", fill: trackFill }), hasRef && ((0, jsx_runtime_1.jsx)("line", { x1: VB_W * 0.38, y1: VB_H * 0.2, x2: VB_W * 0.38, y2: VB_H * 0.8, stroke: refColor, strokeWidth: "2", vectorEffect: "non-scaling-stroke" })), (0, jsx_runtime_1.jsx)("polygon", { points: `${VB_W * 0.72},${VB_H * 0.2} ${VB_W * 0.82},${VB_H * 0.5} ${VB_W * 0.72},${VB_H * 0.8}`, fill: valueColor })] }))] }) }));
 };
 exports.StyledColumnRangeBarListPreview = StyledColumnRangeBarListPreview;
-/**
- * Compact schematic of a Bullet Chart (qualitative bands + bar + target marker)
- * for the Styled Columns object list.
- */
 const StyledColumnBulletChartListPreview = (props) => {
     const { bullet } = props;
     const segments = bandSegmentsForPreview(bullet.CellRanges);

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnRangeBarPreview.js

@@ -16,7 +16,6 @@ const getRangeBarPreviewSample = (range) => {
         max = range.Max;
     }
     const span = max - min || 1;
-    // Matches the value-marker position (~72%) in `StyledColumnRangeBarListPreview`.
     const sampleValue = min + span * 0.72;
     const valueFraction = (sampleValue - min) / span;
     return {

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnRatingPreview.js

@@ -39,7 +39,6 @@ const RatingPreview = ({ rating, value, }) => {
     const allowHalf = rating.AllowHalf ?? true;
     const previewValue = value ?? Math.max(1, Math.min(max, max * 0.7));
     const effective = allowHalf ? previewValue : Math.round(previewValue);
-    // Display rounded to 1 dp so e.g. 3 * 0.7 doesn't surface as 2.0999999999999996.
     const displayValue = Math.round(previewValue * 10) / 10;
     const d = ICON_PATHS[icon];
     return ((0, jsx_runtime_1.jsxs)("span", { style: {

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnSparklinePreview.js

@@ -50,7 +50,6 @@ const buildSparklinePreviewOptions = (sparklineStyle, container, data, width, he
         height,
         data: data,
     });
-    // Custom tooltip renderers expect AG Grid row context — use the default tooltip in preview.
     if (options.tooltip?.renderer) {
         const { renderer: _renderer, ...tooltipRest } = options.tooltip;
         options.tooltip = tooltipRest;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/StyledColumnWizardRangesSection.js

@@ -13,13 +13,6 @@ const Flex_1 = require("../../../../components/Flex");
 const PercentBarColumnComparisonPreview_1 = require("./Components/PercentBarColumnComparisonPreview");
 const PercentBarRangesPreview_1 = require("./Components/PercentBarRangesPreview");
 const GradientSummaryPreview_1 = require("./Components/GradientSummaryPreview");
-// ---------------------------------------------------------------------------
-// Summary helpers (extracted from the old single-step Style section)
-// ---------------------------------------------------------------------------
-/**
- * Summary of the Ranges / Column Comparison configuration of a styled column.
- * Works for both Gradient and Percent Bar.
- */
 const renderStyledColumnRangesSummary = (data, api) => {
     if (!api) {
         const { api: adaptableApi } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
@@ -67,7 +60,6 @@ const StyledColumnWizardRangesSection = (props) => {
     }, [column, api]);
     const scope = { ColumnIds: [data.ColumnId] };
     const disabled = !data.ColumnId || !column;
-    // Gradient updates
     const onUpdateGradientStyleRanges = (ranges) => {
         const gradientStyle = {
             ...data.GradientStyle,
@@ -91,17 +83,12 @@ const StyledColumnWizardRangesSection = (props) => {
         const gradientStyle = {
             ...data.GradientStyle,
             ZeroCentred: zc,
-            // Zero-centred bands use absolute numeric 0 as the midpoint; Percentage
-            // mode interprets numeric endpoints as % along Col-Min…Col-Max and breaks
-            // the diverging bands (see `gradientStyleRangeLookupValueType`).
             RangeValueType: 'Number',
         };
         delete gradientStyle.CellRanges;
         delete gradientStyle.ColumnComparison;
         props.onChange({ ...data, GradientStyle: gradientStyle });
     };
-    // Percent Bar updates — switching to Column Comparison wipes any existing
-    // CellRanges / RangeValueType so the two modes can't coexist in state.
     const onUpdatePercentBarStyleColumnComparison = (columnComparison) => {
         const nextPercentBar = {
             ...data.PercentBarStyle,

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

@@ -17,13 +17,9 @@ const Radio_1 = tslib_1.__importStar(require("../../../../components/Radio"));
 const StyledColumnSliceStyleEditors_1 = require("../StyledColumnSliceStyleEditors");
 const Card_1 = require("../../../../components/Card");
 const SummaryColorTag_1 = require("../../../Wizard/SummaryColorTag");
-// Re-export the Ranges section + summary for legacy import paths.
 var StyledColumnWizardRangesSection_1 = require("./StyledColumnWizardRangesSection");
 Object.defineProperty(exports, "renderStyledColumnRangesSummary", { enumerable: true, get: function () { return StyledColumnWizardRangesSection_1.renderStyledColumnRangesSummary; } });
 Object.defineProperty(exports, "StyledColumnWizardRangesSection", { enumerable: true, get: function () { return StyledColumnWizardRangesSection_1.StyledColumnWizardRangesSection; } });
-// ---------------------------------------------------------------------------
-// Summary helpers
-// ---------------------------------------------------------------------------
 const formatOriginLabel = (origin) => {
     if (origin == undefined) {
         return 'Auto';
@@ -73,9 +69,6 @@ const getStyledColumnPercentBarStyleViewValues = (data) => {
     });
 };
 exports.getStyledColumnPercentBarStyleViewValues = getStyledColumnPercentBarStyleViewValues;
-/**
- * Compact summary of the *non-range* style properties of a Percent Bar.
- */
 const renderStyledColumnStyleSummary = (data, _api) => {
     const pb = data.PercentBarStyle;
     if (!pb) {
@@ -88,14 +81,10 @@ const renderStyledColumnStyleSummary = (data, _api) => {
     return (0, SummaryColorTag_1.renderSummaryStringTags)(items);
 };
 exports.renderStyledColumnStyleSummary = renderStyledColumnStyleSummary;
-// Legacy wrapper kept for any external consumers; safe no-op here.
 const renderFormatColumnStyleWizardSummary = (data) => {
     return (0, exports.renderStyledColumnStyleSummary)(data);
 };
 exports.renderFormatColumnStyleWizardSummary = renderFormatColumnStyleWizardSummary;
-// Shared label-column width across all FormLayout blocks in this section.
-// Pinning the width forces colons to line up vertically across cards rather than
-// each FormLayout sizing its label column independently from its own longest label.
 const STYLE_FORM_SIZES = ['200px', '1fr'];
 const ORIGIN_CHOICES = [
     {
@@ -122,7 +111,6 @@ const StyledColumnWizardStyleSection = (props) => {
     }
     const pb = data.PercentBarStyle;
     const cellTextProperties = pb.CellTextProperties;
-    // ---- updaters -----------------------------------------------------------
     const update = (patch) => {
         props.onChange({
             ...data,
@@ -155,7 +143,7 @@ const StyledColumnWizardStyleSection = (props) => {
     };
     const cellTextDisabled = !(0, BarStylesHelper_1.hasBarStyleCellTextConfigured)(cellTextProperties) || disabled;
     const currentOrigin = typeof pb.Origin === 'number'
-        ? 'Min' // numeric origin doesn't fit the radio set; treat as Min for selection state
+        ? 'Min'
         : pb.Origin ?? 'Auto';
     return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { children: [(0, jsx_runtime_1.jsxs)(Card_1.Card, { shadow: false, className: "twa:mb-3", children: [(0, jsx_runtime_1.jsxs)(Card_1.Card.Title, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:font-medium", children: "Bar Position" }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[520px]", children: "Set the position of the cell text relative to the bar" })] }), (0, jsx_runtime_1.jsx)(Card_1.Card.Body, { children: (0, jsx_runtime_1.jsx)(Radio_1.RadioGroup, { orientation: "vertical", name: "ab-percentbar-origin", value: currentOrigin, onRadioChange: handleOriginChange, children: ORIGIN_CHOICES.map((choice) => ((0, jsx_runtime_1.jsx)(Radio_1.default, { value: choice.value, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:min-w-[60px]", children: choice.label }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-xs twa:opacity-70", children: choice.hint })] }) }, choice.value))) }) })] }), (0, jsx_runtime_1.jsxs)(Card_1.Card, { shadow: false, className: "twa:mb-3", children: [(0, jsx_runtime_1.jsxs)(Card_1.Card.Title, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:font-medium", children: "Cell Text" }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:text-xs twa:opacity-70 twa:font-normal twa:max-w-[540px]", children: "Pick which values to display and where each one sits around the bar (font properties take precedence over Format Column)" })] }), (0, jsx_runtime_1.jsxs)(Card_1.Card.Body, { children: [(0, jsx_runtime_1.jsx)(FormLayout_1.default, { sizes: [...STYLE_FORM_SIZES], children: (0, jsx_runtime_1.jsx)(BarStyleCellTextLayoutEditor_1.BarStyleCellTextLayoutEditor, { disabled: disabled, cellTextProperties: cellTextProperties, onToggle: onCellTextLayoutToggle, onPlacementChange: onCellTextPlacementChange }) }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: `twa:mt-3 twa:pt-3 twa:border-t twa:border-foreground/15 ${cellTextDisabled ? 'twa:opacity-50' : ''}`, children: (0, jsx_runtime_1.jsx)(StyledColumnSliceStyleEditors_1.StyledColumnFontStyleEditor, { api: api, disabled: cellTextDisabled, value: pb.Font, onChange: (next) => {
                                         if (next) {

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

@@ -102,12 +102,6 @@ const STYLED_COLUMN_TYPE_OPTION_BY_KEY = STYLED_COLUMN_TYPE_OPTIONS.reduce((map,
     return map;
 }, new Map());
 const STYLED_COLUMN_TYPE_KEYS = STYLED_COLUMN_TYPE_GROUPS.flatMap((group) => group.types);
-/**
- * Wizard-header title for each Styled Column type. Reads as a complete
- * subject so it works as a top-level title in the wizard frame
- * ("Gradient Column" rather than just "Gradient"). Falls back to
- * "Styled Column" before a type has been chosen.
- */
 const TYPE_WIZARD_TITLES = {
     Gradient: 'Gradient Column',
     PercentBar: 'Percent Bar Column',
@@ -118,10 +112,6 @@ const TYPE_WIZARD_TITLES = {
     RangeBar: 'Range Bar Column',
     Icon: 'Icon Column',
 };
-/**
- * Resolves the Styled Column type from the discriminator properties. Used by
- * the Settings-step summary to show a human-readable type tag.
- */
 const getTypeLabel = (data) => {
     if (data.GradientStyle)
         return 'Gradient';
@@ -141,12 +131,6 @@ const getTypeLabel = (data) => {
         return 'Icon';
     return null;
 };
-/**
- * The title displayed in the wizard header. Switches from "Styled
- * Column" to the specific type ("Gradient Column", "Percent Bar
- * Column", …) once a type has been picked, so the user always knows
- * which kind of column they're configuring.
- */
 const getStyledColumnWizardTitle = (data) => {
     const typeKey = getTypeLabel(data);
     return typeKey ? TYPE_WIZARD_TITLES[typeKey] : 'Styled Column';
@@ -157,11 +141,6 @@ const renderStyledColumnSettingsSummary = (data) => {
     return ((0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:pr-2 twa:py-2", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:mt-1", children: ["Name ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: data.Name || '(none)' })] }), (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:mt-2", children: ["Type ", (0, jsx_runtime_1.jsx)(Tag_1.Tag, { children: typeKey ? TYPE_LABELS[typeKey] : '(none)' })] })] }));
 };
 exports.renderStyledColumnSettingsSummary = renderStyledColumnSettingsSummary;
-/**
- * Backwards-compatible export: the wizard previously imported
- * `renderStyledColumnTypeSummary`. The settings step now also covers Name,
- * but to keep external imports happy we re-export under the old alias.
- */
 exports.renderStyledColumnTypeSummary = exports.renderStyledColumnSettingsSummary;
 const StyledColumnWizardTypeSection = (props) => {
     const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();

package/src/View/SystemStatus/SystemStatusPopup.js

@@ -21,7 +21,6 @@ const colItems = [
 class SystemStatusPopupComponent extends React.Component {
     constructor(props) {
         super(props);
-        // this.state = { EditedSystemStatusText: '', EditedStyle: null };
     }
     onSystemStatusMessageInfoDeleteAll() {
         this.props.onSystemStatusMessageInfoDeleteAll();

package/src/View/TeamSharing/SharedEntityObjectView.js

@@ -50,7 +50,6 @@ const getSharedEntityActiveStatusObjectView = (isDependency) => (props) => {
                         `Imported Rev. ${activeRevision} ${isStaleAndActive ? 'is stale' : ''} `, ' ', statusInfo] }));
         }
         else {
-            // snapshot
             activeInfo = activeRevision && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: `Imported Rev. ${activeRevision}` });
         }
     }

package/src/View/Theme/ThemeSelector.js

@@ -18,7 +18,6 @@ const ThemeSelector = (props) => {
         GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const optionThemes = availableThemes.map((theme) => {
         if (typeof theme === 'string') {
-            // protection against old state, which could be string
             theme = {
                 Name: theme,
                 Description: theme,

package/src/View/UIHelper.js

@@ -39,18 +39,15 @@ const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
 const ScheduleHelper_1 = require("../Utilities/Helpers/Scheduling/ScheduleHelper");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
 const resolveContainerElement_1 = require("../Utilities/resolveContainerElement");
-/** Generic swatch entries for the Colour Picker (resolved at runtime per active theme). */
 function getSwatchColorVar(index) {
     return `var(--ab-color-swatch-${index})`;
 }
-/** Default mid-gray from the theme swatch palette (`--ab-color-swatch-4`). */
 function getGraySwatchColor() {
     return getSwatchColorVar(4);
 }
 function getSwatchColorPaletteEntries() {
     return Array.from({ length: 20 }, (_, i) => getSwatchColorVar(i + 1));
 }
-/** Theme semantic colours for the Colour Picker (resolved at runtime per active theme). */
 function getThemeSemanticColorPaletteEntries() {
     return [
         'var(--ab-color-destructive)',
@@ -72,7 +69,6 @@ function getThemeSemanticColorPaletteEntries() {
         'var(--ab-color-palette-12)',
     ];
 }
-/** Swatch and theme semantic entries (default Colour Picker set). */
 function getDefaultColorPalette() {
     return [...getSwatchColorPaletteEntries(), ...getThemeSemanticColorPaletteEntries()];
 }
@@ -363,14 +359,12 @@ function getSimpleButtonPaddingWidth() {
 }
 function getCSSVariableValue(cssVariable) {
     if (!isBrowserDocumentAvailable()) {
-        // possible during static/server-side rendering (should happen only in test cases)
         return undefined;
     }
     return getComputedStyle(document.documentElement).getPropertyValue(cssVariable);
 }
 function setCSSVariableValue(cssVariable, value) {
     if (!isBrowserDocumentAvailable()) {
-        // possible during static/server-side rendering (should happen only in test cases)
         return undefined;
     }
     document.documentElement.style.setProperty(cssVariable, value);

package/src/View/UIInterfaces.js

@@ -1,3 +1,2 @@
 "use strict";
-// NOTE:  this file will include only those interfaces that are used in the UI / views,
 Object.defineProperty(exports, "__esModule", { value: true });

package/src/View/Wizard/CollapsibleWizardCard.js

@@ -47,13 +47,7 @@ const CollapsibleWizardCard = (props) => {
             ? (0, wizardSelection_1.getCollapsibleWizardCardExpandedClasses)(surface)
             : (0, wizardSelection_1.getCollapsibleWizardCardCollapsedClasses)(surface), compact && 'ab-CollapsibleWizardCard--compact twa:p-0!', fillAvailable
             ? 'twa:flex-1 twa:min-h-0 twa:flex twa:flex-col twa:overflow-hidden'
-            : 'twa:shrink-0', className), children: [(0, jsx_runtime_1.jsx)(Card_1.Card.Title, { className: "twa:p-0", border: !compact, children: (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: (0, utils_1.cn)('twa:flex twa:flex-row twa:items-center twa:gap-2 twa:w-full twa:px-2 twa:cursor-pointer twa:rounded-standard twa:hover:bg-primary', { 'twa:py-2': true, 'twa:mb-0.5': !compact && !expanded }, 
-                    // `targetOwn.focusOutline` uses a Tailwind `ring` (an *outward* box-shadow).
-                    // In compact/collapsed mode the card sets `p-0!`, so this header sits flush
-                    // against the card edge; combined with the card's `overflow-hidden` the
-                    // outward ring is painted outside the border-box and clipped away. Draw it
-                    // inset so it stays inside the element and is always visible.
-                    twUtils_1.targetOwn.focusOutline, 'twa:focus-visible:ring-inset'), "data-name": dataName, onClick: toggleExpanded, onKeyDown: handleTitleKeyDown, tabIndex: 0, "aria-expanded": expanded, role: "button", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:flex twa:flex-row twa:items-center twa:gap-2 twa:shrink-0 twa:cursor-pointer twa:select-none", children: [(0, jsx_runtime_1.jsx)(Icon_1.IconComponent, { icon: { name: expanded ? 'collapse' : 'expand' } }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:font-medium", children: title })] }), headerVisual ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:flex-1 twa:min-w-0 twa:flex twa:justify-end twa:items-center twa:overflow-hidden twa:pointer-events-none", children: headerVisual })) : headerInline ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: (0, utils_1.cn)('twa:flex-1 twa:min-w-0 twa:font-normal', isInteractiveCompactSummary
+            : 'twa:shrink-0', className), children: [(0, jsx_runtime_1.jsx)(Card_1.Card.Title, { className: "twa:p-0", border: !compact, children: (0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: (0, utils_1.cn)('twa:flex twa:flex-row twa:items-center twa:gap-2 twa:w-full twa:px-2 twa:cursor-pointer twa:rounded-standard twa:hover:bg-primary', { 'twa:py-2': true, 'twa:mb-0.5': !compact && !expanded }, twUtils_1.targetOwn.focusOutline, 'twa:focus-visible:ring-inset'), "data-name": dataName, onClick: toggleExpanded, onKeyDown: handleTitleKeyDown, tabIndex: 0, "aria-expanded": expanded, role: "button", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Box, { className: "twa:flex twa:flex-row twa:items-center twa:gap-2 twa:shrink-0 twa:cursor-pointer twa:select-none", children: [(0, jsx_runtime_1.jsx)(Icon_1.IconComponent, { icon: { name: expanded ? 'collapse' : 'expand' } }), (0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:font-medium", children: title })] }), headerVisual ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:flex-1 twa:min-w-0 twa:flex twa:justify-end twa:items-center twa:overflow-hidden twa:pointer-events-none", children: headerVisual })) : headerInline ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: (0, utils_1.cn)('twa:flex-1 twa:min-w-0 twa:font-normal', isInteractiveCompactSummary
                                 ? 'twa:flex twa:justify-end twa:items-center twa:overflow-visible'
                                 : (0, utils_1.cn)('twa:text-xs twa:opacity-70 twa:pointer-events-none twa:cursor-default', compact ? 'twa:overflow-hidden' : 'twa:truncate')), children: headerInline })) : ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:flex-1 twa:min-w-0" })), headerActions ? ((0, jsx_runtime_1.jsx)(Flex_1.Box, { className: "twa:shrink-0 twa:gap-2 twa:flex", onClick: (event) => event.stopPropagation(), children: headerActions })) : null] }) }), expanded ? ((0, jsx_runtime_1.jsx)(Card_1.Card.Body, { className: (0, utils_1.cn)('twa:p-1', bodyClassName, fillAvailable && 'twa:max-h-none! twa:flex-1 twa:min-h-0'), children: children })) : showSummary ? ((0, jsx_runtime_1.jsx)(Card_1.Card.Body, { className: "twa:p-1", gap: 1, children: summary })) : null] }));
 };
@@ -85,6 +79,5 @@ function useWizardCardAccordion(initialExpandedId, options) {
         setExpandedId,
     };
 }
-/** Collapsed card body: selected value tag(s) only — no description text. */
 const CollapsibleWizardValueSummary = ({ value }) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value });
 exports.CollapsibleWizardValueSummary = CollapsibleWizardValueSummary;

package/src/View/Wizard/OnePageWizards.js

@@ -20,7 +20,6 @@ const useKeyboardNavigation_1 = require("./useKeyboardNavigation");
 const Flex_1 = require("../../components/Flex");
 const twMerge_1 = require("../../twMerge");
 const twUtils_1 = require("../../components/twUtils");
-/** Same template for header row and main row so module/details align with nav / content columns. */
 const ONE_PAGE_WIZARD_SECTION_GRID = 'twa:grid twa:grid-cols-[minmax(160px,14rem)_minmax(0,1fr)]';
 const SummaryTag = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Box, { ...props }));
 exports.SummaryTag = SummaryTag;
@@ -56,12 +55,6 @@ const OnePageWizard = (props) => {
             section.isVisible(props.data, contextValue));
     }, [props.sections]);
     contextValue.sections = visibleSections;
-    // Apply `defaultCurrentSectionName` only once per distinct value. Without
-    // this guard the effect re-fires every render (because `visibleSections` is
-    // recomputed each render whenever the parent rebuilds `sections`), which
-    // makes the wizard snap back to the default section on every interior
-    // state change — e.g. clicking a checkbox in an *earlier* step would yank
-    // the user forward to the default step again.
     const lastAppliedDefaultSectionName = React.useRef(undefined);
     React.useEffect(() => {
         if (!props.defaultCurrentSectionName) {
@@ -115,7 +108,7 @@ const OnePageWizard = (props) => {
             acc.set(index, true);
             return acc;
         }
-        const valid = section.isValid ? section.isValid(props.data, contextValue) : true; //!active && canFinish !== true;
+        const valid = section.isValid ? section.isValid(props.data, contextValue) : true;
         if (valid !== true) {
             invalidCount++;
             if (firstErrorMessage == null) {
@@ -151,7 +144,7 @@ const OnePageWizard = (props) => {
                                             navIndex++;
                                             navIndexMap.set(navIndex, index);
                                             const active = index === currentSection;
-                                            const disabled = false; //!active && !currentSectionValid;
+                                            const disabled = false;
                                             return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: (0, utils_1.cn)('ab-OnePageWizard__section-title twa:p-2', {
                                                     'twa:cursor-auto': disabled,
                                                     'twa:cursor-pointer': !disabled,

package/src/View/Wizard/SummaryColorTag.js

@@ -11,7 +11,6 @@ const COLOR_SQUARE_CLASS = 'twa:h-3 twa:w-3 twa:rounded-sm twa:shrink-0 twa:bord
 const isSummaryColorLabel = (label) => /\bColou?r$/i.test(label.trim());
 exports.isSummaryColorLabel = isSummaryColorLabel;
 const isIconSummaryLabel = (label) => label.trim() === 'Icon';
-/** Labels whose label + value render together inside a single tag (colours, font traits). */
 const isSummaryInTagLabel = (label) => {
     const trimmed = label.trim();
     return ((0, exports.isSummaryColorLabel)(trimmed) ||

package/src/View/Wizard/useKeyboardNavigation.js

@@ -5,9 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const useKeyboardNavigation = (setCurrentSection, sections) => {
     const handleKeyPress = React.useCallback((event) => {
-        if (
-        // (event.ctrlKey || event.metaKey) &&
-        event.code === 'ArrowUp' ||
+        if (event.code === 'ArrowUp' ||
             event.code === 'ArrowDown') {
             event.preventDefault();
             event.stopPropagation();

package/src/agGrid/Adaptable.js

@@ -11,13 +11,6 @@ const renderReactRoot_1 = require("../renderReactRoot");
 const AdaptableWizardView_1 = tslib_1.__importDefault(require("../View/AdaptableWizardView"));
 const resolveContainerElement_1 = require("../Utilities/resolveContainerElement");
 class Adaptable {
-    /**
-     * Initializer for Adaptable
-     *
-     * @param adaptableOptions the AdaptableOptions
-     * @param agGridConfig AG Grid
-     * @returns a Promise containing the AdaptableAPI object in order to enable run-time access to Adaptable's properties and functions
-     */
     static init(adaptableOptions, agGridConfig) {
         if (!agGridConfig?.modules?.length) {
             AdaptableLogger_1.AdaptableLogger.consoleErrorBase(`No AG Grid modules were provided, thus limiting AdapTables features significantly!\n\nRead further info here:${DocumentationLinkConstants_1.AgGridModulesDocsLink}`);
@@ -31,9 +24,6 @@ class AdaptableNoCodeWizard {
     adaptableOptions;
     extraOptions;
     agGridModules;
-    /**
-     * @param adaptableOptions
-     */
     constructor(adaptableOptions, extraOptions = {}, agGridOptions) {
         const defaultInit = async ({ gridOptions, adaptableOptions, agGridModules, }) => {
             return await Adaptable.init(adaptableOptions, { gridOptions, modules: agGridModules });
@@ -60,8 +50,6 @@ class AdaptableNoCodeWizard {
         if (!container) {
             throw new Error('Cannot find container in which to render Adaptable No Code Wizard');
         }
-        // this allows people to customize the wizard dimensions & styling
-        // when it's visible
         container.classList.add('adaptable--in-wizard');
         const unmount = (0, renderReactRoot_1.renderReactRoot)(React.createElement(AdaptableWizardView_1.default, {
             adaptableOptions: this.adaptableOptions,

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -15,7 +15,6 @@ import { IValidationService } from '../Utilities/Services/Interface/IValidationS
 import { IQueryLanguageService } from '../Utilities/Services/Interface/IQueryLanguageService';
 import { IAlertService } from '../Utilities/Services/Interface/IAlertService';
 import { ITeamSharingService } from '../Utilities/Services/Interface/ITeamSharingService';
-import { IMetamodelService } from '../Utilities/Services/Interface/IMetamodelService';
 import { IThemeService } from '../Utilities/Services/Interface/IThemeService';
 import { Fdc3Service } from '../Utilities/Services/Fdc3Service';
 import { AnnotationsService } from '../Utilities/Services/AnnotationsService';
@@ -88,7 +87,6 @@ export declare class AdaptableAgGrid implements IAdaptable {
     QueryLanguageService: IQueryLanguageService;
     AlertService: IAlertService;
     TeamSharingService: ITeamSharingService;
-    MetamodelService: IMetamodelService;
     RowFormService: RowFormService;
     Fdc3Service: Fdc3Service;
     AnnotationsService: AnnotationsService;