@datarailsshared/dr_renderer 1.5.118 → 1.5.120

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.5.118",
+  "version": "1.5.120",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/options/builders.js

@@ -404,6 +404,10 @@ const withTooltipPie = () => createSuboption('tooltips', 'Tooltip', [
 const withTooltipGauge = () => createSuboption('tooltips', 'Tooltip', [
     GAUGE_SHOW_TOGGLE,
     ...createTooltipStyleGroup(),
+    createDivider(),
+    createCheckbox('show_segment_name', 'Segment name', true),
+    createCheckbox('show_percentage_in_value', 'Value % out of Goal', true),
+    createCheckbox('show_percentage_in_segments', 'Segment % out Goal', true),
 ]);
 
 // ============================================================================
@@ -495,7 +499,7 @@ const withTableOptionsTranspose = (config = {}) => {
         createCheckbox('show_subtotals_for_columns', 'Subtotals for columns', false),
         createCheckbox('show_subtotals_for_rows', 'Subtotals for rows', false),
         createCheckbox('show_subtotals_in_brackets', 'Subtotals in brackets', false),
-        createCheckbox('transpose_table', 'Transpose', true),
+        createCheckbox('transpose_table', 'Transpose', false),
         createCheckbox('start_collapsed_rows', 'Start collapsed rows <small>(old table only)</small>', false),
         createCheckbox('start_collapsed_columns', 'Start collapsed columns <small>(old table only)</small>', false),
         createCheckbox('colorize_headers', 'Colorize headers', true),
@@ -503,7 +507,6 @@ const withTableOptionsTranspose = (config = {}) => {
         createCheckbox('use_handsOnTable', 'Use big data table', false),
         createCheckbox('use_new_table_design', 'Use new table design', true),
         createCheckbox('hide_nulls_in_headers', 'Null values appear as blank', true),
-        createCheckbox('show_all', 'Show All', false),
         createCheckbox('freeze_panes', 'Freeze panes <small>(old table only)</small>', false),
         createCheckbox('eliminate_calc_totals', 'Eliminate grand totals for calculated values', false),
         createCheckbox('show_more_than_thousand_rows', 'Show data in dashboard if more than 1000 rows', false, {
@@ -529,36 +532,36 @@ const withTableOptionsGauge = () => createSuboption('table_options', 'Table', [
 const withTableDesignOptions = () => createSuboption('table_design_options', 'Table design', [
     createDivider('Columns'),
     createSelect('columns_font_style', 'Font style', SUBOPTIONS_FONTS, LABEL_DEFAULT_SETTINGS.FONT_FAMILY),
-    createSelect('columns_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, LABEL_DEFAULT_SETTINGS.FONT_SIZE),
-    createSelect('columns_text_alignment', 'Text alignment', [
+    createSelect('columns_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, '10'),
+    createSelect('columns_align_text', 'Alignment', [
         { label: 'Left', value: 'left' },
         { label: 'Center', value: 'center' },
         { label: 'Right', value: 'right' },
     ], 'left'),
     createDivider('Rows'),
     createSelect('rows_font_style', 'Font style', SUBOPTIONS_FONTS, LABEL_DEFAULT_SETTINGS.FONT_FAMILY),
-    createSelect('rows_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, LABEL_DEFAULT_SETTINGS.FONT_SIZE),
-    createSelect('rows_text_alignment', 'Text alignment', [
+    createSelect('rows_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, '10'),
+    createSelect('rows_align_text', 'Alignment', [
         { label: 'Left', value: 'left' },
         { label: 'Center', value: 'center' },
         { label: 'Right', value: 'right' },
     ], 'left'),
     createDivider('Values'),
     createSelect('values_font_style', 'Font style', SUBOPTIONS_FONTS, LABEL_DEFAULT_SETTINGS.FONT_FAMILY),
-    createSelect('values_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, LABEL_DEFAULT_SETTINGS.FONT_SIZE),
-    createSelect('values_text_alignment', 'Text alignment', [
+    createSelect('values_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, '10'),
+    createSelect('values_align_text', 'Alignment', [
         { label: 'Left', value: 'left' },
         { label: 'Center', value: 'center' },
         { label: 'Right', value: 'right' },
-    ], 'right'),
-    createDivider('Subtotals'),
-    createSelect('subtotals_font_style', 'Font style', SUBOPTIONS_FONTS, LABEL_DEFAULT_SETTINGS.FONT_FAMILY),
-    createSelect('subtotals_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, LABEL_DEFAULT_SETTINGS.FONT_SIZE),
-    createSelect('subtotals_text_alignment', 'Text alignment', [
+    ], 'left'),
+    createDivider('Totals'),
+    createSelect('totals_font_style', 'Font style', SUBOPTIONS_FONTS, LABEL_DEFAULT_SETTINGS.FONT_FAMILY),
+    createSelect('totals_font_size', 'Font size', SUBOPTIONS_FONT_SIZE_VALUES, '10'),
+    createSelect('totals_align_text', 'Alignment', [
         { label: 'Left', value: 'left' },
         { label: 'Center', value: 'center' },
         { label: 'Right', value: 'right' },
-    ], 'right'),
+    ], 'left'),
 ]);
 
 // ============================================================================
@@ -666,12 +669,17 @@ const withName = () => createSuboption('name', 'Name', [
  * Creates a negative number format suboption.
  * @returns {SuboptionDefinition}
  */
-const withNegativeNumberFormat = () => createSuboption('negative_number_format', 'Negative format', [
-    createRadio('format', 'Format', [
-        { label: '-1234', value: '' },
-        { label: '(1234)', value: 'brackets' },
-    ], ''),
-]);
+const withNegativeNumberFormat = () => ({
+    ...createSuboption('negative_numbers', 'Negative num', [
+        createRadio('value', 'Show like', [
+            { label: '-1234', value: 'minus' },
+            { label: '-1234[red]', value: 'red_minus' },
+            { label: '(1234)', value: 'absolute' },
+            { label: '(1234)[red]', value: 'red_absolute' },
+        ], 'minus'),
+    ]),
+    is_hidden: true,
+});
 
 /**
  * Creates a value suboption for KPI widgets.
@@ -806,10 +814,13 @@ const withTotalValueLabelDonut = () => createSuboption('total_value_label', 'Tot
  * @returns {SuboptionDefinition}
  */
 const withGaugeGoal = () => ({
-    ...createSuboption('goal', 'Gauge goal', [
+    category_class: DEFAULT_CATEGORY_CLASS,
+    category_label: 'Gauge goal',
+    category_type: 'goal',
+    elements: [
         createInput('title', 'Goal title', 'Goal'),
         createInput('value', 'Goal value', 1000000),
-    ]),
+    ],
     is_hidden: true,
 });
 
@@ -839,9 +850,9 @@ const withGaugeSegments = (config = {}) => ({
     category_type: 'segments',
     is_hidden: true,
     default_value: config.defaultSegments || [
-        { from: 0, to: 50, color: 'red', title: 'Title 1' },
-        { from: 51, to: 80, color: 'blue', title: 'Title 2' },
-        { from: 81, to: 100, color: 'green', title: 'Title 3' },
+        { from: 0, to: 50, color: '#BF1D30', title: 'Low' },
+        { from: 50, to: 90, color: '#FFA310', title: 'Medium' },
+        { from: 90, to: 100, color: '#037C5A', title: 'High' },
     ],
 });