Merge branch 'UX-selects-tags'

Author: RafaelGB

src/components/styles/TagsStyles.ts

@@ -9,13 +9,17 @@ const CustomTagsStyles: StylesConfig<any, true, GroupBase<any>> = {
         position: "static",
         boxSizing: "border-box",
     }),
-    menuPortal: (styles) => ({ ...styles, zIndex: 9999 }),
-    control: (styles) => ({ ...styles, border: "none", boxShadow: "none" }),
+    menuPortal: (styles) => ({
+        ...styles,
+        zIndex: 9999
+    }),
+    control: (styles) => ({ ...styles, border: "none", boxShadow: "none", minWidth: "100%", }),
     option: (styles, { data, isFocused }) => ({
         ...styles,
         backgroundColor: isFocused ? StyleVariables.TEXT_ACCENT_HOVER : data.color,
         color: "rgb(66, 66, 66)",
         padding: 0,
+        width: "100%",
         textAlign: "center",
         ":hover": {
             backgroundColor: StyleVariables.TEXT_ACCENT_HOVER,

src/helpers/Constants.ts

@@ -300,6 +300,7 @@ export const OperatorFilter = Object.freeze({
   GREATER_THAN_OR_EQUAL: ['GREATER_THAN_OR_EQUAL', '>='],
   LESS_THAN_OR_EQUAL: ['LESS_THAN_OR_EQUAL', '<='],
   CONTAINS: ['CONTAINS', 'operator_contains'],
+  NOT_CONTAINS: ['NOT_CONTAINS', 'operator_does_not_contain'],
   STARTS_WITH: ['STARTS_WITH', 'operator_starts_with'],
   ENDS_WITH: ['ENDS_WITH', 'operator_ends_with'],
   IS_EMPTY: ['IS_EMPTY', 'operator_is_empty'],

src/helpers/TableFiltersHelper.ts

@@ -70,6 +70,9 @@ function validateFilter(p: Record<string, Literal>, filter: FilterGroup, ddbbCon
         case OperatorFilter.CONTAINS[1]:
             if (!filterableValue.toString().includes(value)) return false;
             break;
+        case OperatorFilter.NOT_CONTAINS[1]:
+            if (filterableValue.toString().includes(value)) return false;
+            break;
         case OperatorFilter.STARTS_WITH[1]:
             if (!filterableValue.toString().startsWith(value)) return false;
             break;

src/lang/locale/en.ts

@@ -8,6 +8,7 @@ export default {
   'menu_pane_open_as_md_action': 'Open as Markdown',
   /** OPERATOR FILTERS */
   'operator_contains': 'Contains',
+  'operator_does_not_contain': 'Does not contain',
   'operator_starts_with': 'Starts with',
   'operator_ends_with': 'Ends with',
   'operator_is_empty': 'Is empty',

src/lang/locale/es.ts

@@ -8,6 +8,7 @@ export default {
     'menu_pane_open_as_md_action': 'Abrir como Markdown',
     /** OPERATOR FILTERS */
     'operator_contains': 'Contiene',
+    'operator_does_not_contain': 'No contiene',
     'operator_starts_with': 'Comienza con',
     'operator_ends_with': 'Termina con',
     'operator_is_empty': 'Está vacío',