@perspective-dev/viewer 4.4.1 → 4.5.0

package/src/ts/ts-rs/ViewerConfig.ts

@@ -1,6 +1,5 @@
 // This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 import type { Aggregate } from "./Aggregate.js";
-import type { ColumnConfigValues } from "./ColumnConfigValues.js";
 import type { Expressions } from "./Expressions.js";
 import type { Filter } from "./Filter.js";
 import type { FilterReducer } from "./FilterReducer.js";
@@ -12,4 +11,4 @@ import type { JsonValue } from "./serde_json/JsonValue.js";
  * The state of an entire `custom_elements::PerspectiveViewerElement` component
  * and its `Plugin`.
  */
-export type ViewerConfig<V = string> = { version: V, columns_config: { [key in string]?: ColumnConfigValues }, plugin: string, plugin_config: JsonValue, settings: boolean, table: string | null, theme: string | null, title: string | null, group_by: Array<string>, split_by: Array<string>, sort: Array<Sort>, filter: Array<Filter>, group_rollup_mode: GroupRollupMode, filter_op?: FilterReducer, expressions: Expressions, columns: Array<string | null>, aggregates: { [key in string]?: Aggregate }, group_by_depth?: number | null, };
+export type ViewerConfig<V = string> = { version: V, columns_config: { [key in string]?: { [key in string]?: JsonValue } }, plugin: string, plugin_config: { [key in string]?: JsonValue }, settings: boolean, table: string | null, theme: string | null, title: string | null, group_by: Array<string>, split_by: Array<string>, sort: Array<Sort>, filter: Array<Filter>, group_rollup_mode: GroupRollupMode, filter_op?: FilterReducer, expressions: Expressions, columns: Array<string | null>, aggregates: { [key in string]?: Aggregate }, group_by_depth?: number | null, };

package/src/ts/ts-rs/ViewerConfigUpdate.ts

@@ -1,15 +1,14 @@
 // This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 import type { Aggregate } from "./Aggregate.js";
-import type { ColumnConfigValues } from "./ColumnConfigValues.js";
 import type { Expressions } from "./Expressions.js";
 import type { Filter } from "./Filter.js";
 import type { FilterReducer } from "./FilterReducer.js";
 import type { GroupRollupMode } from "./GroupRollupMode.js";
 import type { OptionalUpdate } from "./OptionalUpdate.js";
-import type { PluginConfig } from "./PluginConfig.js";
 import type { Sort } from "./Sort.js";
+import type { JsonValue } from "./serde_json/JsonValue.js";
 
