@mtes-mct/monitor-ui 24.34.0 → 24.34.1

package/README.md

@@ -94,15 +94,15 @@ Please read the [contributing document](CONTRIBUTING.md) for setup and contribut
 [img-coverage]: https://img.shields.io/codecov/c/github/MTES-MCT/monitor-ui?flag=unit&style=for-the-badge
 [img-documentation]: https://img.shields.io/badge/StoryBook-Docs-007ec6?logo=storybook&style=for-the-badge
 [img-e2e-tests]:
-  https://img.shields.io/endpoint?url=https://cloud.cypress.io/badge/simple/qnpjm2/main&label=E2E&logo=cypress&style=for-the-badge
+  https://img.shields.io/endpoint?url=https://cloud.cypress.io/badge/simple/juvjsi/main&label=E2E&logo=cypress&style=for-the-badge
 [img-license]: https://img.shields.io/github/license/MTES-MCT/monitor-ui?style=for-the-badge
 [img-npm]: https://img.shields.io/npm/v/@mtes-mct/monitor-ui?style=for-the-badge
 [img-unit-tests]:
   https://img.shields.io/github/actions/workflow/status/MTES-MCT/monitor-ui/check.yml?branch=main&label=Unit&style=for-the-badge
 [lnk-coverage]: https://app.codecov.io/gh/MTES-MCT/monitor-ui
 [lnk-documentation]: https://mtes-mct.github.io/monitor-ui/?path=/docs/introduction--documentation
-[lnk-e2e-tests]: https://cloud.cypress.io/projects/qnpjm2/runs
-[lnk-e2e-tests]: https://cloud.cypress.io/projects/qnpjm2/runs
+[lnk-e2e-tests]: https://cloud.cypress.io/projects/juvjsi/runs
+[lnk-e2e-tests]: https://cloud.cypress.io/projects/juvjsi/runs
 [lnk-github-monitorenv]: https://github.com/MTES-MCT/monitorenv
 [lnk-github-monitorfish]: https://github.com/MTES-MCT/monitorfish
 [lnk-github-rapportnav]: https://github.com/MTES-MCT/rapportnav2

package/cypress/global.d.ts

