@mtes-mct/monitor-ui 11.9.1 → 12.0.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [11.9.1](https://github.com/MTES-MCT/monitor-ui/compare/v11.9.0...v11.9.1) (2024-02-23)
+
+
+### Bug Fixes
+
+* **utils:** export humanizePastDate function ([2dafd68](https://github.com/MTES-MCT/monitor-ui/commit/2dafd6883131865c97a4692bd2d93f2c521cf4e0))
+
 ## [11.9.0](https://github.com/MTES-MCT/monitor-ui/compare/v11.8.0...v11.9.0) (2024-02-23)
 
 

package/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../src/GlobalStyle.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,WAAW,gGAmEvB,CAAA"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../src/GlobalStyle.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,WAAW,gGAqEvB,CAAA"}

package/assets/stylesheets/rsuite-override.css

@@ -70,250 +70,9 @@
   /* toggle */
   --rs-toggle-checked-bg: var(--charcoal);
   --rs-toggle-checked-hover-bg: var(--gunMetal);
-}
-
-label {
-  color: var(--slateGray);
-  font-size: 13px;
-  line-height: 18px;
-}
-
-.rs-picker-toggle-active,
-.rs-picker.rs-picker-focused {
-  box-shadow: none;
-  border: 1px solid var(--blue-gray) !important;
-  border-radius: 0;
-}
-
-/* button */
-.rs-ripple-pond {
-  height: 30px;
-}
-
-.rs-btn {
-  line-height: 18px;
-  padding-top: 6px;
-  padding-bottom: 6px;
-  border-radius: 0;
-}
-
-.rs-btn-sm {
-  padding-top: 3px;
-  padding-bottom: 3px;
-  font-size: 15px;
-}
-
-.rs-btn-md {
-  height: 30px;
-}
-
-.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left,
-.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
-  padding-left: 32px;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left {
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
-
-.rs-btn-ghost:hover {
-  background-color: transparent;
-}
-
-.rs-btn-ghost.rs-btn-active,
-.rs-btn-ghost:active {
-  background-color: var(--blue-gray-25);
-  border-color: var(--blue-gray);
-}
-
-.rs-btn-ghost.rs-btn-icon-with-text:hover > .rs-icon {
-  background-color: transparent;
-}
-
-.rs-btn-icon-with-text:focus > .rs-icon,
-.rs-btn-icon-with-text:hover > .rs-icon {
-  background-color: transparent;
-}
-
-.rs-btn-ghost.rs-btn,
-.rs-btn-ghost.rs-btn-md,
-.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left.rs-btn-ghost,
-.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left.rs-btn-ghost {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.rs-btn-ghost.rs-btn-sm,
-.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left.rs-btn-ghost {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-.rs-btn-icon.rs-btn,
-.rs-btn-icon.rs-btn-md {
-  padding: 5px;
-}
-
-.rs-btn-subtle.rs-btn-icon.rs-btn-md {
-  padding: 0;
-}
-
-.rs-btn-icon.rs-btn-sm {
-  padding: 0px;
-}
-
-.rs-btn-icon.rs-btn-lg {
-  padding: 7px;
-  height: 40px;
-}
-
-.rs-btn-icon.rs-btn-ghost {
-  padding: 4px;
-}
-
-.rs-btn-icon.rs-btn-lg.rs-btn-ghost {
-  padding: 6px;
-}
-
-.rs-btn-icon-with-text.rs-btn-sm {
-  padding-top: 5px;
-  padding-bottom: 4px;
-  line-height: 15px;
-  font-size: 11px;
-}
-
-.rs-btn-icon.rs-btn > .rs-icon,
-.rs-btn-icon.rs-btn-md > .rs-icon {
-  width: 20px;
-  height: 20px;
-}
-
-.rs-btn-icon.rs-btn-lg > .rs-icon {
-  width: 26px;
-  height: 26px;
-}
-
-.rs-btn-icon.rs-btn-sm > .rs-icon {
-  width: 14px;
-  height: 14px;
-  font-size: 14px;
-}
-
-.rs-btn-icon-with-text.rs-btn {
-  line-height: 18px;
-}
-
-.rs-btn-icon-with-text.rs-btn > .rs-icon {
-  width: 30px;
-  height: 30px;
-  padding: 5px;
-}
-
-.rs-btn-icon-with-text.rs-btn-sm > .rs-icon {
-  width: 24px;
-  height: 24px;
-  padding: 4px;
-}
-
-.rs-btn-link,
-.rs-btn-link.rs-btn-md {
-  font-size: 13px;
-  text-decoration: underline;
-}
-
-.rs-btn-link.rs-btn-disabled,
-.rs-btn-link:disabled {
-  text-decoration: underline;
-}
 
-.rs-btn-link.rs-btn-sm {
-  font-size: 11px;
-}
-
-/* checkbox */
-.rs-checkbox-wrapper {
-  top: 8px !important;
-}
-
-.rs-checkbox-checker {
-  padding-bottom: 0;
-  padding-left: 36px;
-}
-
-.rs-checkbox label {
-  font-weight: 500;
-}
-
-.rs-checkbox-checker > label {
-  font-size: 13px;
-  color: var(--gunMetal);
-}
-
-.rs-checkbox-wrapper .rs-checkbox-inner::before {
-  border: 2px solid var(--lightGray);
-  background: var(--gainsboro) 0% 0% no-repeat padding-box;
-  border-radius: 0px;
-}
-
-.rs-checkbox-wrapper .rs-checkbox-inner::after {
-  border-color: var(--lightGray);
-  border-width: 0 0 2px;
-  -webkit-transform: rotate(0deg) scale(1);
-  transform: rotate(0deg) scale(1);
-  margin-top: -1px;
-}
-
-.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
-  background-color: var(--charcoal);
-  border-color: var(--charcoal);
-}
-
-.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::after {
-  border-color: var(--white);
-  border-width: 0 0 2px;
-  -webkit-transform: rotate(0deg) scale(1);
-  transform: rotate(0deg) scale(1);
-  margin-top: 0px;
-}
-
-.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate)
-  .rs-checkbox-wrapper
-  .rs-checkbox-inner:before {
-  border-color: var(--lightGray);
-}
-
-.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before {
-  border-color: var(--charcoal);
-  background-color: var(--charcoal);
-}
-
-label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
-  border-color: var(--blue-yonder);
-  background: var(--blue-yonder-25) 0% 0% no-repeat padding-box;
-}
-
-.rs-checkbox-checked label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
-  border-color: var(--blue-yonder);
-  background: var(--blue-yonder) 0% 0% no-repeat padding-box;
-}
-
-.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::after {
-  border: solid var(--white);
-  border-width: 0 2px 2px 0;
-}
-
-.checkbox-hidden > div > label > .rs-checkbox-wrapper {
-  opacity: 0 !important;
-  margin-left: -40px;
-  position: inherit;
-}
-
-/* form */
-.rs-form:not(.rs-form-inline) .rs-form-group:not(:last-child) {
-  margin-bottom: 32px;
+  /* Inputs outlines */
+  --rs-state-focus-outline: 0 !important;
 }
 
 /* Tags */
