Advanced formulas: Add formula type and category (baserow#4133)

* Add formula type and category

* Rename 'formula' to 'function' to be more accurate

* Add getOperatorSymbol() method

Author: paljort

web-frontend/locales/en.json

@@ -670,6 +670,12 @@
     "randomIntDescription": "Returns a random integer from the range specified by the arguments.",
     "randomFloatDescription": "Returns a random float from the range specified by the arguments.",
     "randomBoolDescription": "Returns a random boolean of true or false.",
-    "generateUUIDDescription": "Returns a random UUID4 string."
+    "generateUUIDDescription": "Returns a random UUID4 string.",
+    "formulaTypeFormula": "Formula",
+    "formulaTypeOperator": "Operator",
+    "categoryText": "Text",
+    "categoryNumber": "Number",
+    "categoryBoolean": "Boolean",
+    "categoryDate": "Date"
   }
 }

web-frontend/modules/core/assets/icons/file.svg

@@ -77,15 +77,15 @@ $baserow-icon-prefix: 'baserow-icon-';
 $baserow-icons: 'circle-empty', 'circle-checked', 'check-square', 'formula',
   'hashtag', 'more-horizontal', 'more-vertical', 'reddit', 'single-select',
   'twitter', 'lock-open', 'flag', 'heart', 'star', 'thumbs-up', 'history',
-  'facebook', 'linkedin', 'gitlab', 'file-csv', 'file-pdf', 'file-image',
+  'facebook', 'linkedin', 'gitlab', 'file', 'file-csv', 'file-pdf', 'file-image',
   'file-audio', 'file-video', 'file-code', 'tablet', 'form', 'file-excel',
   'kanban', 'file-word', 'file-archive', 'gallery', 'file-powerpoint',
   'calendar', 'smile', 'smartphone', 'plus', 'heading-1', 'heading-2',
   'heading-3', 'paragraph', 'ordered-list', 'enlarge', 'share', 'settings',
-  'up-down-arrows', 'application', 'groups', 'timeline', 'dashboard', 'jira',
-  'postgresql', 'hubspot', 'separator', 'spacer', 'automation', 'sidebar',
-  'enlarge-row', 'bar-chart', 'line-chart', 'pie-chart', 'donut-chart',
-  'dependency';
+  'up-down-arrows', 'application', 'groups', 'text', 'timeline', 'dashboard',
+  'jira', 'postgresql', 'hubspot', 'separator', 'spacer', 'automation',
+  'sidebar', 'enlarge-row', 'bar-chart', 'line-chart', 'pie-chart',
+  'donut-chart', 'dependency';
 
 $grid-view-row-height-small: 33px;
 $grid-view-row-height-medium: 55px;

web-frontend/modules/core/assets/icons/text.svg

@@ -49,3 +49,31 @@ export const RATING_STYLES = {
   FLAG: 'flag',
   SMILE: 'smile',
 }
+
+export const FORMULA_TYPE = {
+  FUNCTION: 'function',
+  OPERATOR: 'operator',
+}
+
+export const FORMULA_CATEGORY = {
+  TEXT: {
+    category: 'categoryText',
+    iconClass: 'baserow-icon-text',
+  },
+  NUMBER: {
+    category: 'categoryNumber',
+    iconClass: 'baserow-icon-hashtag',
+  },
+  BOOLEAN: {
+    category: 'categoryBoolean',
+    iconClass: 'baserow-icon-circle-checked',
+  },
+  DATE: {
+    category: 'categoryDate',
+    iconClass: 'iconoir-calendar',
+  },
+  FILE: {
+    category: 'categoryFile',
+    iconClass: 'baserow-icon-file',
+  },
+}