@@ -0,0 +1,122 @@
+/// <reference types="cypress" />
+
+declare namespace Cypress {
+  interface Chainable {
+    /**
+     * Clicks on a button with the given text content / aria-label attribute / title attribute.
+     *
+     * @description
+     * `label` must match the exact button's text content / aria-label attribute / title attribute.
+     */
+    clickButton(
+      label: string,
+      options?: Partial<{
+        index: number
+        withinSelector: string
+        withoutScroll: boolean
+      }>
+    ): Chainable<JQuery<HTMLButtonElement>>
+
+    clickLink(linkText: string): Chainable<JQuery<HTMLAnchorElement>>
+
+    /**
+     * @description
+     * Useful to close modals.
+     */
+    clickOutside(xPosition?: number, yPosition?: number): void
+
+    /**
+     * @description
+     * You can set the `retries` option to a number greater than 5 (default) to retry the action in case of failure.
+     * You can also set the `force` option to `true` to force the action without waiting for the element to be visible.
+     *
+     * ⚠️ In order to ensure backward compatibility, the `force` option is set to `true` by default.
+     * This will be changed to `false` in the next major version.
+     *
+     * @example
+     * ```ts
+     *   cy.fill('My TextInput / Textarea', 'Hello World')
+     *   cy.fill('My NumberInput', 42)
+     *   cy.fill('My Checkbox', true) // or `false` to uncheck
+     *   cy.fill('My MultiRadio / Select', 'First Option')
+     *   cy.fill('My CheckPicker / MultiCheckbox / MultiSelect', ['First Option', 'Second Option'])
+     *   cy.fill('My DatePicker', [2020, 12, 31])
+     *   cy.fill('My DatePicker', [2020, 12, 31, 23, 59])
+     *   cy.fill('My DateRangePicker', [[2020, 12, 31], [2021, 1, 1]])
+     *   cy.fill('My DateRangePicker', [[2020, 12, 31, 23, 59], [2021, 1, 1, 23, 59]])
+     *
+     *   // Clear any field except the `<MultiRadio />` which can't be cleared
+     *   cy.fill('My Field', undefined)
+     * ```
+     */
+    fill(label: string, value: any, options?: Partial<FillOptions>): void
+
+    forceCheck(options?: Partial<CheckOptions>): Chainable<JQuery<HTMLElement>>
+    forceClear(options?: Partial<ClearOptions>): Chainable<JQuery<HTMLElement>>
+    forceClick(options?: Partial<ClickOptions>): Chainable<JQuery<HTMLElement>>
+    forceType(text: string, options?: Partial<TypeOption>): Chainable<JQuery<HTMLElement>>
+    forceUncheck(options?: Partial<CheckOptions>): Chainable<JQuery<HTMLElement>>
+
+    /**
+     * @example
+     * ```ts
+     *   cy.getDataCy('my-list').should('have.length', 42)
+     * ```
+     */
+    getDataCy(dataCy: string): Chainable<JQuery<HTMLElement>>
+
+    /**
+     * @description Only works with `<SimpleTable />` tables.
+     *
+     * @example
+     * ```ts
+     *   cy.getTableRowById(42)
+     *   cy.getDataCy('my-list').getTableRowByText(42).clickButton('Edit')
+     * ```
+     */
+    getTableRowById(id: number | string): Chainable<JQuery<HTMLElement>>
+
+    /**
+     * @description Only works with `<SimpleTable />` tables.
+     *
+     * @example
+     * ```ts
+     *   cy.getTableRowByText('First Row Name')
+     *   cy.getDataCy('my-list').getTableRowByText('First Row Name').clickButton('Edit')
+     * ```
+     */
+    getTableRowByText(text: string): Chainable<JQuery<HTMLElement>>
+
+    /**
+     * @description Assert the request payload when a form is auto-saving and the requests number is not determinist
+     *
+     * @example
+     * ```ts
+     *    cy.waitForLastRequest('@updateMissionAction',
+     *    {
+     *       body: {
+     *         property: 'VALUE',
+     *       }
+     *    }, 5, response => {
+     *      console.log('After response', response)
+     *    })
+     *    .its('response.statusCode')
+     *    .should('eq', 201)
+     *    })
+     * ```
+     */
+    waitForLastRequest(alias: string, partialRequest, maxRequests: number, level?, callback?: (response) => void)
+  }
+
+  type DateTuple = [number, number, number]
+  type DateWithTimeTuple = [number, number, number, number, number]
+
+  type DateRangeTuple = [DateTuple, DateTuple]
+  type DateWithTimeRangeTuple = [DateWithTimeTuple, DateWithTimeTuple]
+
+  interface FillOptions extends Forceable {
+    delay: number
+    index: number
+    retries: number
+  }
+}

package/cypress/index.js

