@mtes-mct/monitor-ui 2.19.2 → 3.0.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [2.19.2](https://github.com/MTES-MCT/monitor-ui/compare/v2.19.1...v2.19.2) (2023-02-20)
+
+
+### Bug Fixes
+
+* **css:** use selector ([3088eb1](https://github.com/MTES-MCT/monitor-ui/commit/3088eb1a973c1ab02411aad69fe8a28b77f025c6))
+* **multiselect:** add css when using isLight ([a9a6131](https://github.com/MTES-MCT/monitor-ui/commit/a9a61314bc5aae340211aff9c528e48994fa1fb1))
+
 ## [2.19.1](https://github.com/MTES-MCT/monitor-ui/compare/v2.19.0...v2.19.1) (2023-02-20)
 
 # [2.19.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.18.1...v2.19.0) (2023-02-17)

package/index.js

@@ -1793,6 +1793,60 @@ _curry3(function remove(start, count, list) {
   return result;
 });
 
+/**
+ * Tests whether or not an object is a typed array.
+ *
+ * @private
+ * @param {*} val The object to test.
+ * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.
+ * @example
+ *
+ *      _isTypedArray(new Uint8Array([])); //=> true
+ *      _isTypedArray(new Float32Array([])); //=> true
+ *      _isTypedArray([]); //=> false
+ *      _isTypedArray(null); //=> false
+ *      _isTypedArray({}); //=> false
+ */
+function _isTypedArray(val) {
+  var type = Object.prototype.toString.call(val);
+  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';
+}
+
+/**
+ * Returns the empty value of its argument's type. Ramda defines the empty
+ * value of Array (`[]`), Object (`{}`), String (`''`),
+ * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other
+ * types are supported if they define `<Type>.empty`,
+ * `<Type>.prototype.empty` or implement the
+ * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).
+ *
+ * Dispatches to the `empty` method of the first argument, if present.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.3.0
+ * @category Function
+ * @sig a -> a
+ * @param {*} x
+ * @return {*}
+ * @example
+ *
+ *      R.empty(Just(42));               //=> Nothing()
+ *      R.empty([1, 2, 3]);              //=> []
+ *      R.empty('unicorns');             //=> ''
+ *      R.empty({x: 1, y: 2});           //=> {}
+ *      R.empty(Uint8Array.from('123')); //=> Uint8Array []
+ */
+
+var empty =
+/*#__PURE__*/
+_curry1(function empty(x) {
+  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray(x) ? [] : _isString(x) ? '' : _isObject(x) ? {} : _isArguments(x) ? function () {
+    return arguments;
+  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else
+  ;
+});
+
 /**
  * Returns `true` if the specified value is equal, in [`R.equals`](#equals)
  * terms, to at least one element of the given list; `false` otherwise.
@@ -1820,6 +1874,35 @@ var includes =
 /*#__PURE__*/
 _curry2(_includes);
 
+/**
+ * Returns `true` if the given value is its type's empty value; `false`
+ * otherwise.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Logic
+ * @sig a -> Boolean
+ * @param {*} x
+ * @return {Boolean}
+ * @see R.empty
+ * @example
+ *
+ *      R.isEmpty([1, 2, 3]);           //=> false
+ *      R.isEmpty([]);                  //=> true
+ *      R.isEmpty('');                  //=> true
+ *      R.isEmpty(null);                //=> false
+ *      R.isEmpty({});                  //=> true
+ *      R.isEmpty({length: 0});         //=> false
+ *      R.isEmpty(Uint8Array.from('')); //=> true
+ */
+
+var isEmpty =
+/*#__PURE__*/
+_curry1(function isEmpty(x) {
+  return x != null && equals(x, empty(x));
+});
+
 /**
  * Creates a new object with the own properties of the two provided objects. If
  * a key exists in both objects, the provided function is applied to the key
@@ -2632,9 +2715,9 @@ function SingleTag({ children, onDelete }) {
             onDelete();
         }
     }, [onDelete]);
-    return (jsx("div", { children: jsxs(Box$g, { children: [jsx(Text, { children: children }), jsx(StyledIconButton, { accent: Accent.TERTIARY, Icon: Close, iconSize: 10, onClick: handleDelete })] }) }));
+    return (jsx("div", { children: jsxs(Box$f, { children: [jsx(Text, { children: children }), jsx(StyledIconButton, { accent: Accent.TERTIARY, Icon: Close, iconSize: 10, onClick: handleDelete })] }) }));
 }
-const Box$g = styled.div `
+const Box$f = styled.div `
   align-items: center;
   display: inline-flex;
 `;
@@ -2692,14 +2775,14 @@ const StyledLabel = styled(Label) `
 
 function Fieldset({ children, hasBorder = false, isLegendHidden = false, isLight = false, legend, ...nativeProps }) {
     const hasLegend = useMemo(() => Boolean(legend), [legend]);
-    return (jsxs(StyledField, { as: "fieldset", ...nativeProps, children: [legend && (jsx(Legend, { disabled: nativeProps.disabled, isHidden: isLegendHidden, children: legend })), jsx(Box$f, { "$hasBorder": hasBorder, "$hasLegend": hasLegend, "$isLight": isLight, children: children })] }));
+    return (jsxs(StyledField, { as: "fieldset", ...nativeProps, children: [legend && (jsx(Legend, { disabled: nativeProps.disabled, isHidden: isLegendHidden, children: legend })), jsx(Box$e, { "$hasBorder": hasBorder, "$hasLegend": hasLegend, "$isLight": isLight, children: children })] }));
 }
 const StyledField = styled(Field$2) `
   border: 0;
   margin: 0;
   padding: 0;
 `;
-const Box$f = styled.div `
+const Box$e = styled.div `
   background-color: ${p => (p.$isLight ? p.theme.color.white : 'transparent')};
   padding: ${p => (p.$hasBorder || p.$isLight ? '16px' : 0)};
   width: 100%;
@@ -2745,10 +2828,10 @@ function Tag({ accent, bullet, children, color, Icon, isLight = false, ...native
         case Accent.TERTIARY:
             return jsx(TertiaryTag, { ...commonProps });
         default:
-            return jsx(Box$e, { "$color": color, ...commonProps });
+            return jsx(Box$d, { "$color": color, ...commonProps });
     }
 }
-const Box$e = styled.span `
+const Box$d = styled.span `
   align-items: center;
   background-color: ${p => (p.$isLight ? p.theme.color.white : 'transparent')};
   border-radius: 11px;
@@ -2770,16 +2853,16 @@ const Box$e = styled.span `
     margin-right: 4px;
   }
 `;
-const PrimaryTag = styled(Box$e) `
+const PrimaryTag = styled(Box$d) `
   background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
   color: ${p => p.theme.color.gunMetal};
 `;
 // TODO Fix this color.
-const SecondaryTag = styled(Box$e) `
+const SecondaryTag = styled(Box$d) `
   background-color: ${p => (p.$isLight ? '#f6d012' : '#f6d012')};
   color: ${p => p.theme.color.gunMetal};
 `;
-const TertiaryTag = styled(Box$e) `
+const TertiaryTag = styled(Box$d) `
   background-color: ${p => (p.$isLight ? p.theme.color.charcoal : p.theme.color.charcoal)};
   color: ${p => p.theme.color.white};
 `;
@@ -3908,7 +3991,7 @@ function AutoComplete({ baseContainer, defaultValue, error, isLabelHidden, isLig
     useEffect(() => {
         forceUpdate();
     }, [forceUpdate]);
-    return (jsxs(Field$2, { children: [jsx(Label, { disabled: originalProps.disabled, hasError: hasError, htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(Box$d, { ref: boxRef, onClick: open, children: boxRef.current && (jsx(StyledAutoComplete, { "$isLight": isLight, container: boxRef.current, data: controlledOptions, defaultValue: controlledValueAsLabel, id: originalProps.name, onChange: handleChange, onSelect: handleSelect, open: isOpen, ...originalProps }, key)) }), hasError && jsx(FieldError, { children: controlledError })] }));
+    return (jsxs(Field$2, { children: [jsx(Label, { disabled: originalProps.disabled, hasError: hasError, htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(Box$c, { ref: boxRef, onClick: open, children: boxRef.current && (jsx(StyledAutoComplete, { "$isLight": isLight, container: boxRef.current, data: controlledOptions, defaultValue: controlledValueAsLabel, id: originalProps.name, onChange: handleChange, onSelect: handleSelect, open: isOpen, ...originalProps }, key)) }), hasError && jsx(FieldError, { children: controlledError })] }));
 }
 const StyledAutoComplete = styled(AutoComplete$1) `
   font-size: 13px;
@@ -3920,7 +4003,7 @@ const StyledAutoComplete = styled(AutoComplete$1) `
     width: 100%;
   }
 `;
-const Box$d = styled.div `
+const Box$c = styled.div `
   position: relative;
 
   > .rs-picker-select {
@@ -4260,10 +4343,10 @@ disabled = false, isCompact, isEndDate = false, isForcedFocused, isLight, isStar
         ];
         onChange(nextDateTuple, isFilled);
     }, [onChange]);
-    return (jsxs(Box$c, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isForcedFocused || isFocused, "$isLight": isLight, children: [jsxs("div", { children: [isStartDate && jsx("span", { children: "Du " }), isEndDate && jsx("span", { children: "Au " }), jsx(NumberInput$1, { ref: dayInputRef, "aria-label": `Jour${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), disabled: disabled, isLight: isLight, max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput$1, { ref: monthInputRef, "aria-label": `Mois${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), disabled: disabled, isLight: isLight, max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput$1, { ref: yearInputRef, "aria-label": `Année${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && defaultValue[0], disabled: disabled, isLight: isLight, max: 2030, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }), !isCompact && jsx(Calendar, {})] }));
+    return (jsxs(Box$b, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isForcedFocused || isFocused, "$isLight": isLight, children: [jsxs("div", { children: [isStartDate && jsx("span", { children: "Du " }), isEndDate && jsx("span", { children: "Au " }), jsx(NumberInput$1, { ref: dayInputRef, "aria-label": `Jour${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), disabled: disabled, isLight: isLight, max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput$1, { ref: monthInputRef, "aria-label": `Mois${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), disabled: disabled, isLight: isLight, max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput$1, { ref: yearInputRef, "aria-label": `Année${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && defaultValue[0], disabled: disabled, isLight: isLight, max: 2030, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }), !isCompact && jsx(Calendar, {})] }));
 }
 const DateInput = forwardRef(DateInputWithRef);
-const Box$c = styled.div `
+const Box$b = styled.div `
   align-items: center;
   background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
   box-shadow: ${p => p.$hasError || p.$isFocused
@@ -4336,9 +4419,9 @@ function RangedTimePicker({ filter, minutesRange, onChange }) {
     if (!filteredRangedTimeOptions.length) {
         return jsx(Fragment, {});
     }
-    return (jsx(Box$b, { onClick: stopMouseEventPropagation, role: "listbox", children: filteredRangedTimeOptions.map(({ label, value }, index) => (jsx(Option, { "aria-selected": false, className: "js-ranged-time-picker-option", isSelected: index === selectedOptionIndex, onClick: () => onChange(value), role: "option", tabIndex: -1, children: spannedLabels[index] }, label))) }));
+    return (jsx(Box$a, { onClick: stopMouseEventPropagation, role: "listbox", children: filteredRangedTimeOptions.map(({ label, value }, index) => (jsx(Option, { "aria-selected": false, className: "js-ranged-time-picker-option", isSelected: index === selectedOptionIndex, onClick: () => onChange(value), role: "option", tabIndex: -1, children: spannedLabels[index] }, label))) }));
 }
-const Box$b = styled.div `
+const Box$a = styled.div `
   background-color: ${p => p.theme.color.white};
   box-shadow: inset 0px 0px 0px 1px ${p => p.theme.color.lightGray};
   display: flex;
@@ -4463,10 +4546,10 @@ disabled = false, isCompact, isEndDate = false, isLight, isStartDate = false, mi
         onChange(nextTimeTuple);
     }, [closeRangedTimePicker, onChange]);
     useClickOutsideEffect(boxRef, closeRangedTimePicker, baseContainer);
-    return (jsxs(Box$a, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isFocused, "$isLight": isLight, children: [jsxs(InputGroup, { children: [jsxs("div", { children: [jsx(NumberInput$1, { ref: hourInputRef, "aria-label": `Heure${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], disabled: disabled, isLight: isLight, max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput$1, { ref: minuteInputRef, "aria-label": `Minute${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], disabled: disabled, isLight: isLight, max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), !isCompact && jsx(Clock, {})] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
+    return (jsxs(Box$9, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isFocused, "$isLight": isLight, children: [jsxs(InputGroup, { children: [jsxs("div", { children: [jsx(NumberInput$1, { ref: hourInputRef, "aria-label": `Heure${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], disabled: disabled, isLight: isLight, max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput$1, { ref: minuteInputRef, "aria-label": `Minute${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], disabled: disabled, isLight: isLight, max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), !isCompact && jsx(Clock, {})] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
 }
 const TimeInput = forwardRef(TimeInputWithRef);
-const Box$a = styled.div `
+const Box$9 = styled.div `
   background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
   box-shadow: ${p => p.$hasError || p.$isFocused
     ? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
@@ -4545,13 +4628,13 @@ function CalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
         // and can be used as a container for <RsuiteDatePicker />
         forceUpdate();
     }, [forceUpdate]);
-    return (jsx(Box$9, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DatePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, oneTap: true, onSelect: handleSelect, open: isOpen, 
+    return (jsx(Box$8, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DatePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, oneTap: true, onSelect: handleSelect, open: isOpen, 
             // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
             ranges: [], 
             // eslint-disable-next-line no-null/no-null
             value: defaultValue ?? null })) }));
 }
-const Box$9 = styled.div `
+const Box$8 = styled.div `
   height: 0;
   position: relative;
   user-select: none;
@@ -4804,9 +4887,9 @@ disabled = false, error, isCompact = false, isHistorical = false, isLabelHidden
     }, [forceUpdate]);
     useFieldUndefineEffect(disabled, onChange, handleDisable);
     useClickOutsideEffect(boxRef, closeCalendarPicker, baseContainer);
-    return (jsxs(Fieldset, { disabled: disabled, isLegendHidden: isLabelHidden, legend: label, ...nativeProps, children: [jsxs(Box$8, { ref: boxRef, children: [jsx(Field$1, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedLocalizedDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputChange, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field$1, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), hasError && jsx(FieldError, { children: controlledError }), jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isCalendarPickerOpenRef.current, onChange: handleCalendarPickerChange })] }));
+    return (jsxs(Fieldset, { disabled: disabled, isLegendHidden: isLabelHidden, legend: label, ...nativeProps, children: [jsxs(Box$7, { ref: boxRef, children: [jsx(Field$1, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedLocalizedDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputChange, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field$1, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), hasError && jsx(FieldError, { children: controlledError }), jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isCalendarPickerOpenRef.current, onChange: handleCalendarPickerChange })] }));
 }
-const Box$8 = styled.div `
+const Box$7 = styled.div `
   * {
     font-weight: 500;
     line-height: 1;
@@ -4855,12 +4938,12 @@ function RangeCalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
         // and can be used as a container for <RsuiteDateRangePicker />
         forceUpdate();
     }, [forceUpdate]);
-    return (jsx(Box$7, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DateRangePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, onSelect: handleSelect, open: isOpen, ranges: [], 
+    return (jsx(Box$6, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DateRangePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, onSelect: handleSelect, open: isOpen, ranges: [], 
             // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
             // eslint-disable-next-line no-null/no-null
             value: controlledValue ?? null })) }));
 }
-const Box$7 = styled.div `
+const Box$6 = styled.div `
   height: 0;
   position: relative;
   user-select: none;
@@ -5189,9 +5272,9 @@ disabled = false, error, isCompact = false, isHistorical = false, isLabelHidden
     }, [forceUpdate]);
     useFieldUndefineEffect(disabled, onChange, handleDisable);
     useClickOutsideEffect([endDateInputRef, startDateInputRef], closeRangeCalendarPicker, baseContainer);
-    return (jsxs(Fieldset, { disabled: disabled, isLegendHidden: isLabelHidden, legend: label, ...nativeProps, children: [jsxs(Box$6, { isDisabled: disabled, children: [jsx(Field, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedLocalizedStartDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.START, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedStartTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedLocalizedEndDateTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.END, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedEndTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), hasError && jsx(FieldError, { children: controlledError }), jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isRangeCalendarPickerOpenRef.current, onChange: handleRangeCalendarPickerChange })] }));
+    return (jsxs(Fieldset, { disabled: disabled, isLegendHidden: isLabelHidden, legend: label, ...nativeProps, children: [jsxs(Box$5, { isDisabled: disabled, children: [jsx(Field, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedLocalizedStartDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.START, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedStartTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedLocalizedEndDateTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.END, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedEndTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), hasError && jsx(FieldError, { children: controlledError }), jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isRangeCalendarPickerOpenRef.current, onChange: handleRangeCalendarPickerChange })] }));
 }
-const Box$6 = styled.div `
+const Box$5 = styled.div `
   * {
     font-weight: 500;
     line-height: 1;
@@ -5314,9 +5397,9 @@ searchable = false, ...originalProps }) {
     useEffect(() => {
         forceUpdate();
     }, [forceUpdate]);
-    return (jsxs(Field$2, { children: [jsx(Label, { disabled: originalProps.disabled, hasError: hasError, htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(Box$5, { ref: boxRef, "$isActive": isOpen, "$isLight": isLight, onClick: toggle, children: boxRef.current && (jsx(TagPicker, { container: boxRef.current, data: options, defaultValue: controlledDefaultValue, id: originalProps.name, onChange: handleChange, onClick: toggle, open: isOpen, renderMenuItem: renderMenuItem, searchable: searchable, ...originalProps }, key)) }), hasError && jsx(FieldError, { children: controlledError })] }));
+    return (jsxs(Field$2, { children: [jsx(Label, { disabled: originalProps.disabled, hasError: hasError, htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(Box$4, { ref: boxRef, "$isActive": isOpen, "$isLight": isLight, onClick: toggle, children: boxRef.current && (jsx(TagPicker, { container: boxRef.current, data: options, defaultValue: controlledDefaultValue, id: originalProps.name, onChange: handleChange, onClick: toggle, open: isOpen, renderMenuItem: renderMenuItem, searchable: searchable, ...originalProps }, key)) }), hasError && jsx(FieldError, { children: controlledError })] }));
 }
-const Box$5 = styled.div `
+const Box$4 = styled.div `
   position: relative;
   width: 100%;
 
@@ -5562,6 +5645,8 @@ const StyledInput$2 = styled(Input) `
   width: 100%;
 `;
 
+const noop = () => { };
+
 function c(u,e,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),m=useRef(),v=useRef(),d=useRef(u),p=useRef(!0);useEffect(function(){d.current=u;},[u]);var g=!e&&0!==e&&"undefined"!=typeof window;if("function"!=typeof u)throw new TypeError("Expected a function");e=+e||0;var w=!!(c=c||{}).leading,s=!("trailing"in c)||!!c.trailing,x="maxWait"in c,y=x?Math.max(+c.maxWait||0,e):null;useEffect(function(){return p.current=!0,function(){p.current=!1;}},[]);var h=useMemo(function(){var r=function(r){var n=l.current,t=m.current;return l.current=m.current=null,o.current=r,v.current=d.current.apply(t,n)},n=function(r,n){g&&cancelAnimationFrame(f.current),f.current=g?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!p.current)return !1;var n=r-a.current;return !a.current||n>=e||n<0||x&&r-o.current>=y},u=function(n){return f.current=null,s&&l.current?r(n):(l.current=m.current=null,v.current)},c=function r(){var c=Date.now();if(t(c))return u(c);if(p.current){var i=e-(c-a.current),f=x?Math.min(i,y-(c-o.current)):i;n(r,f);}},h=function(){var u=Date.now(),d=t(u);if(l.current=[].slice.call(arguments),m.current=i,a.current=u,d){if(!f.current&&p.current)return o.current=a.current,n(c,e),w?r(a.current):v.current;if(x)return n(c,e),r(a.current)}return f.current||n(c,e),v.current};return h.cancel=function(){f.current&&(g?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=m.current=f.current=null;},h.isPending=function(){return !!f.current},h.flush=function(){return f.current?u(Date.now()):v.current},h},[w,x,e,y,s,g]);return h}
 
 function isNumeric(val) {
@@ -5572,12 +5657,18 @@ function isNumeric(val) {
     return !(val instanceof Array) && val - parseFloat(val) + 1 >= 0;
 }
 
-function DDCoordinatesInput({ coordinates, onChange }) {
+// TODO This field should return undefined when cleared (i.e.: Select all & Backspace/Delete)
+function DDCoordinatesInput({ coordinates, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, onChange }) {
     const latitudeInputRef = useRef();
     const longitudeInputRef = useRef();
     const [latitudeError, setLatitudeError] = useState('');
     const [longitudeError, setLongitudeError] = useState('');
     const defaultValue = useMemo(() => {
+        if (!coordinates) {
+            return undefined;
+        }
         const [latitude, longitude] = coordinates;
         if (isNumeric(latitude) && isNumeric(longitude)) {
             return {
@@ -5610,7 +5701,7 @@ function DDCoordinatesInput({ coordinates, onChange }) {
         const longitude = Number(longitudeAsString);
         onChange([latitude, longitude], nextCoordinates);
     }, 500);
-    return (jsxs(Box$4, { children: [jsx(DDInput, { ref: latitudeInputRef, "data-cy": "coordinates-dd-input-lat", defaultValue: defaultValue.latitude, onChange: () => handleChange(coordinates), placeholder: "Latitude", style: { border: latitudeError ? '1px solid red' : undefined } }), jsx(DDInput, { ref: longitudeInputRef, "data-cy": "coordinates-dd-input-lon", defaultValue: defaultValue.longitude, onChange: () => handleChange(coordinates), placeholder: "Longitude", style: { border: longitudeError ? '1px solid red' : undefined } }), jsx(CoordinatesType$2, { children: "(DD)" }), jsx(Error$2, { children: latitudeError }), jsx(Error$2, { children: longitudeError })] }));
+    return (jsxs(Box$3, { children: [jsx(DDInput, { ref: latitudeInputRef, "data-cy": "coordinates-dd-input-lat", defaultValue: defaultValue ? defaultValue.latitude : undefined, disabled: disabled, onChange: () => handleChange(coordinates), placeholder: "Latitude", style: { border: latitudeError ? '1px solid red' : undefined } }), jsx(DDInput, { ref: longitudeInputRef, "data-cy": "coordinates-dd-input-lon", defaultValue: defaultValue ? defaultValue.longitude : undefined, disabled: disabled, onChange: () => handleChange(coordinates), placeholder: "Longitude", style: { border: longitudeError ? '1px solid red' : undefined } }), jsx(CoordinatesType$2, { children: "(DD)" }), jsx(Error$2, { children: latitudeError }), jsx(Error$2, { children: longitudeError })] }));
 }
 const DDInput = styled.input `
   margin-right: 5px !important;
@@ -5624,7 +5715,7 @@ const Error$2 = styled.span `
   color: red;
   display: block;
 `;
-const Box$4 = styled.div `
+const Box$3 = styled.div `
   font-size: 13px;
   text-align: left;
 `;
@@ -15562,7 +15653,10 @@ const coordinatesAreDistinct = (nextCoordinates, coordinates) => {
 // TODO Remove that once the fix is added and released.
 // Open issue: https://github.com/uNmAnNeR/imaskjs/issues/761
 const UntypedIMaskInput = IMaskInput;
-function DMDCoordinatesInput({ coordinates, coordinatesFormat, onChange }) {
+// TODO This field should return undefined when cleared (i.e.: Select all & Backspace/Delete)
+function DMDCoordinatesInput({ coordinates, coordinatesFormat, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, onChange }) {
     const [error, setError] = useState('');
     const [value, setValue] = useState('');
     useEffect(() => {
@@ -15615,9 +15709,11 @@ function DMDCoordinatesInput({ coordinates, coordinatesFormat, onChange }) {
             setError('Format lat/long invalide');
         }
     }
-    return (jsxs(Box$3, { children: [jsx(UntypedIMaskInput, { "data-cy": "dmd-coordinates-input", lazy: false, mask: "00\u00B0 00.000\u2032 a 000\u00B0 00.000\u2032 a", 
+    return (jsxs(Box$2, { children: [jsx(UntypedIMaskInput, { "data-cy": "dmd-coordinates-input", disabled: disabled, lazy: false, mask: "00\u00B0 00.000\u2032 a 000\u00B0 00.000\u2032 a", 
                 // @ts-ignore
-                onAccept: (_, mask) => setValue(mask.value), onComplete: (_, mask) => completeCoordinates(mask), placeholder: "__\u00B0 __.___\u2032 _ ___\u00B0 __.___\u2032", radix: ".", style: { border: error ? '1px solid red' : undefined }, value: value }), jsx(CoordinatesType$1, { children: "(DMD)" }), jsx(Error$1, { children: error })] }));
+                onAccept: (_, mask) => setValue(mask.value), onComplete: (_, mask) => completeCoordinates(mask), placeholder: "__\u00B0 __.___\u2032 _ ___\u00B0 __.___\u2032", radix: ".", style: { border: error ? '1px solid red' : undefined }, 
+                // TODO Use `defaultValue` here.
+                value: value }), jsx(CoordinatesType$1, { children: "(DMD)" }), jsx(Error$1, { children: error })] }));
 }
 const CoordinatesType$1 = styled.span `
   margin-left: 7px;
@@ -15627,56 +15723,63 @@ const Error$1 = styled.span `
   color: ${p => p.theme.color.maximumRed};
   display: inline-block;
 `;
-const Box$3 = styled.div `
+const Box$2 = styled.div `
   font-size: 13px;
   text-align: left;
 `;
 
-function DMSCoordinatesInput({ coordinates, coordinatesFormat, onChange }) {
+function DMSCoordinatesInput({ coordinates, coordinatesFormat, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, onChange }) {
     /** Convert the coordinates to the [latitude, longitude] string format */
-    const showedValue = useMemo(() => {
+    const defaultValue = useMemo(() => {
         if (!coordinates?.length || !coordinatesFormat) {
             return '';
         }
         return coordinates?.join(', ') || '';
     }, [coordinates, coordinatesFormat]);
     const update = useCallback(nextCoordinates => {
-        onChange(nextCoordinates, coordinates);
+        const normalizedNextCoordinates = !isEmpty(nextCoordinates) ? nextCoordinates : undefined;
+        onChange(normalizedNextCoordinates, coordinates);
     }, [coordinates, onChange]);
-    return (jsxs(Box$2, { children: [jsx(CoordinateInput, { "data-cy": "dms-coordinates-input", ddPrecision: 6, onChange: (_, { dd }) => update(dd), value: showedValue }), jsx(CoordinatesType, { children: "(DMS)" })] }));
+    return (jsxs(Box$1, { children: [jsx(CoordinateInput, { "data-cy": "dms-coordinates-input", ddPrecision: 6, disabled: disabled, onChange: (_, { dd }) => update(dd), 
+                // TODO Use `defaultValue` here.
+                value: defaultValue }), jsx(CoordinatesType, { children: "(DMS)" })] }));
 }
 const CoordinatesType = styled.span `
   margin-left: 7px;
   color: ${p => p.theme.color.slateGray};
 `;
-const Box$2 = styled.div `
+const Box$1 = styled.div `
   font-size: 13px;
   text-align: left;
 `;
 
-function CoordinatesInput({ coordinatesFormat, defaultValue, isLight = false, onChange }) {
+function CoordinatesInput({ coordinatesFormat, defaultValue, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+error, isLabelHidden = false, isLight = false, label, onChange = noop, ...nativeProps }) {
+    const controlledError = useMemo(() => normalizeString(error), [error]);
+    const hasError = useMemo(() => Boolean(controlledError), [controlledError]);
     const getCoordinatesInput = useCallback(() => {
         switch (coordinatesFormat) {
             case CoordinatesFormat.DEGREES_MINUTES_SECONDS:
-                return (jsx(DMSCoordinatesInput, { coordinates: defaultValue, coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_SECONDS, onChange: onChange }));
+                return (jsx(DMSCoordinatesInput, { coordinates: defaultValue, coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_SECONDS, disabled: nativeProps.disabled, onChange: onChange }));
             case CoordinatesFormat.DEGREES_MINUTES_DECIMALS:
-                return (jsx(DMDCoordinatesInput, { coordinates: defaultValue, coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_DECIMALS, onChange: onChange }));
+                return (jsx(DMDCoordinatesInput, { coordinates: defaultValue, coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_DECIMALS, disabled: nativeProps.disabled, onChange: onChange }));
             case CoordinatesFormat.DECIMAL_DEGREES:
-                return jsx(DDCoordinatesInput, { coordinates: defaultValue, onChange: onChange });
+                return (jsx(DDCoordinatesInput, { coordinates: defaultValue, disabled: nativeProps.disabled, onChange: onChange }));
             default:
                 return undefined;
         }
-    }, [defaultValue, onChange, coordinatesFormat]);
-    return jsx(Box$1, { "$isLight": isLight, children: getCoordinatesInput() });
+    }, [defaultValue, nativeProps.disabled, onChange, coordinatesFormat]);
+    // TODO We must add a `handleDisable()` callback here to effectively empty the inputs when disabling this field.
+    useFieldUndefineEffect(nativeProps.disabled, onChange /* , handleDisable */);
+    return (jsxs(StyledFieldset, { isLegendHidden: isLabelHidden, isLight: isLight, legend: label, ...nativeProps, children: [getCoordinatesInput(), hasError && jsx(FieldError, { children: controlledError })] }));
 }
-const Box$1 = styled.div `
-  color: ${p => p.theme.color.lightGray};
-  font-size: 13px;
-  text-align: left;
-
+const StyledFieldset = styled(Fieldset) `
   input {
-    background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
-    border: ${p => (p.$isLight ? `1px solid ${p.theme.color.lightGray}` : 'none')};
+    background-color: ${p => (p.isLight ? p.theme.color.white : p.theme.color.gainsboro)};
+    border: ${p => (p.isLight ? `1px solid ${p.theme.color.lightGray}` : 'none')};
     color: ${p => p.theme.color.gunMetal};
     height: 33px;
     padding: 7px 11px;
@@ -15894,6 +15997,15 @@ function FormikCheckbox({ name, ...originalProps }) {
     return (jsx(Checkbox, { defaultChecked: isDefaultChecked, error: meta.error, name: name, onChange: handleChange, ...originalProps }));
 }
 
+function FormikCoordinatesInput({ name, ...originalProps }) {
+    const [field, meta, helpers] = useField(name);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const defaultValue = useMemo(() => field.value, []);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const handleChange = useMemo(() => (nextCoordinates) => helpers.setValue(nextCoordinates), []);
+    return jsx(CoordinatesInput, { defaultValue: defaultValue, error: meta.error, onChange: handleChange, ...originalProps });
+}
+
 const UntypedDatePicker = DatePicker;
 function FormikDatePicker({ name, ...originalProps }) {
     const [field, meta, helpers] = useField(name);
@@ -15985,7 +16097,5 @@ function FormikTextInput({ name, ...originalProps }) {
     return (jsx(TextInput, { defaultValue: defaultValue, error: meta.error, name: name, onChange: handleChange, ...originalProps }));
 }
 
-const noop = () => { };
-
-export { Accent, AutoComplete, Button, Checkbox, CoordinatesFormat, CoordinatesInput, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Select, SingleTag, Size, THEME, Tag, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, dayjs, getCoordinates, getLocalizedDayjs, getUtcizedDayjs, isNumeric, noop, stopMouseEventPropagation, useClickOutsideEffect, useForceUpdate, useKey, usePrevious };
+export { Accent, AutoComplete, Button, Checkbox, CoordinatesFormat, CoordinatesInput, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Select, SingleTag, Size, THEME, Tag, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, dayjs, getCoordinates, getLocalizedDayjs, getUtcizedDayjs, isNumeric, noop, stopMouseEventPropagation, useClickOutsideEffect, useForceUpdate, useKey, usePrevious };
 //# sourceMappingURL=index.js.map