@@ -334,24 +93,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   padding-bottom: 3px;
 }
 
-/* TagPicker */
-.rs-picker-tag .rs-tag {
-  max-width: calc(100% - 30px) !important;
-  background-color: var(--white);
-}
-
-.rs-tag-md .rs-tag-icon-close {
-  padding: 6px 6px;
-}
-
-.rs-tag-icon-close.rs-btn-close {
-  border-left: 1px solid var(--lightGray);
-}
-
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
-  margin-top: 3px;
-}
-
 /* */
 .rs-modal-lg {
   width: 1300px;
@@ -415,54 +156,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   z-index: 99;
 }
 
-.rs-picker-menu {
-  border-radius: 0;
-  z-index: 9999 !important;
-}
-
-.rs-picker-default:not(.rs-picker-disabled) .rs-btn:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-btn.active,
-.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle.active {
-  border-color: var(--slateGray) !important;
-}
-
-.rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner,
-.rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover {
-  background-color: var(--slateGray);
-}
-
-.rs-table-column-resize-spanner::before {
-  border-color: transparent var(--slateGray) transparent transparent;
-}
-
-.rs-picker-toolbar-right-btn-ok {
-  padding: 5px 10px;
-  font-size: 13px;
-  line-height: 1.42857143;
-  border-radius: 2px;
-  color: #fff;
-  background-color: var(--charcoal);
-}
-
-.rs-picker-toolbar-right-btn-ok.rs-picker-toolbar-btn-disabled,
-.rs-picker-toolbar-right-btn-ok.rs-picker-toolbar-btn-disabled:hover,
-.rs-picker-toolbar-right-btn-ok.rs-picker-toolbar-btn-disabled:hover:active {
-  background-color: var(--charcoal);
-}
-
-.rs-picker-toolbar-right-btn-ok:not(.rs-btn-disabled):hover {
-  background-color: var(--charcoal);
-}
 
 .rs-modal-body {
   padding: 20px 25px 0 25px !important;
 }
 
-.rs-table-body-info {
-  font-size: 13px;
-  color: var(--slateGray);
-}
 
 .rs-modal-full .rs-modal-dialog {
   width: 100%;
@@ -494,62 +192,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   font-weight: normal;
 }
 