@@ -0,0 +1,535 @@
+function h(t, n, {
+  fallbackSelector: i,
+  index: r = 0,
+  inElement: c
+} = {}) {
+  const o = n.trim();
+  if (c) {
+    let a, y = 0;
+    return Cypress.$(c).find(t).each(function() {
+      if (!a && Cypress.$(this).text().trim() === o) {
+        if (y < r) {
+          y += 1;
+          return;
+        }
+        a = this;
+      }
+    }), !a && i ? (cy.log(`⚠️ Using fallback selector: "${i}"`), Cypress.$(c).find(i)) : a;
+  }
+  let e, s = 0;
+  return Cypress.$(t).each(function() {
+    if (!e && Cypress.$(this).text().trim() === o) {
+      if (s < r) {
+        s += 1;
+        return;
+      }
+      e = this;
+    }
+  }), !e && i ? (console.warn(`Using fallback selector: "${i}".`), Cypress.$(i)) : e;
+}
+const b = 5;
+function O(t, n, {
+  index: i,
+  prevSubjectElement: r
+}) {
+  const c = h(`${n}button`, t, {
+    index: i,
+    inElement: r
+  });
+  if (c)
+    return c;
+  const o = r ? r.querySelectorAll(`${n}button[aria-label="${t}"]`)[i] : Cypress.$(`${n}button[aria-label="${t}"]`).get(i);
+  if (o)
+    return o;
+  const e = r ? r.querySelectorAll(`${n}button[title="${t}"]`)[i] : Cypress.$(`${n}button[title="${t}"]`).get(i);
+  if (e)
+    return e;
+  const s = h(`${n}[role="button"]`, t, {
+    index: i,
+    inElement: r
+  });
+  if (s)
+    return s;
+  const a = r ? r.querySelectorAll(`${n}[role="button"][aria-label="${t}"]`)[i] : Cypress.$(`${n}[role="button"][aria-label="${t}"]`).get(i);
+  if (a)
+    return a;
+  const y = r ? r.querySelectorAll(`${n}[role="button"][title="${t}"]`)[i] : Cypress.$(`${n}[role="button"][title="${t}"]`).get(i);
+  if (y)
+    return y;
+  const l = h(`${n}[role="menuitem"]`, t, {
+    index: i,
+    inElement: r
+  });
+  if (l)
+    return l;
+}
+function $(t, n, {
+  index: i = 0,
+  withinSelector: r,
+  withoutScroll: c = !1
+} = {}, o = b) {
+  const e = t ? t[0] : void 0;
+  if (t && !t[0])
+    throw new Error("`prevSubjectElements[0]` is undefined.");
+  const s = r ? `${r} ` : "", a = O(n, s, {
+    index: i,
+    prevSubjectElement: e
+  });
+  if (a)
+    return (c ? cy.wrap(a).forceClick() : cy.wrap(a).scrollIntoView().forceClick()).wait(250);
+  if (o > 0)
+    return cy.wait(250).then(() => (cy.log(`Retrying (${b - o + 1} / ${b})...`), $(t, n, { index: i, withinSelector: r, withoutScroll: c }, o - 1)));
+  throw new Error(`Unable to find button with label "${n}".`);
+}
+function R(t) {
+  return cy.get("a").contains(t).click();
+}
+function D(t = 0, n = 0) {
+  cy.log(`Click outside at position: ${t}, ${n}`), cy.get("body").click(t, n, { force: !0 });
+}
+function L(t, n, i, r) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "checkCheckbox"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), n ? cy.wrap(t).find('input[type="checkbox"]').check({ force: r }).wait(250) : cy.wrap(t).find('input[type="checkbox"]').uncheck({ force: r }).wait(250);
+}
+function P(t, n, i, r) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "checkMultiCheckboxOptions"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), cy.wrap(t).find('input[type="checkbox"]').uncheck({ force: r }).wait(250), n && (n.forEach((c) => {
+    cy.wrap(t).contains(".rs-checkbox-label", c).closest(".rs-checkbox").find('input[type="checkbox"]').check({ force: r });
+  }), cy.wait(250));
+}
+function q(t, n, i, r) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "checkMultiRadioOption"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }).find("label").contains(n).click({ force: r }).wait(250);
+}
+const _ = {
+  delay: 10,
+  force: !0,
+  index: 0,
+  retries: 5
+};
+function p(t) {
+  throw new Error(`[monitor-ui > Cypress] ${t}`);
+}
+function V(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "fillDatePicker"
+  });
+  const o = t.querySelectorAll("input");
+  o.length !== 4 && o.length !== 6 && p(`Expected to find 4 or 6 inputs within in DatePicker but found ${o.length}.`);
+  const e = o.length === 6;
+  if (!n)
+    cy.wrap(t).find('[aria-label="Jour"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Mois"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Année"]').clear({ force: r }), e && (cy.wrap(t).find('[aria-label="Heure"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Minute"]').clear({ force: r }));
+  else {
+    const [s, a, y] = n;
+    if (cy.wrap(t).find('[aria-label="Jour"]').type(String(y).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Mois"]').type(String(a).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Année"]').type(String(s), { delay: c, force: r }), e) {
+      const [l, k] = n.slice(3);
+      cy.wrap(t).find('[aria-label="Heure"]').type(String(l).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Minute"]').type(String(k).padStart(2, "0"), { delay: c, force: r });
+    }
+  }
+  cy.wait(250), cy.get("body").type("{esc}", { delay: c, force: r }), cy.wait(250);
+}
+function U(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "fillDateRangePicker"
+  });
+  const o = t.querySelectorAll("input");
+  o.length !== 7 && o.length !== 11 && p(`Expected to find 7 or 11 inputs within in DatePicker but found ${o.length}.`);
+  const e = o.length !== 7;
+  if (!n)
+    cy.wrap(t).find('[aria-label="Jour de début"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Mois de début"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Année de début"]').clear({ force: r }), e && (cy.wrap(t).find('[aria-label="Heure de début"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Minute de début"]').clear({ force: r })), cy.wrap(t).find('[aria-label="Jour de fin"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Mois de fin"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Année de fin"]').clear({ force: r }), e && (cy.wrap(t).find('[aria-label="Heure de fin"]').clear({ force: r }), cy.wrap(t).find('[aria-label="Minute de fin"]').clear({ force: r }));
+  else {
+    const [s, a] = n, [y, l, k, A, I] = s, [T, x, M, F, B] = a;
+    cy.wrap(t).find('[aria-label="Jour de début"]').type(String(k).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Mois de début"]').type(String(l).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Année de début"]').type(String(y), { force: r }), e && (cy.wrap(t).find('[aria-label="Heure de début"]').type(String(A).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Minute de début"]').type(String(I).padStart(2, "0"), { force: r })), cy.wrap(t).find('[aria-label="Jour de fin"]').type(String(M).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Mois de fin"]').type(String(x).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Année de fin"]').type(String(T), { force: r }), e && (cy.wrap(t).find('[aria-label="Heure de fin"]').type(String(F).padStart(2, "0"), { delay: c, force: r }), cy.wrap(t).find('[aria-label="Minute de fin"]').type(String(B).padStart(2, "0"), { delay: c, force: r }));
+  }
+  cy.wait(250), cy.get("body").type("{esc}", { delay: c, force: r }), cy.wait(250);
+}
+function N(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "fillNumberInput"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), cy.wrap(t).find('input[type="number"]').clear({ force: r }).wait(250), n && cy.wrap(t).find('input[type="number"]').type(String(n), { delay: c, force: r }).wait(250);
+}
+function H(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "fillTextarea"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), cy.wrap(t).find("textarea").clear({ force: r }).wait(250), n && cy.wrap(t).find("textarea").type(n, { delay: c, force: r }).wait(250);
+}
+function g(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "fillTextInput"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), cy.wrap(t).find("input").clear({ force: r }).wait(250), n && cy.wrap(t).find("input").type(n, { delay: c, force: r }).wait(250);
+}
+function C(t, n, i, r, c, o = "option") {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "pickCheckPickerOptions"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), t.querySelector(".rs-stack > .rs-stack-item > .rs-picker-clean") && cy.wrap(t).find(".rs-stack > .rs-stack-item > .rs-picker-clean").click({ force: r }).wait(250), n && (cy.wrap(t).find(".rs-picker-toggle").click({ force: r }), cy.wrap(t).find(".rs-picker-popup").then(([s]) => {
+    s || p(`Could not find '.rs-picker-popup' in in field with label "${i}". Did the picker open?`);
+    const a = s.querySelector('input[role="searchbox"]');
+    n.forEach((y) => {
+      a && cy.wrap(s).find('input[role="searchbox"]').clear().type(y, { delay: c, force: r }).wait(250), cy.wrap(s).find(`[role="${o}"]`).contains(y).first().scrollIntoView().click({ force: r });
+    }), cy.get("body").type("{esc}", { delay: c, force: r }), cy.wait(250);
+  }));
+}
+function J(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "pickMultiCascaderOptions"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), t.querySelector(".rs-stack > .rs-stack-item > .rs-picker-clean") && cy.wrap(t).find(".rs-stack > .rs-stack-item > .rs-picker-clean").click({ force: r }).wait(250), n && (cy.wrap(t).find(".rs-picker-toggle").click({ force: r }), cy.wrap(t).find(".rs-picker-popup").then(([e]) => {
+    e || p(`Could not find '.rs-picker-popup' in in field with label "${i}". Did the picker open?`), e.querySelector('input[role="searchbox"]') || p(
+      p(
+        `\`cy.fill()\` can't handle the MultiCascader with \`<label>\` "${i}" because it's not \`searchable\`.`
+      )
+    ), n.forEach((a) => {
+      cy.wrap(e).find('input[role="searchbox"]').clear().type(a, { delay: c, force: r }).wait(250), cy.wrap(e).find('[role="treeitem"]').contains(a).first().scrollIntoView().click({ force: r });
+    }), cy.get("body").type("{esc}", { delay: c, force: r }), cy.wait(250);
+  }));
+}
+function W(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "pickMultiSelectOptions"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), t.querySelector(".rs-stack > .rs-stack-item > .rs-picker-clean") && cy.wrap(t).find(".rs-stack > .rs-stack-item > .rs-picker-clean").click({ force: r }).wait(250), n && (cy.wrap(t).find(".rs-picker-toggle").click({ force: r }), cy.wrap(t).get(".rs-picker-popup").then(([e]) => {
+    e || p(`Could not find '.rs-picker-popup' in in field with label "${i}". Did the picker open?`), n.forEach((s) => {
+      t.querySelector(".rs-picker-search-input > input") && cy.wrap(t).find(".rs-picker-search-input > input").type(s, { delay: c, force: r }).wait(250), cy.wrap(e).find('[role="option"]').contains(s).first().scrollIntoView().click({ force: r });
+    }), cy.get("body").type("{esc}", { delay: c, force: r }), cy.wait(250);
+  }));
+}
+function X(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "pickSearchOption"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), t.querySelector(".Field-Search__ClearButton") && cy.wrap(t).find(".Field-Search__ClearButton").click({ force: r }).wait(250), n && (cy.wrap(t).find('input[role="combobox"]').type(n, { delay: c, force: r }), cy.wrap(t).get(".rs-picker-popup").then(([e]) => {
+    cy.wrap(e).find('[role="option"]').first().scrollIntoView().click({ force: r }).wait(250);
+  }));
+}
+function Y(t, n, i, r, c) {
+  Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "pickSelectOption"
+  }), cy.wrap(t).scrollIntoView({ offset: { left: 0, top: -100 } }), t.querySelector(".rs-stack > .rs-stack-item > .rs-picker-clean") && cy.wrap(t).find(".rs-stack > .rs-stack-item > .rs-picker-clean").click({ force: r }).wait(250), n && (cy.wrap(t).find(".rs-stack > .rs-stack-item > .rs-picker-caret-icon").click({ force: r }).wait(250), cy.wrap(t).get(".rs-picker-popup").then(([e]) => {
+    e || p(`Could not find '.rs-picker-popup' in in field with label "${i}". Did the picker open?`), e.querySelector('input[role="searchbox"]') && cy.wrap(e).find('input[role="searchbox"]').type(n, { delay: c, force: r }).wait(250), cy.wrap(e).find('[role="option"]').contains(n).scrollIntoView().click({ force: r }).wait(250);
+  }));
+}
+const d = (t, n) => p(
+  `\`value\` should be of type \`${t}\` in \`cy.fill(label, value)\` when used on a <${n} />.`
+);
+function z(t, n) {
+  t === void 0 || typeof t == "boolean" || d("boolean | undefined", n);
+}
+function j(t, n) {
+  t !== void 0 && (Array.isArray(t) && (t.length === 3 || t.length === 5) && t.every((i) => typeof i == "number") || d("DateTuple | DateWithTimeTuple | undefined", n));
+}
+function G(t, n) {
+  t !== void 0 && (Array.isArray(t) && t.length === 2 && (Array.isArray(t[0]) && t[0].length === 3 && t[1].length === 3 || Array.isArray(t[0]) && t[0].length === 5 && t[1].length === 5) && t.every(
+    (i) => Array.isArray(i) && i.every((r) => typeof r == "number")
+  ) || d("DateRangeTuple | DateWithTimeRangeTuple | undefined", n));
+}
+function K(t, n) {
+  t === void 0 || typeof t == "number" || d("number | undefined", n);
+}
+function Q(t, n) {
+  typeof t != "string" && d("string", n);
+}
+function u(t, n) {
+  t === void 0 || typeof t == "string" || d("string | undefined", n);
+}
+function f(t, n) {
+  t !== void 0 && (Array.isArray(t) && t.every((i) => typeof i == "string") || d("string[] | undefined", n));
+}
+const Z = 100;
+function S(t, n, i = 0) {
+  let r = t, c = 0, o = -1;
+  for (; o < Z; ) {
+    if (o += 1, r = r.parentElement, !r)
+      return;
+    if (r.matches(n)) {
+      if (c === i)
+        return r;
+      c += 1;
+    }
+  }
+}
+let w;
+function m(t, n, i = {}) {
+  const r = { ..._, ...i };
+  w || (w = r.retries), Cypress.log({
+    consoleProps: () => ({
+      "Left Retries": r.retries
+    }),
+    message: `Filling field with label/legend "${t}" with value "${JSON.stringify(n)}".`,
+    name: "fill"
+  });
+  try {
+    const c = h("label", t, { index: r.index });
+    if (c) {
+      const e = S(c, ".Element-Field");
+      switch (e || p(
+        `Could not find '.Element-Field' in field with label "${t}" at index "${r.index}".`
+      ), !0) {
+        // ---------------------------------------------------------------------
+        // Checkbox
+        case e.classList.contains("Field-Checkbox"):
+          z(n, "Checkbox"), L(e, n, t, r.force);
+          return;
+        // ---------------------------------------------------------------------
+        // CheckPicker
+        case e.classList.contains("Field-CheckPicker"):
+          f(n, "CheckPicker"), C(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // CheckTreePicker
+        case e.classList.contains("Field-CheckTreePicker"):
+          f(n, "CheckTreePicker"), C(
+            e,
+            n,
+            t,
+            r.force,
+            r.delay,
+            "treeitem"
+          );
+          return;
+        // ---------------------------------------------------------------------
+        // MultiCascader
+        case e.classList.contains("Field-MultiCascader"):
+          f(n, "MultiCascader"), J(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // MultiSelect
+        case e.classList.contains("Field-MultiSelect"):
+          f(n, "MultiSelect"), W(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // Search
+        case e.classList.contains("Field-Search"):
+          u(n, "Search"), X(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // Select
+        case e.classList.contains("Field-Select"):
+          u(n, "Select"), Y(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // NumberInput
+        case e.classList.contains("Field-NumberInput"):
+          K(n, "TextInput"), N(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // Textarea
+        case e.classList.contains("Field-Textarea"):
+          u(n, "Textarea"), H(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        //  TextInput
+        case e.classList.contains("Field-TextInput"):
+          u(n, "TextInput"), g(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        //  PhoneInput
+        case e.classList.contains("Field-PhoneInput"):
+          u(n, "PhoneInput"), g(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        //  LinkInput
+        case e.classList.contains("Field-LinkInput"):
+          u(n, "LinkInput"), g(e, n, t, r.force, r.delay);
+          return;
+        default:
+          p(`\`cy.fill()\` can't handle field with \`<label>\` "${t}".`);
+      }
+    }
+    const o = h("legend", t, { index: r.index });
+    if (o) {
+      const e = S(o, ".Element-Fieldset");
+      switch (e || p(
+        `Could not find '.Element-Fieldset' in field with \`<legend />\` "${t}" at index "${r.index}".`
+      ), !0) {
+        // ---------------------------------------------------------------------
+        // DatePicker
+        case e.classList.contains("Field-DatePicker"):
+          j(n, "DatePicker"), V(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // DateRangePicker
+        case e.classList.contains("Field-DateRangePicker"):
+          G(n, "DateRangePicker"), U(e, n, t, r.force, r.delay);
+          return;
+        // ---------------------------------------------------------------------
+        // MultiCheckbox
+        case e.classList.contains("Field-MultiCheckbox"):
+          f(n, "MultiCheckbox"), P(e, n, t, r.force);
+          return;
+        // ---------------------------------------------------------------------
+        // MultiRadio
+        case e.classList.contains("Field-MultiRadio"):
+          Q(n, "MultiRadio"), q(e, n, t, r.force);
+          return;
+        default:
+          p(`\`cy.fill()\` can't handle the input element in field with \`<legend>\` "${t}".`);
+      }
+    }
+    p(`Could not find a field labelled by a \`<label />\` or \`<legend />\` "${t}".`);
+  } catch (c) {
+    if (r.retries > 0) {
+      cy.wait(250).then(() => {
+        cy.log(
+          `[monitor-ui > Cypress] Retrying (${w - r.retries + 1} / ${w})...`
+        ), m(t, n, {
+          ...r,
+          retries: r.retries - 1
+        });
+      });
+      return;
+    }
+    const o = c instanceof Error ? c : new Error(String(c));
+    Cypress.log({
+      consoleProps: () => ({
+        err: c,
+        label: t,
+        value: n
+      }),
+      displayName: "ERROR",
+      message: String(o.message),
+      name: "fill"
+    }).error(o), p(
+      [
+        `Could not find or fill field with label or legend "${t}" at index "${r.index}" after ${w} attempts.`,
+        `This error was thrown: “${o.message}”`,
+        'Please check the Cypress "- ERROR" log above for more details.'
+      ].join(`
+`)
+    );
+  }
+}
+function E(t, n = {}) {
+  if (Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "forceCheck"
+  }), !t)
+    throw new Error("Could not find subject.");
+  return cy.wrap(t).check({ ...n, force: !0 });
+}
+function v(t, n = {}) {
+  if (Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "forceClear"
+  }), !t)
+    throw new Error("Could not find subject.");
+  return cy.wrap(t).clear({ ...n, force: !0 });
+}
+function tt(t, n = {}) {
+  if (Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "forceClick"
+  }), !t)
+    throw new Error("Could not find subject.");
+  return cy.wrap(t).click({ ...n, force: !0 });
+}
+function rt(t, n, i = {}) {
+  if (Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "forceType"
+  }), !t)
+    throw new Error("Could not find subject.");
+  return cy.wrap(t).type(n, { ...i, force: !0 });
+}
+function nt(t, n = {}) {
+  if (Cypress.log({
+    consoleProps: () => ({
+      "Applied to": t,
+      Elements: 1
+    }),
+    name: "forceUncheck"
+  }), !t)
+    throw new Error("Could not find subject.");
+  return cy.wrap(t).uncheck({ ...n, force: !0 });
+}
+function et(t) {
+  return cy.get(`[data-cy="${t}"]`);
+}
+function it(t, n) {
+  const i = t ? t[0] : void 0;
+  if (t && !t[0])
+    throw new Error("`prevSubjectElements[0]` is undefined.");
+  return (i ? cy.wrap(i) : cy.get("body")).first().find(`.Table-SimpleTable tr[data-id="${n}"]`);
+}
+function ct(t, n) {
+  const i = t ? t[0] : void 0;
+  if (t && !t[0])
+    throw new Error("`prevSubjectElements[0]` is undefined.");
+  return (i ? cy.wrap(i) : cy.get("body")).first().contains(".Table-SimpleTable tr", n);
+}
+function ot(t, n, i, r = 0, c = () => {
+}) {
+  if (r === i)
+    throw new Error(`${i} requests exceeded`);
+  return cy.wait(t).then((o) => Cypress._.isMatch(o.request, n) ? c(o.response) : (cy.log("Intercepted request", JSON.stringify(o.request)), cy.waitForLastRequest(t, n, i, r + 1, c)));
+}
+const at = () => {
+  typeof Cypress > "u" || (Cypress.Commands.add("clickButton", { prevSubject: "optional" }, $), Cypress.Commands.add("clickLink", R), Cypress.Commands.add("waitForLastRequest", ot), Cypress.Commands.add("clickOutside", D), Cypress.Commands.add("fill", m), Cypress.Commands.add("forceCheck", { prevSubject: !0 }, E), Cypress.Commands.add("forceClear", { prevSubject: !0 }, v), Cypress.Commands.add("forceClick", { prevSubject: !0 }, tt), Cypress.Commands.add("forceType", { prevSubject: !0 }, rt), Cypress.Commands.add("forceUncheck", { prevSubject: !0 }, nt), Cypress.Commands.add("getDataCy", et), Cypress.Commands.add("getTableRowById", { prevSubject: "optional" }, it), Cypress.Commands.add("getTableRowByText", { prevSubject: "optional" }, ct));
+};
+export {
+  at as registerMonitorUiCustomCommands
+};
+//# sourceMappingURL=index.js.map