-export type ViewerConfigUpdate = { version?: OptionalUpdate<string>, plugin?: OptionalUpdate<string>, title?: OptionalUpdate<string>, table?: OptionalUpdate<string>, theme?: OptionalUpdate<string>, settings?: OptionalUpdate<boolean>, plugin_config?: PluginConfig | null, columns_config?: OptionalUpdate<{ [key in string]?: ColumnConfigValues }>, 
+export type ViewerConfigUpdate = { version?: OptionalUpdate<string>, plugin?: OptionalUpdate<string>, title?: OptionalUpdate<string>, table?: OptionalUpdate<string>, theme?: OptionalUpdate<string>, settings?: OptionalUpdate<boolean>, plugin_config?: OptionalUpdate<{ [key in string]?: JsonValue }>, columns_config?: OptionalUpdate<{ [key in string]?: { [key in string]?: JsonValue } }>, 
 /**
  * A group by _groups_ the dataset by the unique values of each column used
  * as a group by - a close analogue in SQL to the `GROUP BY` statement.

package/dist/esm/ts-rs/ColumnConfigValues.d.ts

@@ -1,31 +0,0 @@
-import type { CustomNumberFormatConfig } from "./CustomNumberFormatConfig.js";
-import type { DatetimeColorMode } from "./DatetimeColorMode.js";
-import type { DatetimeFormatType } from "./DatetimeFormatType.js";
-import type { FormatMode } from "./FormatMode.js";
-import type { NumberBackgroundMode } from "./NumberBackgroundMode.js";
-import type { NumberForegroundMode } from "./NumberForegroundMode.js";
-import type { StringColorMode } from "./StringColorMode.js";
-/**
- * The value de/serialized and stored in the viewer config.
- * Also passed to the plugin via `plugin.save()`.
- */
-export type ColumnConfigValues = {
-    symbols?: {
-        [key in string]?: string;
-    };
-    number_format?: CustomNumberFormatConfig | null;
-    aggregate_depth?: number;
-    number_fg_mode?: NumberForegroundMode;
-    number_bg_mode?: NumberBackgroundMode;
-    pos_fg_color: string | null;
-    neg_fg_color: string | null;
-    pos_bg_color: string | null;
-    neg_bg_color: string | null;
-    fg_gradient: number | null;
-    bg_gradient: number | null;
-    format?: FormatMode;
-    string_color_mode?: StringColorMode;
-    color?: string | null;
-    date_format?: DatetimeFormatType;
-    datetime_color_mode?: DatetimeColorMode;
-};

package/dist/esm/ts-rs/CustomDatetimeFormat.d.ts

@@ -1 +0,0 @@
-export type CustomDatetimeFormat = "long" | "short" | "narrow" | "numeric" | "2-digit" | "disabled";

package/dist/esm/ts-rs/CustomDatetimeStyleConfig.d.ts

@@ -1,15 +0,0 @@
-import type { CustomDatetimeFormat } from "./CustomDatetimeFormat.js";
-import type { FormatUnit } from "./FormatUnit.js";
-export type CustomDatetimeStyleConfig = {
-    format: FormatUnit;
-    timeZone?: string | null;
-    fractionalSecondDigits?: number;
-    second?: CustomDatetimeFormat;
-    minute?: CustomDatetimeFormat;
-    hour?: CustomDatetimeFormat;
-    day?: CustomDatetimeFormat;
-    weekday?: CustomDatetimeFormat;
-    month?: CustomDatetimeFormat;
-    year?: CustomDatetimeFormat;
-    hour12?: boolean;
-};

package/dist/esm/ts-rs/CustomNumberFormatConfig.d.ts

@@ -1,18 +0,0 @@
-import type { RoundingMode } from "./RoundingMode.js";
-import type { RoundingPriority } from "./RoundingPriority.js";
-import type { SignDisplay } from "./SignDisplay.js";
-import type { TrailingZeroDisplay } from "./TrailingZeroDisplay.js";
-import type { UseGrouping } from "./UseGrouping.js";
-export type CustomNumberFormatConfig = {
-    minimumIntegerDigits: number | null;
-    minimumFractionDigits: number | null;
-    maximumFractionDigits: number | null;
-    minimumSignificantDigits: number | null;
-    maximumSignificantDigits: number | null;
-    roundingPriority: RoundingPriority | null;
-    roundingIncrement: number | null;
-    roundingMode: RoundingMode | null;
-    trailingZeroDisplay: TrailingZeroDisplay | null;
-    useGrouping: UseGrouping | null;
-    signDisplay: SignDisplay | null;
-};

package/dist/esm/ts-rs/DatetimeColorMode.d.ts

@@ -1 +0,0 @@
-export type DatetimeColorMode = "none" | "foreground" | "background";

package/dist/esm/ts-rs/DatetimeFormatType.d.ts

@@ -1,6 +0,0 @@
-import type { CustomDatetimeStyleConfig } from "./CustomDatetimeStyleConfig.js";
-import type { SimpleDatetimeStyleConfig } from "./SimpleDatetimeStyleConfig.js";
-/**
- * `Simple` case has all default-able keys and must be last!
- */
-export type DatetimeFormatType = CustomDatetimeStyleConfig | SimpleDatetimeStyleConfig;

package/dist/esm/ts-rs/FormatMode.d.ts

@@ -1 +0,0 @@
-export type FormatMode = "none" | "link" | "bold" | "italics";

package/dist/esm/ts-rs/FormatUnit.d.ts

@@ -1 +0,0 @@
-export type FormatUnit = "custom";

package/dist/esm/ts-rs/NumberBackgroundMode.d.ts

@@ -1 +0,0 @@
-export type NumberBackgroundMode = "disabled" | "color" | "gradient" | "pulse";

package/dist/esm/ts-rs/NumberForegroundMode.d.ts

@@ -1 +0,0 @@
-export type NumberForegroundMode = "disabled" | "color" | "bar" | "label-bar";

package/dist/esm/ts-rs/PluginConfig.d.ts

@@ -1,2 +0,0 @@
-import type { JsonValue } from "./serde_json/JsonValue.js";
-export type PluginConfig = JsonValue;

package/dist/esm/ts-rs/RoundingMode.d.ts

@@ -1 +0,0 @@
-export type RoundingMode = "ceil" | "floor" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven";

package/dist/esm/ts-rs/RoundingPriority.d.ts

@@ -1 +0,0 @@
-export type RoundingPriority = "auto" | "morePrecision" | "lessPrecision";

package/dist/esm/ts-rs/SignDisplay.d.ts

@@ -1 +0,0 @@
-export type SignDisplay = "auto" | "always" | "exceptZero" | "negative" | "never";

package/dist/esm/ts-rs/SimpleDatetimeFormat.d.ts

@@ -1 +0,0 @@
-export type SimpleDatetimeFormat = "full" | "long" | "medium" | "short" | "disabled";

package/dist/esm/ts-rs/SimpleDatetimeStyleConfig.d.ts

@@ -1,6 +0,0 @@
-import type { SimpleDatetimeFormat } from "./SimpleDatetimeFormat.js";
-export type SimpleDatetimeStyleConfig = {
-    timeZone?: string | null;
-    dateStyle?: SimpleDatetimeFormat;
-    timeStyle?: SimpleDatetimeFormat;
-};

package/dist/esm/ts-rs/StringColorMode.d.ts

@@ -1 +0,0 @@
-export type StringColorMode = "none" | "foreground" | "background" | "series";

package/dist/esm/ts-rs/TrailingZeroDisplay.d.ts

@@ -1 +0,0 @@
-export type TrailingZeroDisplay = "auto" | "stripIfInteger";

package/dist/esm/ts-rs/UseGrouping.d.ts

@@ -1 +0,0 @@
-export type UseGrouping = "always" | "auto" | "min2" | boolean;

package/src/rust/components/number_column_style.rs

@@ -1,491 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-use perspective_client::config::Scalar;
-use yew::prelude::*;
-use yew::*;
-
-use super::form::color_range_selector::*;
-use super::form::number_field::NumberFieldProps;
-use super::modal::*;
-use super::style::LocalStyle;
-use crate::components::form::number_field::NumberField;
-use crate::components::form::select_enum_field::SelectEnumField;
-use crate::config::*;
-use crate::session::Session;
-use crate::utils::*;
-use crate::*;
-
-#[derive(PartialEq, Eq, Copy, Clone, Debug)]
-pub enum Side {
-    Fg,
-    Bg,
-}
-
-use Side::*;
-
-/// A `ColumnStyle` component is mounted to the window anchored at the screen
-/// position of `elem`.
-///
-/// It needs two input configs, the current configuration object and a default
-/// version without `Option<>`
-#[derive(Properties)]
-pub struct NumberColumnStyleProps {
-    #[cfg_attr(test, prop_or_default)]
-    pub config: Option<NumberColumnStyleConfig>,
-
-    #[cfg_attr(test, prop_or_default)]
-    pub default_config: NumberColumnStyleDefaultConfig,
-
-    #[prop_or_default]
-    pub on_change: Callback<ColumnConfigValueUpdate>,
-
-    #[prop_or_default]
-    pub weak_link: WeakScope<NumberColumnStyle>,
-
-    #[prop_or_default]
-    pub column_name: Option<String>,
-
-    // State
-    pub session: Session,
-}
-
-impl ModalLink<NumberColumnStyle> for NumberColumnStyleProps {
-    fn weak_link(&self) -> &'_ WeakScope<NumberColumnStyle> {
-        &self.weak_link
-    }
-}
-
-impl PartialEq for NumberColumnStyleProps {
-    fn eq(&self, other: &Self) -> bool {
-        self.config == other.config
-            && self.default_config == other.default_config
-            && self.column_name == other.column_name
-    }
-}
-
-fn scalar_to_f64(scalar: &Scalar) -> f64 {
-    match scalar {
-        Scalar::Float(x) => *x,
-        Scalar::String(x) => x.parse::<f64>().unwrap_or_default(),
-        Scalar::Bool(x) => {
-            if *x {
-                1.0
-            } else {
-                0.0
-            }
-        },
-        Scalar::Null => 0.0,
-    }
-}
-
-fn set_default_gradient(session: &Session, ctx: &Context<NumberColumnStyle>) {
-    if let Some(column_name) = ctx.props().column_name.clone() {
-        let session = session.clone();
-        ctx.link().send_future(async move {
-            let view = session.get_view().unwrap();
-            let min_max = view.get_min_max(column_name).await.unwrap();
-            let abs_max = scalar_to_f64(&min_max.0)
-                .abs()
-                .max(scalar_to_f64(&min_max.1).abs());
-
-            let gradient = (abs_max * 100.).round() / 100.;
-            NumberColumnStyleMsg::DefaultGradientChanged(gradient)
-        });
-    }
-}
-
-#[derive(Debug)]
-pub enum NumberColumnStyleMsg {
-    PosColorChanged(Side, String),
-    NegColorChanged(Side, String),
-    NumberForeModeChanged(NumberForegroundMode),
-    NumberBackModeChanged(NumberBackgroundMode),
-    GradientChanged(Side, Option<f64>),
-    DefaultGradientChanged(f64),
-}
-
-/// A column style form control for `number` columns.
-pub struct NumberColumnStyle {
-    config: NumberColumnStyleConfig,
-    default_config: NumberColumnStyleDefaultConfig,
-    fg_mode: NumberForegroundMode,
-    bg_mode: NumberBackgroundMode,
-    pos_fg_color: String,
-    neg_fg_color: String,
-    pos_bg_color: String,
-    neg_bg_color: String,
-    fg_gradient: Option<f64>,
-    bg_gradient: Option<f64>,
-}
-
-impl Component for NumberColumnStyle {
-    type Message = NumberColumnStyleMsg;
-    type Properties = NumberColumnStyleProps;
-
-    fn create(ctx: &Context<Self>) -> Self {
-        ctx.set_modal_link();
-        set_default_gradient(&ctx.props().session, ctx);
-        Self::reset(
-            &ctx.props().config.clone().unwrap_or_default(),
-            &ctx.props().default_config.clone(),
-        )
-    }
-
-    fn changed(&mut self, ctx: &Context<Self>, _old: &Self::Properties) -> bool {
-        let mut new = Self::reset(
-            &ctx.props().config.clone().unwrap_or_default(),
-            &ctx.props().default_config.clone(),
-        );
-
-        set_default_gradient(&ctx.props().session, ctx);
-        std::mem::swap(self, &mut new);
-        true
-    }
-
-    fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool {
-        match msg {
-            NumberColumnStyleMsg::PosColorChanged(side, val) => {
-                if side == Fg {
-                    self.pos_fg_color = val;
-                    self.config.pos_fg_color = Some(self.pos_fg_color.to_owned());
-                } else {
-                    self.pos_bg_color = val;
-                    self.config.pos_bg_color = Some(self.pos_bg_color.to_owned());
-                }
-
-                self.dispatch_config(ctx);
-                true
-            },
-            NumberColumnStyleMsg::NegColorChanged(side, val) => {
-                if side == Fg {
-                    self.neg_fg_color = val;
-                    self.config.neg_fg_color = Some(self.neg_fg_color.to_owned());
-                } else {
-                    self.neg_bg_color = val;
-                    self.config.neg_bg_color = Some(self.neg_bg_color.to_owned());
-                }
-
-                self.dispatch_config(ctx);
-                true
-            },
-            NumberColumnStyleMsg::NumberForeModeChanged(val) => {
-                self.fg_mode = val;
-                self.config.number_fg_mode = val;
-                if self.fg_mode.needs_gradient() {
-                    self.config.fg_gradient = Some(self.fg_gradient.unwrap());
-                } else {
-                    self.config.fg_gradient = None;
-                }
-
-                self.dispatch_config(ctx);
-                true
-            },
-            NumberColumnStyleMsg::NumberBackModeChanged(val) => {
-                self.bg_mode = val;
-                self.config.number_bg_mode = val;
-                if self.bg_mode.needs_gradient() {
-                    self.config.bg_gradient = Some(self.bg_gradient.unwrap());
-                } else {
-                    self.config.bg_gradient = None;
-                }
-
-                self.dispatch_config(ctx);
-                true
-            },
-            NumberColumnStyleMsg::GradientChanged(side, gradient) => {
-                match (side, gradient) {
-                    (Fg, Some(x)) => {
-                        self.fg_gradient = Some(x);
-                        self.config.fg_gradient = Some(x);
-                    },
-                    (Fg, None) => {
-                        self.fg_gradient = Some(self.default_config.fg_gradient);
-                        self.config.fg_gradient = None;
-                    },
-                    (Bg, Some(x)) => {
-                        self.bg_gradient = Some(x);
-                        self.config.bg_gradient = Some(x);
-                    },
-                    (Bg, None) => {
-                        self.bg_gradient = Some(self.default_config.bg_gradient);
-                        self.config.bg_gradient = None;
-                    },
-                };
-
-                self.dispatch_config(ctx);
-                false
-            },
-            NumberColumnStyleMsg::DefaultGradientChanged(gradient) => {
-                self.fg_gradient.get_or_insert(gradient);
-                self.bg_gradient.get_or_insert(gradient);
-                self.default_config.fg_gradient = gradient;
-                self.default_config.bg_gradient = gradient;
-                true
-            },
-        }
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        let fg_mode_changed = ctx.link().callback(|x: Option<_>| {
-            NumberColumnStyleMsg::NumberForeModeChanged(x.unwrap_or_default())
-        });
-
-        let bg_mode_changed = ctx.link().callback(|x: Option<_>| {
-            NumberColumnStyleMsg::NumberBackModeChanged(x.unwrap_or_default())
-        });
-
-        let fg_controls = match self.fg_mode {
-            NumberForegroundMode::Disabled => html! {},
-            NumberForegroundMode::Color => html! {
-                <div class="row">
-                    <ColorRangeSelector ..self.color_props("fg-color", Fg, false, ctx) />
-                </div>
-            },
-            NumberForegroundMode::Bar => html! {
-                <>
-                    <div class="row">
-                        <ColorRangeSelector ..self.color_props("bar-color", Fg, false, ctx) />
-                    </div>
-                    <NumberField ..self.max_value_props(Fg, ctx) />
-                </>
-            },
-            NumberForegroundMode::LabelBar => html! {
-                <>
-                    <div class="row">
-                        <ColorRangeSelector ..self.color_props("label-bar-color", Fg, false, ctx) />
-                    </div>
-                    <NumberField ..self.max_value_props(Fg, ctx) />
-                </>
-            },
-        };
-
-        let bg_controls = match self.bg_mode {
-            NumberBackgroundMode::Disabled => html! {},
-            NumberBackgroundMode::Color => html! {
-                <div class="row">
-                    <ColorRangeSelector ..self.color_props("bg-color", Bg,false, ctx) />
-                </div>
-            },
-            NumberBackgroundMode::Gradient => html! {
-                <>
-                    <div class="row">
-                        <ColorRangeSelector ..self.color_props("gradient-color", Bg, true, ctx) />
-                    </div>
-                    <NumberField ..self.max_value_props(Bg, ctx) />
-                </>
-            },
-            NumberBackgroundMode::Pulse => html! {
-                <div class="row">
-                    <ColorRangeSelector ..self.color_props("pulse-color", Bg, true, ctx) />
-                </div>
-            },
-        };
-
-        html! {
-            <>
-                <LocalStyle href={css!("column-style")} />
-                <div id="column-style-container" class="number-column-style-container">
-                    <SelectEnumField<NumberForegroundMode>
-                        label="foreground"
-                        on_change={fg_mode_changed}
-                        current_value={self.fg_mode}
-                    />
-                    { fg_controls }
-                    <SelectEnumField<NumberBackgroundMode>
-                        label="background"
-                        on_change={bg_mode_changed}
-                        current_value={self.bg_mode}
-                    />
-                    { bg_controls }
-                </div>
-            </>
-        }
-    }
-}
-
-impl NumberColumnStyle {
-    /// When this config has changed, we must signal the wrapper element.
-    fn dispatch_config(&self, ctx: &Context<Self>) {
-        let mut config = self.config.clone();
-        match &self.config {
-            NumberColumnStyleConfig {
-                pos_fg_color: Some(pos_color),
-                neg_fg_color: Some(neg_color),
-                ..
-            } if *pos_color == self.default_config.pos_fg_color
-                && *neg_color == self.default_config.neg_fg_color =>
-            {
-                config.pos_fg_color = None;
-                config.neg_fg_color = None;
-            },
-            _ => {},
-        };
-
-        match &self.config {
-            NumberColumnStyleConfig {
-                pos_bg_color: Some(pos_color),
-                neg_bg_color: Some(neg_color),
-                ..
-            } if *pos_color == self.default_config.pos_bg_color
-                && *neg_color == self.default_config.neg_bg_color =>
-            {
-                config.pos_bg_color = None;
-                config.neg_bg_color = None;
-            },
-            _ => {},
-        };
-
-        let update = Some(config).filter(|config| config != &NumberColumnStyleConfig::default());
-
-        ctx.props()
-            .on_change
-            .emit(ColumnConfigValueUpdate::DatagridNumberStyle(update));
-    }
-
-    fn color_props(
-        &self,
-        id: &str,
-        side: Side,
-        is_gradient: bool,
-        ctx: &Context<Self>,
-    ) -> ColorRangeProps {
-        let on_pos_color = ctx
-            .link()
-            .callback(move |x| NumberColumnStyleMsg::PosColorChanged(side, x));
-        let on_neg_color = ctx
-            .link()
-            .callback(move |x| NumberColumnStyleMsg::NegColorChanged(side, x));
-
-        let default_config = self.default_config.clone();
-
-        props!(ColorRangeProps {
-            id: id.to_string(),
-            is_gradient,
-            pos_color: if side == Fg {
-                &self.pos_fg_color
-            } else {
-                &self.pos_bg_color
-            }
-            .to_owned(),
-            neg_color: if side == Fg {
-                &self.neg_fg_color
-            } else {
-                &self.neg_bg_color
-            }
-            .to_owned(),
-            on_pos_color,
-            on_neg_color,
-            on_reset: ctx.link().batch_callback(move |_| if side == Fg {
-                vec![
-                    NumberColumnStyleMsg::PosColorChanged(
-                        side,
-                        default_config.pos_fg_color.clone(),
-                    ),
-                    NumberColumnStyleMsg::NegColorChanged(
-                        side,
-                        default_config.neg_fg_color.clone(),
-                    ),
-                ]
-            } else {
-                vec![
-                    NumberColumnStyleMsg::PosColorChanged(
-                        side,
-                        default_config.pos_bg_color.clone(),
-                    ),
-                    NumberColumnStyleMsg::NegColorChanged(
-                        side,
-                        default_config.neg_bg_color.clone(),
-                    ),
-                ]
-            }),
-            is_modified: if side == Fg {
-                self.pos_fg_color != self.default_config.pos_fg_color
-                    || self.neg_fg_color != self.default_config.neg_fg_color
-            } else {
-                self.pos_bg_color != self.default_config.pos_bg_color
-                    || self.neg_bg_color != self.default_config.neg_bg_color
-            },
-        })
-    }
-
-    fn max_value_props(&self, side: Side, ctx: &Context<Self>) -> NumberFieldProps {
-        let on_change = ctx
-            .link()
-            .callback(move |x| NumberColumnStyleMsg::GradientChanged(side, x));
-
-        let value = if side == Fg {
-            self.fg_gradient.unwrap_or_default()
-        } else {
-            self.bg_gradient.unwrap_or_default()
-        };
-
-        props!(NumberFieldProps {
-            default: value,
-            current_value: value,
-            label: "max-value",
-            on_change
-        })
-    }
-
-    fn reset(
-        config: &NumberColumnStyleConfig,
-        default_config: &NumberColumnStyleDefaultConfig,
-    ) -> Self {
-        let mut config = config.clone();
-        let fg_gradient = config.fg_gradient;
-        let bg_gradient = config.bg_gradient;
-
-        let pos_fg_color = config
-            .pos_fg_color
-            .as_ref()
-            .unwrap_or(&default_config.pos_fg_color)
-            .to_owned();
-
-        let neg_fg_color = config
-            .neg_fg_color
-            .as_ref()
-            .unwrap_or(&default_config.neg_fg_color)
-            .to_owned();
-
-        let pos_bg_color = config
-            .pos_bg_color
-            .as_ref()
-            .unwrap_or(&default_config.pos_bg_color)
-            .to_owned();
-
-        let neg_bg_color = config
-            .neg_bg_color
-            .as_ref()
-            .unwrap_or(&default_config.neg_bg_color)
-            .to_owned();
-
-        config.pos_fg_color = Some(pos_fg_color.to_owned());
-        config.neg_fg_color = Some(neg_fg_color.to_owned());
-        let fg_mode = config.number_fg_mode;
-        config.pos_bg_color = Some(pos_bg_color.to_owned());
-        config.neg_bg_color = Some(neg_bg_color.to_owned());
-        let bg_mode = config.number_bg_mode;
-        Self {
-            config,
-            default_config: default_config.clone(),
-            fg_mode,
-            bg_mode,
-            pos_fg_color,
-            neg_fg_color,
-            pos_bg_color,
-            neg_bg_color,
-            fg_gradient,
-            bg_gradient,
-        }
-    }
-}