-.rs-table-cell-header,
-.rs-table-cell[role='columnheader'],
-.rs-table-cell-header:focus,
-.rs-table-cell[role='columnheader']:focus,
-.rs-table-cell-header:hover,
-.rs-table-cell[role='columnheader']:hover {
-  background: var(--gainsboro);
-  color: white;
-}
 
-.ghost .rs-picker-toggle.rs-btn.rs-btn-default {
-  background-color: var(--white) !important;
-}
-
-.rs-table-hover .rs-table-row-header:hover .rs-table-cell-group,
-.rs-table-hover .rs-table-row-header:hover .rs-table-cell {
-  background: var(--gainsboro);
-}
-
-.rs-table-cell[role='columnheader'] > .rs-table-cell-content {
-  color: var(--slateGray);
-}
-
-.rs-table-cell {
-  border: 1px solid #e0e0e0;
-}
-
-.rs-table-cell-content {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--gunMetal);
-  text-align: left;
-}
-
-.rs-table-cell-content > input {
-  border: none;
-  width: inherit;
-  background: none;
-  padding-left: 15px;
-  font-size: 13px;
-  font-weight: normal;
-  color: var(--gunMetal);
-}
-
-.rs-table-scrollbar-handle,
-.rs-table-scrollbar-handle:hover,
-.rs-table-scrollbar-handle:focus {
-  position: absolute;
-  background-color: #575757;
-  border-radius: 4px;
-}
-
-.rs-table-cell-content > .rs-checkbox {
-  margin-top: -10px;
-  margin-left: -10px;
-}
 
 .rs-modal-header-close {
   background: unset;
@@ -559,108 +202,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   color: var(--gainsboro) !important;
 }
 
