@eturnity/eturnity_reusable_components 9.19.10 → 9.19.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.19.10",
+  "version": "9.19.12",
   "files": [
     "dist",
     "src"

package/src/components/filter/filterSettings.vue

@@ -155,6 +155,7 @@
                   <DropdownCheckboxContainer
                     v-for="(filterOption, optionIdx) in filter.choices"
                     :key="optionIdx + 'optionIdx'"
+                    :data-value="selectOptionDomDataValue(filterOption.choice)"
                     @click.stop
                   >
                     <Checkbox
@@ -773,6 +774,13 @@
       isDateSelector(type) {
         return type === 'datetime' || type === 'date_range'
       },
+      /** Align with RC Select Option `domDataValue` so dropdown search can find rows via `[data-value]`. */
+      selectOptionDomDataValue(choice) {
+        if (choice === null || choice === undefined) {
+          return '__rc_select_null__'
+        }
+        return String(choice)
+      },
     },
   }
 </script>

package/src/components/infoText/index.vue

@@ -199,6 +199,7 @@
   const LabelWrapper = styled('div', LabelWrapperAttrs)`
     font-size: ${(props) => props.size};
     color: ${(props) => props.color};
+    white-space: pre-line;
   `
 
   export default {
@@ -364,6 +365,7 @@
           ? theme.colors.black
           : theme.colors.white,
         textAlign: props.image ? 'right' : 'left',
+        whiteSpace: 'pre-line',
       }))
 
       const calculatePosition = (width) => {