@luzmo/analytics-components-kit 1.0.1-alpha.47 → 1.0.1-alpha.48

package/item-definitions/route-map/route-map-options.config.d.ts

@@ -127,6 +127,7 @@ declare const _default: ({
         };
         type?: undefined;
     })[];
+    visibleIf?: undefined;
 } | {
     key: string;
     type: string;
@@ -143,8 +144,18 @@ declare const _default: ({
             extraLabel?: undefined;
             extraLabelHasClickAction?: undefined;
             extraLabelClickAction?: undefined;
+            enum?: undefined;
+            calculateValue?: undefined;
+            toOptions?: undefined;
+            hideLabel?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
         };
         visibleIf?: undefined;
+        calculateValue?: undefined;
+        toOptions?: undefined;
     } | {
         key: string;
         control: {
@@ -160,8 +171,154 @@ declare const _default: ({
             min?: undefined;
             max?: undefined;
             step?: undefined;
+            enum?: undefined;
+            calculateValue?: undefined;
+            toOptions?: undefined;
+            hideLabel?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
         };
         visibleIf: ({ slots }: any) => boolean;
+        calculateValue?: undefined;
+        toOptions?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            calculateValue: ({ options }: any) => "divergent" | "qualitative" | "sequential" | "heat" | "manual";
+            toOptions: ({ options, value }: any) => any;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+            hideLabel?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+        calculateValue?: undefined;
+        toOptions?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            hideLabel: boolean;
+            default: ({ options }: any) => string;
+            enum: ({ options }: any) => string[];
+            toOptions: ({ options, value }: any) => any;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+            calculateValue?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
+        };
+        visibleIf: ({ options, slots }: any) => boolean;
+        calculateValue?: undefined;
+        toOptions?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            editRangeSize: boolean;
+            debounce: number;
+            noValues: boolean;
+            noAlphaChannel: boolean;
+            label: string;
+            hideLabel: boolean;
+            default?: undefined;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            extraLabel?: undefined;
+            extraLabelHasClickAction?: undefined;
+            extraLabelClickAction?: undefined;
+            enum?: undefined;
+            calculateValue?: undefined;
+            toOptions?: undefined;
+        };
+        calculateValue: ({ options }: any) => {
+            color?: string;
+            value?: number;
+        }[];
+        toOptions: ({ options, value }: any) => any;
+        visibleIf: ({ options, slots }: any) => boolean;
+    })[];
+    visibleIf?: undefined;
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            parseValue: (value: any) => any;
+            toOptions: ({ options, value }: any) => any;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            readOnlyColorPicker?: undefined;
+            hideLabel?: undefined;
+            calculateValue?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            toOptions: ({ options, value }: any) => any;
+            parseValue?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            readOnlyColorPicker?: undefined;
+            hideLabel?: undefined;
+            calculateValue?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            editRangeSize: boolean;
+            debounce: number;
+            noValues: boolean;
+            readOnlyColorPicker: boolean;
+            label: string;
+            hideLabel: boolean;
+            calculateValue: ({ options }: any) => {
+                color?: string;
+                value?: number;
+            }[];
+            toOptions: ({ options, value }: any) => any;
+            default?: undefined;
+            enum?: undefined;
+            parseValue?: undefined;
+        };
+        visibleIf: ({ options, slots }: any) => boolean;
     })[];
+    visibleIf: ({ slots }: any) => boolean;
 })[];
 export default _default;

package/item-definitions/shared/color-range-utils.d.ts

@@ -0,0 +1,22 @@
+import { ColorsClassKey } from '../../utils/color/color-palettes';
+export declare const toRangesWithValue: (ranges: {
+    color?: string;
+    val?: number;
+}[]) => {
+    color: string | undefined;
+    value: number | undefined;
+}[];
+export declare const toRangesWithVal: (ranges: {
+    color?: string;
+    value?: number;
+}[]) => {
+    color: string | undefined;
+    val: number | undefined;
+}[];
+export declare const calculateManualRanges: (numberOfClasses?: number | string, colorClass?: ColorsClassKey | "manual", ranges?: {
+    color?: string;
+    value?: number;
+}[]) => {
+    color?: string;
+    value?: number;
+}[];

package/item-definitions/speedometer-chart/speedometer-chart-options.config.d.ts