-.rs-picker-tag-wrapper {
-  padding-bottom: 0;
-}
-
-.rs-picker-input {
-  border-radius: 0;
-  vertical-align: top;
-}
-
-.rs-picker-toggle-placeholder {
-  font-size: 11px;
-  color: var(--slateGray) !important;
-}
-
-.rs-picker-has-value .rs-btn .rs-picker-toggle-value,
-.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
-  color: var(--gunMetal);
-  font-size: 13px;
-  font-weight: normal;
-}
-
-.rs-picker-select-menu-item.rs-picker-select-menu-item-active,
-.rs-picker-select-menu-item.rs-picker-select-menu-item-active:hover,
-.rs-picker-select-menu-item:not(.rs-picker-select-menu-item-disabled):hover,
-.rs-picker-select-menu-item.rs-picker-select-menu-item-focus,
-.rs-picker-select-menu-item {
-  color: var(--slateGray);
-  font-size: 13px;
-  font-weight: normal;
-}
-
-.rs-picker-select-menu-item {
-  padding: 4px 12px;
-}
-
-.grouped .rs-picker-select-menu-item {
-  padding-left: 0px;
-}
-
-.rs-picker-select-menu-items {
-  margin-bottom: 0;
-}
-
-.rs-picker-select-menu-items.rs-picker-select-menu-group.rs-picker-select-menu-group-title {
-  font-size: 13px;
-  color: var(--slateGray);
-}
-
-.rs-picker-toggle-clean,
-.rs-picker-toggle-caret {
-  color: var(--slateGray);
-}
-
-.rs-picker-check-menu-group[role='listitem'] {
-  height: 48px !important;
-}
-
-.rs-picker-check-menu-items .rs-picker-check-menu-group:not(:first-child) {
-  padding-top: 0px !important;
-}
-
-.rs-picker-check-menu.rs-picker-check-menu-items {
-  max-height: 200px !important;
-}
-
-.rs-table-cell-header .rs-table-cell-content {
-  padding: 10px 7px;
-}
-
-.rs-table-cell-header-icon-sort {
-  color: var(--slateGray);
-  line-height: 1.66666667;
-  position: absolute;
-  right: 9px;
-  top: 10px;
-}
-
-.rs-table-cell-header-icon-sort-asc::after {
-  color: var(--slateGray);
-}
-
-.rs-table-cell-header-icon-sort-desc::after {
-  color: var(--slateGray);
-}
-
-.rs-table-hover .rs-table-row:not(.rs-table-row-header):hover,
-.rs-table-hover .rs-table-row:hover .rs-table-cell-group,
-.rs-table-hover .rs-table-row:hover .rs-table-cell {
-  background: var(--blue-yonder-25) !important;
-}
-
-.rs-table-cell,
-.rs-table-cell-group,
-.rs-table-row {
-  -webkit-transition: background-color 0.1s linear !important;
-  transition: background-color 0.1s linear !important;
-}
-
-.rs-table-row-expanded {
-  height: 100px !important;
-  background: white !important;
-}
 
 .rs-plaintext {
   font-size: 13px !important;

package/components/Dialog/Action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Action.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yGAuBlB,CAAA"}
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Action.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yGA0BlB,CAAA"}

package/components/Dialog/index.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from 'react';
 export type DialogProps = HTMLAttributes<HTMLDivElement> & {
-    isAbsolute?: boolean;
+    isAbsolute?: boolean | undefined;
 };
 export declare function RawDialog({ children, className, isAbsolute, ...nativeProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RawDialog {

package/components/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAkB,EAAE,GAAG,WAAW,EAAE,EAAE,WAAW,2CAUjG;yBAVe,SAAS;;;AAYzB,eAAO,MAAM,GAAG;iBACD,OAAO;SAYrB,CAAA;AAiCD,eAAO,MAAM,MAAM;;;;CAIjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACjC,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAkB,EAAE,GAAG,WAAW,EAAE,EAAE,WAAW,2CAUjG;yBAVe,SAAS;;;AAYzB,eAAO,MAAM,GAAG;iBACD,OAAO;SAYrB,CAAA;AAiCD,eAAO,MAAM,MAAM;;;;CAIjB,CAAA"}

package/components/Message.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import { Level } from '../constants';
 export type MessageProps = HTMLAttributes<HTMLDivElement> & {
-    children?: ReactNode | string | undefined;
+    children: ReactNode | string;
     level?: Level | undefined;
 };
 export declare function Message({ children, level, ...nativeProps }: MessageProps): import("react/jsx-runtime").JSX.Element;

package/components/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../src/components/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAIpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CAC1B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAqB,EAAE,GAAG,WAAW,EAAE,EAAE,YAAY,2CAkBxF"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../src/components/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAIpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CAC1B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAqB,EAAE,GAAG,WAAW,EAAE,EAAE,YAAY,2CAkBxF"}

package/components/Notifier/index.d.ts

@@ -1,7 +1,7 @@
 import { NotificationEvent } from './NotificationEvent';
 export { NotificationEvent };
 export type NotifierProps = {
-    isSideWindow?: boolean;
+    isSideWindow?: boolean | undefined;
 };
 export declare function Notifier({ isSideWindow }: NotifierProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/components/Notifier/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifier/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,wBAAgB,QAAQ,CAAC,EAAE,YAAoB,EAAE,EAAE,aAAa,2CAiC/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifier/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACnC,CAAA;AACD,wBAAgB,QAAQ,CAAC,EAAE,YAAoB,EAAE,EAAE,aAAa,2CAiC/D"}

package/cypress/global.d.ts

@@ -25,34 +25,26 @@ declare namespace Cypress {
     clickOutside(xPosition?: number, yPosition?: number): void
 
     /**
+     * @description
+     * You can set the `retries` parameter to a number greater than 5 (default) to retry the action in case of failure.
+     *
      * @example
      * ```ts
-     *   cy.fill('Text', 'Hello World')
-     *   cy.fill('Number', 42)
-     *   cy.fill('Checkbox', true)
-     *   cy.fill('Select / Radio', 'First Option')
-     *   cy.fill('Multiple Select', ['First Option', 'Second Option'])
-     *   cy.fill('Date', [2020, 12, 31])
-     *   cy.fill('Date Range', [[2020, 12, 31], [2021, 1, 1]])
-     *
-     *   // Empty the field
-     *   cy.fill('Date Range', undefined)
+     *   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]])
      *
-     *   // Uncheck a checkbox
-     *   cy.fill('Date Range', false)
+     *   // Clear any field except the `<MultiRadio />` which can't be cleared
+     *   cy.fill('My Field', undefined)
      * ```
      */
-    fill(
-      label: string,
-      value:
-        | boolean
-        | number
-        | string
-        | string[]
-        | (DateTuple | DateWithTimeTuple)
-        | ([Cypress.DateTuple, Cypress.DateTuple] | [Cypress.DateWithTimeTuple, Cypress.DateWithTimeTuple])
-        | undefined
-    ): Chainable<Element>
+    fill(label: string, value: any, retries?: number): Chainable<Element>
 
     forceClick(): Chainable<JQuery<HTMLElement>>
 
@@ -109,4 +101,7 @@ declare namespace Cypress {
 
   type DateTuple = [number, number, number]
   type DateWithTimeTuple = [number, number, number, number, number]
+
+  type DateRangeTuple = [DateTuple, DateTuple]
+  type DateWithTimeRangeTuple = [DateWithTimeTuple, DateWithTimeTuple]
 }