@mtes-mct/monitor-ui 6.4.0 → 6.5.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [6.4.1](https://github.com/MTES-MCT/monitor-ui/compare/v6.4.0...v6.4.1) (2023-05-25)
+
+
+### Bug Fixes
+
+* **fields:** don't display list when no value ([7fa81b3](https://github.com/MTES-MCT/monitor-ui/commit/7fa81b367b23f993800addaa5d5667a73c4407d8))
+
+# [6.4.0](https://github.com/MTES-MCT/monitor-ui/compare/v6.3.3...v6.4.0) (2023-05-25)
+
+
+### Bug Fixes
+
+* **formiks:** delete setTouched in handleChange and delete touched condition for error ([17a9e24](https://github.com/MTES-MCT/monitor-ui/commit/17a9e249a74352f0696a9cc2146aa4e88422a542))
+
+
+### Features
+
+* **fields:** add customSearch prop to Search ([53e993a](https://github.com/MTES-MCT/monitor-ui/commit/53e993ac1cd8c218a3bddbd5cef0d36778589166))
+
 ## [6.3.3](https://github.com/MTES-MCT/monitor-ui/compare/v6.3.2...v6.3.3) (2023-05-25)
 
 

package/cypress/index.js

@@ -941,132 +941,137 @@ function waitFor(inMs) {
 /* eslint-disable cypress/no-assigning-return-values */
 const RETRIES = 5;
 function fill(label, value, leftRetries = RETRIES) {
-    // -------------------------------------------------------------------------
-    // If this is a `<label />` element
-    const labelElement = findElementBytext('label', label);
-    if (labelElement) {
+    try {
         // -------------------------------------------------------------------------
-        // If the label has a `for` attribute
-        if (!isEmpty$1(labelElement.htmlFor)) {
-            const htmlforElement = findElementBySelector(`[id="${labelElement.htmlFor}"]`);
-            if (!htmlforElement) {
-                throw new Error(`Could not find the element with [id="${labelElement.htmlFor}"] targetted by label "${label}" (via its \`for\` attribute).`);
-            }
-            const cypressHtmlforElement = cy.get(`[id="${labelElement.htmlFor}"]`);
-            cypressHtmlforElement.then((() => {
-                if (htmlforElement.classList.contains('rs-picker-toggle-textbox')) {
-                    const rsuitePickerElement = htmlforElement.parentElement &&
-                        htmlforElement.parentElement.parentElement &&
-                        htmlforElement.parentElement.parentElement.parentElement
-                        ? htmlforElement.parentElement.parentElement.parentElement.parentElement
-                        : undefined;
-                    if (!rsuitePickerElement) {
-                        throw new Error('This should never happen.');
+        // If this is a `<label />` element
+        const labelElement = findElementBytext('label', label);
+        if (labelElement) {
+            // -------------------------------------------------------------------------
+            // If the label has a `for` attribute
+            if (!isEmpty$1(labelElement.htmlFor)) {
+                const htmlforElement = findElementBySelector(`[id="${labelElement.htmlFor}"]`);
+                if (!htmlforElement) {
+                    throw new Error(`Could not find the element with [id="${labelElement.htmlFor}"] targetted by label "${label}" (via its \`for\` attribute).`);
+                }
+                const cypressHtmlforElement = cy.get(`[id="${labelElement.htmlFor}"]`);
+                cypressHtmlforElement.then((() => {
+                    if (htmlforElement.classList.contains('rs-picker-toggle-textbox')) {
+                        const rsuitePickerElement = htmlforElement.parentElement &&
+                            htmlforElement.parentElement.parentElement &&
+                            htmlforElement.parentElement.parentElement.parentElement
+                            ? htmlforElement.parentElement.parentElement.parentElement.parentElement
+                            : undefined;
+                        if (!rsuitePickerElement) {
+                            throw new Error('This should never happen.');
+                        }
+                        switch (true) {
+                            // Select
+                            case rsuitePickerElement.classList.contains('rs-picker-select'):
+                                pickSelectOption(cypressHtmlforElement, value !== undefined ? String(value) : value);
+                                break;
+                            // Multi Select
+                            case rsuitePickerElement.classList.contains('rs-picker-tag'):
+                                pickMultiSelectOptions(cypressHtmlforElement, Array.isArray(value) && value.length > 0 ? value : undefined);
+                                break;
+                            default:
+                                throw new Error(`\`cy.fill()\` can't handle Rsuite picker with class "${rsuitePickerElement.className}" elements.`);
+                        }
+                        return;
                     }
-                    switch (true) {
-                        // Select
-                        case rsuitePickerElement.classList.contains('rs-picker-select'):
-                            pickSelectOption(cypressHtmlforElement, value !== undefined ? String(value) : value);
+                    switch (htmlforElement.tagName) {
+                        // Text/Number Input
+                        case 'INPUT':
+                            fillTextInput(htmlforElement, value !== undefined ? String(value) : value);
                             break;
-                        // Multi Select
-                        case rsuitePickerElement.classList.contains('rs-picker-tag'):
-                            pickMultiSelectOptions(cypressHtmlforElement, Array.isArray(value) && value.length > 0 ? value : undefined);
+                        // Textarea
+                        case 'TEXTAREA':
+                            fillTextarea(htmlforElement, value !== undefined ? String(value) : value);
                             break;
                         default:
-                            throw new Error(`\`cy.fill()\` can't handle Rsuite picker with class "${rsuitePickerElement.className}" elements.`);
+                            throw new Error(`\`cy.fill()\` doesn't handle "${htmlforElement.tagName}" elements.`);
                     }
-                    return;
-                }
-                switch (htmlforElement.tagName) {
-                    // Text/Number Input
-                    case 'INPUT':
-                        fillTextInput(htmlforElement, value !== undefined ? String(value) : value);
-                        break;
-                    // Textarea
-                    case 'TEXTAREA':
-                        fillTextarea(htmlforElement, value !== undefined ? String(value) : value);
-                        break;
-                    default:
-                        throw new Error(`\`cy.fill()\` doesn't handle "${htmlforElement.tagName}" elements.`);
-                }
-            }));
-            return;
-        }
-        // -------------------------------------------------------------------------
-        // If the label doesn't have a `for` attribute
-        // Checkbox Input
-        const checkboxInputElement = labelElement.querySelector('input[type="checkbox"]');
-        if (checkboxInputElement) {
-            checkCheckbox(checkboxInputElement, Boolean(value));
-            return;
-        }
-        // Text Input
-        const textInputElement = labelElement.querySelector('input[type="text"]');
-        if (textInputElement) {
-            fillTextInput(textInputElement, String(value));
-            return;
-        }
-        // Textarea
-        const textareaElement = labelElement.querySelector('textarea');
-        if (textareaElement) {
-            fillTextarea(textareaElement, String(value));
-            return;
-        }
-        throw new Error(`Could find neither a checkbox, an input nor a textarea with the label "${label}".`);
-    }
-    // -------------------------------------------------------------------------
-    // If this is a `<legend />` element
-    const legendElement = findElementBytext('legend', label);
-    if (legendElement) {
-        const cypressLegendElement = cy.get('legend').contains(label);
-        cypressLegendElement.then(async () => {
-            await waitFor(500);
-            const fieldsetElement = legendElement.parentElement;
-            if (!fieldsetElement || fieldsetElement.tagName !== 'FIELDSET') {
-                throw new Error(`Could not find parent fieldset of legend element with text "${label}".`);
-            }
-            if (fieldsetElement.classList.contains('Field-DatePicker')) {
-                if ((!Array.isArray(value) || (value.length !== 3 && value.length !== 5) || typeof value[0] !== 'number') &&
-                    value !== undefined) {
-                    throw new Error('`value` should be of type `[number, number, number]`, `[number, number, number, number, number]` or `undefined`.');
-                }
-                fillDatePicker(fieldsetElement, value);
+                }));
                 return;
             }
-            if (fieldsetElement.classList.contains('Field-DateRangePicker')) {
-                if ((!Array.isArray(value) ||
-                    value.length !== 2 ||
-                    !Array.isArray(value[0]) ||
-                    (value[0].length !== 3 && value[0].length !== 5) ||
-                    (value[1].length !== 3 && value[1].length !== 5)) &&
-                    value !== undefined) {
-                    throw new Error('`value` should be of type `[[number, number, number], [number, number, number]]` or ``[[number, number, number, number, number], [number, number, number, number, number]]`` or `undefined`.');
-                }
-                fillDateRangePicker(fieldsetElement, value);
+            // -------------------------------------------------------------------------
+            // If the label doesn't have a `for` attribute
+            // Checkbox Input
+            const checkboxInputElement = labelElement.querySelector('input[type="checkbox"]');
+            if (checkboxInputElement) {
+                checkCheckbox(checkboxInputElement, Boolean(value));
                 return;
             }
-            const isMultiCheckbox = Boolean(fieldsetElement.querySelector('input[type="checkbox"]'));
-            const isMultiRadio = Boolean(fieldsetElement.querySelector('input[type="radio"]'));
-            if (isMultiCheckbox) {
-                checkMultiCheckboxOptions(fieldsetElement, Array.isArray(value) && value.length > 0 ? value : undefined);
+            // Text Input
+            const textInputElement = labelElement.querySelector('input[type="text"]');
+            if (textInputElement) {
+                fillTextInput(textInputElement, String(value));
                 return;
             }
-            if (isMultiRadio) {
-                checkMultiRadioOption(fieldsetElement, String(value));
+            // Textarea
+            const textareaElement = labelElement.querySelector('textarea');
+            if (textareaElement) {
+                fillTextarea(textareaElement, String(value));
                 return;
             }
-            throw new Error(`\`cy.fill()\` can't handle the field with legend "${label}".`);
-        });
-        return;
+            throw new Error(`Could find neither a checkbox, an input nor a textarea with the label "${label}".`);
+        }
+        // -------------------------------------------------------------------------
+        // If this is a `<legend />` element
+        const legendElement = findElementBytext('legend', label);
+        if (legendElement) {
+            const cypressLegendElement = cy.get('legend').contains(label);
+            cypressLegendElement.then(async () => {
+                await waitFor(500);
+                const fieldsetElement = legendElement.parentElement;
+                if (!fieldsetElement || fieldsetElement.tagName !== 'FIELDSET') {
+                    throw new Error(`Could not find parent fieldset of legend element with text "${label}".`);
+                }
+                if (fieldsetElement.classList.contains('Field-DatePicker')) {
+                    if ((!Array.isArray(value) || (value.length !== 3 && value.length !== 5) || typeof value[0] !== 'number') &&
+                        value !== undefined) {
+                        throw new Error('`value` should be of type `[number, number, number]`, `[number, number, number, number, number]` or `undefined`.');
+                    }
+                    fillDatePicker(fieldsetElement, value);
+                    return;
+                }
+                if (fieldsetElement.classList.contains('Field-DateRangePicker')) {
+                    if ((!Array.isArray(value) ||
+                        value.length !== 2 ||
+                        !Array.isArray(value[0]) ||
+                        (value[0].length !== 3 && value[0].length !== 5) ||
+                        (value[1].length !== 3 && value[1].length !== 5)) &&
+                        value !== undefined) {
+                        throw new Error('`value` should be of type `[[number, number, number], [number, number, number]]` or ``[[number, number, number, number, number], [number, number, number, number, number]]`` or `undefined`.');
+                    }
+                    fillDateRangePicker(fieldsetElement, value);
+                    return;
+                }
+                const isMultiCheckbox = Boolean(fieldsetElement.querySelector('input[type="checkbox"]'));
+                const isMultiRadio = Boolean(fieldsetElement.querySelector('input[type="radio"]'));
+                if (isMultiCheckbox) {
+                    checkMultiCheckboxOptions(fieldsetElement, Array.isArray(value) && value.length > 0 ? value : undefined);
+                    return;
+                }
+                if (isMultiRadio) {
+                    checkMultiRadioOption(fieldsetElement, String(value));
+                    return;
+                }
+                throw new Error(`\`cy.fill()\` can't handle the field with legend "${label}".`);
+            });
+            return;
+        }
+        throw new Error(`Could not find label or legend element with text "${label}".`);
     }
-    if (leftRetries > 0) {
-        cy.wait(250).then(() => {
-            cy.log(`Retrying (${RETRIES - leftRetries + 1} / ${RETRIES})...`);
-            fill(label, value, leftRetries - 1);
-        });
-        return;
+    catch (err) {
+        if (leftRetries > 0) {
+            cy.wait(250).then(() => {
+                cy.log(`Retrying (${RETRIES - leftRetries + 1} / ${RETRIES})...`);
+                fill(label, value, leftRetries - 1);
+            });
+            return;
+        }
+        throw new Error(`Could not find label or legend element with text "${label}" after ${RETRIES} attempts.`);
     }
-    throw new Error(`Could not find label or legend element with text "${label}".`);
 }
 
 function forceClick([subject]) {