@@ -11,7 +11,20 @@ declare const _default: ({
             min?: undefined;
             max?: undefined;
             step?: undefined;
+            enum?: undefined;
+            toOptions?: undefined;
+            placeholder?: undefined;
+            minWidthInputField?: undefined;
+            editRangeSize?: undefined;
+            minimumRangeSize?: undefined;
+            percentage?: undefined;
+            noAlphaChannel?: undefined;
+            hideLabel?: undefined;
+            parseValue?: undefined;
+            toValue?: undefined;
         };
+        type?: undefined;
+        visibleIf?: undefined;
     } | {
         key: string;
         control: {
@@ -21,7 +34,120 @@ declare const _default: ({
             min: number;
             max: number;
             step: number;
+            enum?: undefined;
+            toOptions?: undefined;
+            placeholder?: undefined;
+            minWidthInputField?: undefined;
+            editRangeSize?: undefined;
+            minimumRangeSize?: undefined;
+            percentage?: undefined;
+            noAlphaChannel?: undefined;
+            hideLabel?: undefined;
+            parseValue?: undefined;
+            toValue?: undefined;
+        };
+        type?: undefined;
+        visibleIf?: undefined;
+    } | {
+        type: string;
+        key?: undefined;
+        control?: undefined;
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            toOptions?: undefined;
+            placeholder?: undefined;
+            minWidthInputField?: undefined;
+            editRangeSize?: undefined;
+            minimumRangeSize?: undefined;
+            percentage?: undefined;
+            noAlphaChannel?: undefined;
+            hideLabel?: undefined;
+            parseValue?: undefined;
+            toValue?: undefined;
         };
+        type?: undefined;
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            toOptions: ({ options, value }: any) => any;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            placeholder?: undefined;
+            minWidthInputField?: undefined;
+            editRangeSize?: undefined;
+            minimumRangeSize?: undefined;
+            percentage?: undefined;
+            noAlphaChannel?: undefined;
+            hideLabel?: undefined;
+            parseValue?: undefined;
+            toValue?: undefined;
+        };
+        type?: undefined;
+        visibleIf?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            placeholder: string;
+            minWidthInputField: string;
+            default?: undefined;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            enum?: undefined;
+            toOptions?: undefined;
+            editRangeSize?: undefined;
+            minimumRangeSize?: undefined;
+            percentage?: undefined;
+            noAlphaChannel?: undefined;
+            hideLabel?: undefined;
+            parseValue?: undefined;
+            toValue?: undefined;
+        };
+        visibleIf: ({ options, slots }: any) => boolean;
+        type?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            editRangeSize: boolean;
+            minimumRangeSize: number;
+            percentage: ({ options }: any) => boolean;
+            noAlphaChannel: boolean;
+            hideLabel: boolean;
+            label: string;
+            default: () => {
+                color: string;
+                value: number;
+            }[];
+            parseValue: (value: any) => any;
+            toValue: (value: any) => any;
+            min?: undefined;
+            max?: undefined;
+            step?: undefined;
+            enum?: undefined;
+            toOptions?: undefined;
+            placeholder?: undefined;
+            minWidthInputField?: undefined;
+        };
+        type?: undefined;
+        visibleIf?: undefined;
     })[];
 } | {
     key: string;

package/item-definitions/spike-map/i18n/spike-map-options.de.d.ts

@@ -7,6 +7,12 @@ declare const _default: {
         colors: {
             label: string;
         };
+        spike: {
+            label: string;
+        };
+        classification: {
+            label: string;
+        };
         legend: {
             label: string;
         };
@@ -64,6 +70,26 @@ declare const _default: {
             label: string;
             tooltip: string;
         };
+        colorsClassType: {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+        numberClasses: {
+            label: string;
+        };
+        classification: {
+            label: string;
+            enum: {
+                interval: string;
+                manual: string;
+                quantile: string;
+                continuous: string;
+            };
+        };
         'legend.size': {
             label: string;
             enum: {

package/item-definitions/spike-map/i18n/spike-map-options.en.d.ts

@@ -7,6 +7,12 @@ declare const _default: {
         colors: {
             label: string;
         };
+        spike: {
+            label: string;
+        };
+        classification: {
+            label: string;
+        };
         legend: {
             label: string;
         };
@@ -64,6 +70,26 @@ declare const _default: {
             label: string;
             tooltip: string;
         };
+        colorsClassType: {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+        numberClasses: {
+            label: string;
+        };
+        classification: {
+            label: string;
+            enum: {
+                interval: string;
+                manual: string;
+                quantile: string;
+                continuous: string;
+            };
+        };
         'legend.size': {
             label: string;
             enum: {

package/item-definitions/spike-map/i18n/spike-map-options.es.d.ts

@@ -7,6 +7,12 @@ declare const _default: {
         colors: {
             label: string;
         };
+        spike: {
+            label: string;
+        };
+        classification: {
+            label: string;
+        };
         legend: {
             label: string;
         };
@@ -64,6 +70,26 @@ declare const _default: {
             label: string;
             tooltip: string;
         };
+        colorsClassType: {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+        numberClasses: {
+            label: string;
+        };
+        classification: {
+            label: string;
+            enum: {
+                interval: string;
+                manual: string;
+                quantile: string;
+                continuous: string;
+            };
+        };
         'legend.size': {
             label: string;
             enum: {

package/item-definitions/spike-map/i18n/spike-map-options.fr.d.ts

@@ -7,6 +7,12 @@ declare const _default: {
         colors: {
             label: string;
         };
+        spike: {
+            label: string;
+        };
+        classification: {
+            label: string;
+        };
         legend: {
             label: string;
         };
@@ -64,6 +70,26 @@ declare const _default: {
             label: string;
             tooltip: string;
         };
+        colorsClassType: {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+        numberClasses: {
+            label: string;
+        };
+        classification: {
+            label: string;
+            enum: {
+                interval: string;
+                manual: string;
+                quantile: string;
+                continuous: string;
+            };
+        };
         'legend.size': {
             label: string;
             enum: {

package/item-definitions/spike-map/i18n/spike-map-options.nl.d.ts

@@ -7,6 +7,12 @@ declare const _default: {
         colors: {
             label: string;
         };
+        spike: {
+            label: string;
+        };
+        classification: {
+            label: string;
+        };
         legend: {
             label: string;
         };
@@ -64,6 +70,26 @@ declare const _default: {
             label: string;
             tooltip: string;
         };
+        colorsClassType: {
+            label: string;
+            enum: {
+                sequential: string;
+                divergent: string;
+                manual: string;
+            };
+        };
+        numberClasses: {
+            label: string;
+        };
+        classification: {
+            label: string;
+            enum: {
+                interval: string;
+                manual: string;
+                quantile: string;
+                continuous: string;
+            };
+        };
         'legend.size': {
             label: string;
             enum: {

package/item-definitions/spike-map/spike-map-options.config.d.ts

@@ -160,6 +160,129 @@ declare const _default: ({
         visibleIf?: undefined;
     })[];
     visibleIf?: undefined;
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            calculateValue: ({ options }: any) => "divergent" | "qualitative" | "sequential" | "heat" | "manual";
+            toOptions: ({ options, value }: any) => any;
+            hideLabel?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+        calculateValue?: undefined;
+        toOptions?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            hideLabel: boolean;
+            default: ({ options }: any) => string;
+            enum: ({ options }: any) => string[];
+            toOptions: ({ options, value }: any) => any;
+            calculateValue?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            noAlphaChannel?: undefined;
+        };
+        visibleIf: ({ options, slots }: any) => boolean;
+        calculateValue?: undefined;
+        toOptions?: undefined;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            editRangeSize: boolean;
+            debounce: number;
+            noValues: boolean;
+            noAlphaChannel: boolean;
+            label: string;
+            hideLabel: boolean;
+            default?: undefined;
+            enum?: undefined;
+            calculateValue?: undefined;
+            toOptions?: undefined;
+        };
+        calculateValue: ({ options }: any) => {
+            color?: string;
+            value?: number;
+        }[];
+        toOptions: ({ options, value }: any) => any;
+        visibleIf: ({ options, slots }: any) => boolean;
+    })[];
+    visibleIf: ({ slots }: any) => boolean;
+} | {
+    key: string;
+    type: string;
+    open: boolean;
+    children: ({
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            parseValue: (value: any) => any;
+            toOptions: ({ options, value }: any) => any;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            readOnlyColorPicker?: undefined;
+            hideLabel?: undefined;
+            calculateValue?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            label: string;
+            default: string;
+            enum: string[];
+            toOptions: ({ options, value }: any) => any;
+            parseValue?: undefined;
+            editRangeSize?: undefined;
+            debounce?: undefined;
+            noValues?: undefined;
+            readOnlyColorPicker?: undefined;
+            hideLabel?: undefined;
+            calculateValue?: undefined;
+        };
+        visibleIf: ({ slots }: any) => boolean;
+    } | {
+        key: string;
+        control: {
+            type: string;
+            editRangeSize: boolean;
+            debounce: number;
+            noValues: boolean;
+            readOnlyColorPicker: boolean;
+            label: string;
+            hideLabel: boolean;
+            calculateValue: ({ options }: any) => {
+                color?: string;
+                value?: number;
+            }[];
+            toOptions: ({ options, value }: any) => any;
+            default?: undefined;
+            enum?: undefined;
+            parseValue?: undefined;
+        };
+        visibleIf: ({ options, slots }: any) => boolean;
+    })[];
+    visibleIf: ({ slots }: any) => boolean;
 } | {
     key: string;
     type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.47",
+  "version": "1.0.1-alpha.48",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -71,11 +71,21 @@
       "import": "./components/edit-option-action-button-group/index.js",
       "require": "./components/edit-option-action-button-group/index.cjs"
     },
+    "./edit-option-color-palette-picker": {
+      "types": "./components/edit-option-color-palette-picker/index.d.ts",
+      "import": "./components/edit-option-color-palette-picker/index.js",
+      "require": "./components/edit-option-color-palette-picker/index.cjs"
+    },
     "./edit-option-color-picker": {
       "types": "./components/edit-option-color-picker/index.d.ts",
       "import": "./components/edit-option-color-picker/index.js",
       "require": "./components/edit-option-color-picker/index.cjs"
     },
+    "./edit-option-color-range": {
+      "types": "./components/edit-option-color-range/index.d.ts",
+      "import": "./components/edit-option-color-range/index.js",
+      "require": "./components/edit-option-color-range/index.cjs"
+    },
     "./edit-option-multi-language-field": {
       "types": "./components/edit-option-multi-language-field/index.d.ts",
       "import": "./components/edit-option-multi-language-field/index.js",