@ornikar/kitt-universal 27.0.0 → 27.0.1-canary.01819bc93ab006bfbaa4e1335cd8afa2380068a0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/definitions/typography/Typography.d.ts +18 -6
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/index.es.js +92 -92
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +63 -63
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes.es.js +1 -1
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +1 -1
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +28 -28
package/dist/index.es.js
CHANGED
|
@@ -2464,7 +2464,7 @@ var breakpoints = {
|
|
|
2464
2464
|
// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
|
|
2465
2465
|
var theme = {
|
|
2466
2466
|
spacing: spacing,
|
|
2467
|
-
getSpacing: function
|
|
2467
|
+
getSpacing: function (multiplier) {
|
|
2468
2468
|
return spacing * multiplier;
|
|
2469
2469
|
},
|
|
2470
2470
|
colors: colors,
|
|
@@ -2651,7 +2651,7 @@ var ActionCardPressable = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2651
2651
|
onPress: onPress,
|
|
2652
2652
|
onHoverIn: onHoverIn,
|
|
2653
2653
|
onHoverOut: onHoverOut,
|
|
2654
|
-
children: function
|
|
2654
|
+
children: function (_ref3) {
|
|
2655
2655
|
var isHovered = _ref3.isHovered,
|
|
2656
2656
|
isPressed = _ref3.isPressed,
|
|
2657
2657
|
isFocused = _ref3.isFocused;
|
|
@@ -3467,11 +3467,11 @@ var useNativeAnimation$5 = function (_ref) {
|
|
|
3467
3467
|
};
|
|
3468
3468
|
});
|
|
3469
3469
|
return {
|
|
3470
|
-
onPressIn: function
|
|
3470
|
+
onPressIn: function () {
|
|
3471
3471
|
color.value = withSpring(1);
|
|
3472
3472
|
pressed.value = 1;
|
|
3473
3473
|
},
|
|
3474
|
-
onPressOut: function
|
|
3474
|
+
onPressOut: function () {
|
|
3475
3475
|
color.value = withSpring(0);
|
|
3476
3476
|
pressed.value = 0;
|
|
3477
3477
|
},
|
|
@@ -3558,7 +3558,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3558
3558
|
onHoverOut: onHoverOut,
|
|
3559
3559
|
onFocus: onFocus,
|
|
3560
3560
|
onBlur: onBlur,
|
|
3561
|
-
children: function
|
|
3561
|
+
children: function (_ref2) {
|
|
3562
3562
|
var isHovered = _ref2.isHovered,
|
|
3563
3563
|
isPressed = _ref2.isPressed,
|
|
3564
3564
|
isFocused = _ref2.isFocused;
|
|
@@ -3680,7 +3680,7 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3680
3680
|
stretch: stretch,
|
|
3681
3681
|
disabled: isLoading ? true : disabled,
|
|
3682
3682
|
icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
|
|
3683
|
-
onPress: function
|
|
3683
|
+
onPress: function (e) {
|
|
3684
3684
|
var callPressAndUpdateLoadingState = /*#__PURE__*/function () {
|
|
3685
3685
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
3686
3686
|
return _regeneratorRuntime().wrap(function (_context) {
|
|
@@ -3952,10 +3952,10 @@ function BottomSheetComp(_ref, ref) {
|
|
|
3952
3952
|
borderRadius: 4,
|
|
3953
3953
|
backgroundColor: theme.kitt.bottomSheet.handle.backgroundColor
|
|
3954
3954
|
},
|
|
3955
|
-
handleComponent: function
|
|
3955
|
+
handleComponent: function (props) {
|
|
3956
3956
|
return hasHandle ? /*#__PURE__*/jsx(BottomSheetHandle, _objectSpread({}, props)) : null;
|
|
3957
3957
|
},
|
|
3958
|
-
backdropComponent: function
|
|
3958
|
+
backdropComponent: function (props) {
|
|
3959
3959
|
return hasBackdrop ? /*#__PURE__*/jsx(BottomSheetBackdrop, _objectSpread(_objectSpread({}, props), {}, {
|
|
3960
3960
|
opacity: 0.25,
|
|
3961
3961
|
appearsOnIndex: 0,
|
|
@@ -3964,7 +3964,7 @@ function BottomSheetComp(_ref, ref) {
|
|
|
3964
3964
|
}
|
|
3965
3965
|
}, rest), {}, {
|
|
3966
3966
|
topInset: top,
|
|
3967
|
-
children: function
|
|
3967
|
+
children: function (props) {
|
|
3968
3968
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
3969
3969
|
children: typeof Content === 'function' ? /*#__PURE__*/jsx(Content, _objectSpread({}, props === null || props === void 0 ? void 0 : props.data)) : Content
|
|
3970
3970
|
});
|
|
@@ -4040,7 +4040,7 @@ function CloseButton(_ref) {
|
|
|
4040
4040
|
onPress = _ref.onPress;
|
|
4041
4041
|
var onCloseContextCallback = useOnCloseModalBehaviour();
|
|
4042
4042
|
return /*#__PURE__*/cloneElement(children, {
|
|
4043
|
-
onPress: function
|
|
4043
|
+
onPress: function () {
|
|
4044
4044
|
if (onPress) onPress();
|
|
4045
4045
|
onCloseContextCallback();
|
|
4046
4046
|
}
|
|
@@ -4218,11 +4218,11 @@ function CardModalAnimation(_ref) {
|
|
|
4218
4218
|
transparent: true,
|
|
4219
4219
|
supportedOrientations: ['landscape', 'portrait'],
|
|
4220
4220
|
visible: isModalVisible,
|
|
4221
|
-
onShow: function
|
|
4221
|
+
onShow: function () {
|
|
4222
4222
|
if (onEnter) onEnter();
|
|
4223
4223
|
setIsContentVisible(true);
|
|
4224
4224
|
},
|
|
4225
|
-
onDismiss: function
|
|
4225
|
+
onDismiss: function () {
|
|
4226
4226
|
if (onExited) onExited();
|
|
4227
4227
|
},
|
|
4228
4228
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -4269,7 +4269,7 @@ function CardModalBehaviour(_ref) {
|
|
|
4269
4269
|
onClose: onClose,
|
|
4270
4270
|
children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
4271
4271
|
visible: visible,
|
|
4272
|
-
onExited: function
|
|
4272
|
+
onExited: function () {
|
|
4273
4273
|
if (onExited) onExited();
|
|
4274
4274
|
setIsModalBehaviourVisible(false);
|
|
4275
4275
|
},
|
|
@@ -4491,10 +4491,10 @@ var useNativeAnimation$4 = function (_ref) {
|
|
|
4491
4491
|
};
|
|
4492
4492
|
});
|
|
4493
4493
|
return {
|
|
4494
|
-
onPressIn: function
|
|
4494
|
+
onPressIn: function () {
|
|
4495
4495
|
pressed.value = true;
|
|
4496
4496
|
},
|
|
4497
|
-
onPressOut: function
|
|
4497
|
+
onPressOut: function () {
|
|
4498
4498
|
pressed.value = false;
|
|
4499
4499
|
},
|
|
4500
4500
|
backgroundStyles: backgroundStyles
|
|
@@ -4557,7 +4557,7 @@ function ChoiceItem(_ref) {
|
|
|
4557
4557
|
style: style,
|
|
4558
4558
|
onBlur: onBlur,
|
|
4559
4559
|
onFocus: onFocus,
|
|
4560
|
-
onPress: function
|
|
4560
|
+
onPress: function (e) {
|
|
4561
4561
|
if (onFocus) onFocus(e);
|
|
4562
4562
|
if (onPress) onPress();
|
|
4563
4563
|
handleChange();
|
|
@@ -4565,7 +4565,7 @@ function ChoiceItem(_ref) {
|
|
|
4565
4565
|
},
|
|
4566
4566
|
onPressIn: onPressIn,
|
|
4567
4567
|
onPressOut: onPressOut,
|
|
4568
|
-
children: function
|
|
4568
|
+
children: function (_ref2) {
|
|
4569
4569
|
var isHovered = _ref2.isHovered,
|
|
4570
4570
|
isPressed = _ref2.isPressed;
|
|
4571
4571
|
return /*#__PURE__*/jsxs(AnimatedChoiceItemView, {
|
|
@@ -4661,7 +4661,7 @@ function Choices(_ref2) {
|
|
|
4661
4661
|
disabled: disabled,
|
|
4662
4662
|
variant: variant,
|
|
4663
4663
|
onPress: !isForm ? onPress : undefined,
|
|
4664
|
-
onChange: isForm ? function
|
|
4664
|
+
onChange: isForm ? function (newValue) {
|
|
4665
4665
|
setCurrentValue(newValue);
|
|
4666
4666
|
if (onChange) onChange(newValue);
|
|
4667
4667
|
} : undefined,
|
|
@@ -4819,11 +4819,11 @@ function DialogModalAnimation(_ref) {
|
|
|
4819
4819
|
transparent: true,
|
|
4820
4820
|
supportedOrientations: ['landscape', 'portrait'],
|
|
4821
4821
|
visible: isModalVisible,
|
|
4822
|
-
onShow: function
|
|
4822
|
+
onShow: function () {
|
|
4823
4823
|
if (onEnter) onEnter();
|
|
4824
4824
|
setIsContentVisible(true);
|
|
4825
4825
|
},
|
|
4826
|
-
onDismiss: function
|
|
4826
|
+
onDismiss: function () {
|
|
4827
4827
|
if (onExited) onExited();
|
|
4828
4828
|
},
|
|
4829
4829
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -4877,7 +4877,7 @@ function DialogModalBehaviour(_ref) {
|
|
|
4877
4877
|
},
|
|
4878
4878
|
children: /*#__PURE__*/jsx(DialogModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
4879
4879
|
visible: visible,
|
|
4880
|
-
onExited: function
|
|
4880
|
+
onExited: function () {
|
|
4881
4881
|
if (onExited) onExited();
|
|
4882
4882
|
setIsModalBehaviourVisible(false);
|
|
4883
4883
|
},
|
|
@@ -5140,7 +5140,7 @@ function ExternalLink(_ref) {
|
|
|
5140
5140
|
var openExternalLink = useOpenExternalLink();
|
|
5141
5141
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5142
5142
|
return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, rest), {}, {
|
|
5143
|
-
onPress: function
|
|
5143
|
+
onPress: function (e) {
|
|
5144
5144
|
if (onPress) {
|
|
5145
5145
|
onPress(e);
|
|
5146
5146
|
if (e.defaultPrevented) return;
|
|
@@ -5364,14 +5364,14 @@ var _excluded$z = ["children", "name", "disabled", "placeholder", "isInitialOpen
|
|
|
5364
5364
|
function patchNativeEvent(event) {
|
|
5365
5365
|
return event || {
|
|
5366
5366
|
preventDownshiftDefault: false,
|
|
5367
|
-
preventDefault: function
|
|
5367
|
+
preventDefault: function () {}
|
|
5368
5368
|
};
|
|
5369
5369
|
}
|
|
5370
5370
|
function isReactElement(element) {
|
|
5371
5371
|
return _typeof(element) === 'object' && element !== null && 'type' in element && 'props' in element;
|
|
5372
5372
|
}
|
|
5373
5373
|
function Autocomplete(_ref) {
|
|
5374
|
-
var
|
|
5374
|
+
var children = _ref.children,
|
|
5375
5375
|
name = _ref.name,
|
|
5376
5376
|
disabled = _ref.disabled,
|
|
5377
5377
|
placeholder = _ref.placeholder,
|
|
@@ -5398,7 +5398,7 @@ function Autocomplete(_ref) {
|
|
|
5398
5398
|
zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
|
|
5399
5399
|
maxItemContainerHeight = _ref.maxItemContainerHeight,
|
|
5400
5400
|
props = _objectWithoutProperties(_ref, _excluded$z);
|
|
5401
|
-
var childrenArray = Children.toArray(
|
|
5401
|
+
var childrenArray = Children.toArray(children);
|
|
5402
5402
|
var items = childrenArray.filter(isReactElement).map(function (child) {
|
|
5403
5403
|
return {
|
|
5404
5404
|
child: child,
|
|
@@ -5409,12 +5409,12 @@ function Autocomplete(_ref) {
|
|
|
5409
5409
|
defaultIsOpen: isInitialOpen,
|
|
5410
5410
|
initialSelectedItem: initialValue,
|
|
5411
5411
|
initialInputValue: initialValue ? itemToString(initialValue) : undefined,
|
|
5412
|
-
itemToString: function
|
|
5412
|
+
itemToString: function (item) {
|
|
5413
5413
|
// Prevents returning null values
|
|
5414
5414
|
if (!itemToString) return '';
|
|
5415
5415
|
return itemToString(item || undefined);
|
|
5416
5416
|
},
|
|
5417
|
-
stateReducer: function
|
|
5417
|
+
stateReducer: function (state, changes) {
|
|
5418
5418
|
switch (changes.type) {
|
|
5419
5419
|
case Downshift.stateChangeTypes.changeInput:
|
|
5420
5420
|
return _objectSpread(_objectSpread({}, changes), {}, {
|
|
@@ -5424,7 +5424,7 @@ function Autocomplete(_ref) {
|
|
|
5424
5424
|
return changes;
|
|
5425
5425
|
}
|
|
5426
5426
|
},
|
|
5427
|
-
onChange: function
|
|
5427
|
+
onChange: function (selectedItem, stateAndHelpers) {
|
|
5428
5428
|
if (_onChange) {
|
|
5429
5429
|
_onChange(selectedItem, stateAndHelpers);
|
|
5430
5430
|
}
|
|
@@ -5432,7 +5432,7 @@ function Autocomplete(_ref) {
|
|
|
5432
5432
|
onSelect: onSelectItem,
|
|
5433
5433
|
onOuterClick: onOuterPress,
|
|
5434
5434
|
onInputValueChange: onInputChange,
|
|
5435
|
-
children: function
|
|
5435
|
+
children: function (_ref2) {
|
|
5436
5436
|
var getRootProps = _ref2.getRootProps,
|
|
5437
5437
|
getInputProps = _ref2.getInputProps,
|
|
5438
5438
|
getMenuProps = _ref2.getMenuProps,
|
|
@@ -5484,7 +5484,7 @@ function Autocomplete(_ref) {
|
|
|
5484
5484
|
right: right || (canDisplayCollapseButton ? /*#__PURE__*/jsx(InputPressable, _objectSpread(_objectSpread({}, toggleProps), {}, {
|
|
5485
5485
|
testID: "kitt.Autocomplete.listToggle",
|
|
5486
5486
|
hitSlop: 40,
|
|
5487
|
-
onPress: function
|
|
5487
|
+
onPress: function (e) {
|
|
5488
5488
|
if (Platform.OS === 'web') {
|
|
5489
5489
|
onClickToggle(e);
|
|
5490
5490
|
return;
|
|
@@ -5495,13 +5495,13 @@ function Autocomplete(_ref) {
|
|
|
5495
5495
|
icon: isCurrentlyOpen ? /*#__PURE__*/jsx(CaretUpFillIcon, {}) : /*#__PURE__*/jsx(CaretDownFillIcon, {})
|
|
5496
5496
|
})
|
|
5497
5497
|
})) : null),
|
|
5498
|
-
onFocus: function
|
|
5498
|
+
onFocus: function (e) {
|
|
5499
5499
|
openMenu();
|
|
5500
5500
|
/** @ts-expect-error onFocus wants web events */
|
|
5501
5501
|
if (Platform.OS !== 'android' && onSearchInputFocus) onSearchInputFocus(e);
|
|
5502
5502
|
if (_onFocus) _onFocus(e);
|
|
5503
5503
|
},
|
|
5504
|
-
onBlur: function
|
|
5504
|
+
onBlur: function (e) {
|
|
5505
5505
|
/** @ts-expect-error onBlur wants web events */
|
|
5506
5506
|
if (Platform.OS === 'web' && onSearchInputBlur) onSearchInputBlur(e);
|
|
5507
5507
|
|
|
@@ -5537,14 +5537,14 @@ function Autocomplete(_ref) {
|
|
|
5537
5537
|
selected: ariaSelected
|
|
5538
5538
|
},
|
|
5539
5539
|
disabled: disabled,
|
|
5540
|
-
onPress: function
|
|
5540
|
+
onPress: function (e) {
|
|
5541
5541
|
if (Platform.OS === 'web') {
|
|
5542
5542
|
if (onClick) onClick(e);
|
|
5543
5543
|
return;
|
|
5544
5544
|
}
|
|
5545
5545
|
if (_onPress) _onPress(patchNativeEvent(e));
|
|
5546
5546
|
},
|
|
5547
|
-
children: function
|
|
5547
|
+
children: function (_ref5) {
|
|
5548
5548
|
var isHovered = _ref5.isHovered,
|
|
5549
5549
|
isFocused = _ref5.isFocused,
|
|
5550
5550
|
isPressed = _ref5.isPressed;
|
|
@@ -5634,12 +5634,12 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
5634
5634
|
disabled: disabled
|
|
5635
5635
|
},
|
|
5636
5636
|
disabled: disabled,
|
|
5637
|
-
onPress: function
|
|
5637
|
+
onPress: function (e) {
|
|
5638
5638
|
if (onFocus) onFocus();
|
|
5639
5639
|
if (onChange) onChange(!checked, e);
|
|
5640
5640
|
if (onBlur) onBlur();
|
|
5641
5641
|
},
|
|
5642
|
-
children: function
|
|
5642
|
+
children: function (_ref2) {
|
|
5643
5643
|
var isHovered = _ref2.isHovered,
|
|
5644
5644
|
isPressed = _ref2.isPressed,
|
|
5645
5645
|
isFocused = _ref2.isFocused;
|
|
@@ -6194,7 +6194,7 @@ var DatePickerAndroid = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6194
6194
|
DateTimePickerAndroid.open({
|
|
6195
6195
|
testID: pickerUITestID,
|
|
6196
6196
|
value: currentValue || pickerDefaultDate || new Date(Date.now()),
|
|
6197
|
-
onChange: function
|
|
6197
|
+
onChange: function (e) {
|
|
6198
6198
|
setIsFocused(false);
|
|
6199
6199
|
var timestamp = e.nativeEvent.timestamp;
|
|
6200
6200
|
if (timestamp) {
|
|
@@ -6246,7 +6246,7 @@ function PlatformDateTimePicker(_ref) {
|
|
|
6246
6246
|
minimumDate: minimuDate,
|
|
6247
6247
|
display: displayMode
|
|
6248
6248
|
}, iosProps), {}, {
|
|
6249
|
-
onChange: function
|
|
6249
|
+
onChange: function (_event, date) {
|
|
6250
6250
|
return _onChange(date);
|
|
6251
6251
|
}
|
|
6252
6252
|
}));
|
|
@@ -6280,7 +6280,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6280
6280
|
|
|
6281
6281
|
return /*#__PURE__*/jsx(CardModal.ModalBehaviour, {
|
|
6282
6282
|
visible: Boolean(isVisible),
|
|
6283
|
-
onClose: function
|
|
6283
|
+
onClose: function () {
|
|
6284
6284
|
setCurrentValue(value);
|
|
6285
6285
|
onClose();
|
|
6286
6286
|
},
|
|
@@ -6291,7 +6291,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6291
6291
|
}) : null, /*#__PURE__*/jsx(CardModal.Body, {
|
|
6292
6292
|
children: /*#__PURE__*/jsx(PlatformDateTimePicker, _objectSpread(_objectSpread({}, props), {}, {
|
|
6293
6293
|
value: currentValue,
|
|
6294
|
-
onChange: function
|
|
6294
|
+
onChange: function (newDate) {
|
|
6295
6295
|
setCurrentValue(function (prev) {
|
|
6296
6296
|
return newDate || prev;
|
|
6297
6297
|
});
|
|
@@ -6301,7 +6301,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6301
6301
|
children: /*#__PURE__*/jsx(Button, {
|
|
6302
6302
|
stretch: true,
|
|
6303
6303
|
type: "primary",
|
|
6304
|
-
onPress: function
|
|
6304
|
+
onPress: function () {
|
|
6305
6305
|
onChange(currentValue);
|
|
6306
6306
|
},
|
|
6307
6307
|
children: validateButtonLabel ? /*#__PURE__*/jsx(Text$1, {
|
|
@@ -6355,7 +6355,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6355
6355
|
isFocusedInternal: isFocused || isFocusedInternal,
|
|
6356
6356
|
isHoveredInternal: isHoveredInternal,
|
|
6357
6357
|
isPressedInternal: isPressedInternal,
|
|
6358
|
-
onPress: function
|
|
6358
|
+
onPress: function () {
|
|
6359
6359
|
if (onFocus) onFocus();
|
|
6360
6360
|
setIsPickerUIVisible(true);
|
|
6361
6361
|
setIsFocused(true);
|
|
@@ -6368,7 +6368,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6368
6368
|
validateButtonLabel: pickerUIValidateButtonLabel,
|
|
6369
6369
|
defaultDate: pickerDefaultDate,
|
|
6370
6370
|
onClose: handleModalClose,
|
|
6371
|
-
onChange: function
|
|
6371
|
+
onChange: function (newDate) {
|
|
6372
6372
|
setCurrentValue(newDate);
|
|
6373
6373
|
onChange(newDate);
|
|
6374
6374
|
handleModalClose();
|
|
@@ -6684,7 +6684,7 @@ function FilePicker(_ref) {
|
|
|
6684
6684
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
6685
6685
|
children: [/*#__PURE__*/cloneElement(childElement, {
|
|
6686
6686
|
// ensure that the press event is not prevented by Button component
|
|
6687
|
-
onPress: function
|
|
6687
|
+
onPress: function () {
|
|
6688
6688
|
var _childElement$props$o, _childElement$props, _bottomSheetRef$curre;
|
|
6689
6689
|
if (disabled) return;
|
|
6690
6690
|
(_childElement$props$o = (_childElement$props = childElement.props).onPress) === null || _childElement$props$o === void 0 || _childElement$props$o.call(_childElement$props);
|
|
@@ -6985,10 +6985,10 @@ var GoogleMapsAutocompleteContext = /*#__PURE__*/createContext({
|
|
|
6985
6985
|
isLoadingResultDetails: false,
|
|
6986
6986
|
shouldDisplayEmptyStateWhenNoResults: false
|
|
6987
6987
|
},
|
|
6988
|
-
onInputChange: function
|
|
6988
|
+
onInputChange: function () {
|
|
6989
6989
|
return Promise.resolve();
|
|
6990
6990
|
},
|
|
6991
|
-
onSelectItem: function
|
|
6991
|
+
onSelectItem: function () {}
|
|
6992
6992
|
});
|
|
6993
6993
|
function GoogleMapsAutocompleteProvider(_ref) {
|
|
6994
6994
|
var children = _ref.children,
|
|
@@ -7241,7 +7241,7 @@ function InputAddress(_ref) {
|
|
|
7241
7241
|
return /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, props), {}, {
|
|
7242
7242
|
itemToString: itemToString,
|
|
7243
7243
|
initialValue: formattedInitialValue,
|
|
7244
|
-
checkSelectedItem: function
|
|
7244
|
+
checkSelectedItem: function (selectedItem, item) {
|
|
7245
7245
|
return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.place_id) === item.place_id;
|
|
7246
7246
|
},
|
|
7247
7247
|
right: state.isLoadingSearch || state.isLoadingResultDetails ? /*#__PURE__*/jsx(Icon, {
|
|
@@ -7250,10 +7250,10 @@ function InputAddress(_ref) {
|
|
|
7250
7250
|
}) : undefined,
|
|
7251
7251
|
errorElement: state.hasSearchError || state.hasSelectResultError ? errorElement : null,
|
|
7252
7252
|
emptyResultsElement: state.items.length === 0 ? emptyResultsElement : null,
|
|
7253
|
-
onInputChange: function
|
|
7253
|
+
onInputChange: function (v) {
|
|
7254
7254
|
_onInputChange(v);
|
|
7255
7255
|
},
|
|
7256
|
-
onChange: function
|
|
7256
|
+
onChange: function (v) {
|
|
7257
7257
|
onSelectItem(v, _onChange);
|
|
7258
7258
|
},
|
|
7259
7259
|
children: state.items.map(function (item) {
|
|
@@ -7335,7 +7335,7 @@ var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7335
7335
|
ref: ref
|
|
7336
7336
|
}, props), {}, {
|
|
7337
7337
|
inputMode: "numeric",
|
|
7338
|
-
onChange: function
|
|
7338
|
+
onChange: function (event) {
|
|
7339
7339
|
if (!onChange) return;
|
|
7340
7340
|
var value = parseFloat(event.nativeEvent.text);
|
|
7341
7341
|
|
|
@@ -7367,7 +7367,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7367
7367
|
testID: "kitt.InputPassword.passwordToggle",
|
|
7368
7368
|
hitSlop: 20,
|
|
7369
7369
|
accessibilityRole: "button",
|
|
7370
|
-
onPress: function
|
|
7370
|
+
onPress: function () {
|
|
7371
7371
|
return setIsVisible(function (prev) {
|
|
7372
7372
|
return !prev;
|
|
7373
7373
|
});
|
|
@@ -7402,7 +7402,7 @@ var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7402
7402
|
enterKeyHint: currentEnterKeyHint,
|
|
7403
7403
|
autoComplete: autoComplete,
|
|
7404
7404
|
textContentType: "telephoneNumber",
|
|
7405
|
-
onChange: function
|
|
7405
|
+
onChange: function (event) {
|
|
7406
7406
|
var number = parseNumber(event.nativeEvent.text);
|
|
7407
7407
|
|
|
7408
7408
|
// When intl phone number is valid :
|
|
@@ -7595,14 +7595,14 @@ function Radio(_ref, ref) {
|
|
|
7595
7595
|
focusable: checked && !disabled,
|
|
7596
7596
|
flexDirection: "row",
|
|
7597
7597
|
alignItems: "center",
|
|
7598
|
-
onPress: function
|
|
7598
|
+
onPress: function (event) {
|
|
7599
7599
|
if (onFocus) onFocus();
|
|
7600
7600
|
if (onChange) onChange(value, event);
|
|
7601
7601
|
if (onBlur) onBlur();
|
|
7602
7602
|
},
|
|
7603
7603
|
onFocus: onFocus,
|
|
7604
7604
|
onBlur: onBlur,
|
|
7605
|
-
children: function
|
|
7605
|
+
children: function (_ref2) {
|
|
7606
7606
|
var isHovered = _ref2.isHovered,
|
|
7607
7607
|
isPressed = _ref2.isPressed,
|
|
7608
7608
|
isFocused = _ref2.isFocused;
|
|
@@ -7721,11 +7721,11 @@ var useNativeAnimation$3 = function (_ref) {
|
|
|
7721
7721
|
};
|
|
7722
7722
|
});
|
|
7723
7723
|
return {
|
|
7724
|
-
onPressIn: function
|
|
7724
|
+
onPressIn: function () {
|
|
7725
7725
|
color.value = withSpring(1);
|
|
7726
7726
|
pressed.value = 1;
|
|
7727
7727
|
},
|
|
7728
|
-
onPressOut: function
|
|
7728
|
+
onPressOut: function () {
|
|
7729
7729
|
color.value = withSpring(0);
|
|
7730
7730
|
pressed.value = 0;
|
|
7731
7731
|
},
|
|
@@ -7778,7 +7778,7 @@ function RadioButton(_ref) {
|
|
|
7778
7778
|
flexShrink: createResponsiveStyleFromProp(stretch, 1, undefined),
|
|
7779
7779
|
flexBasis: createResponsiveStyleFromProp(stretch, 0),
|
|
7780
7780
|
disabled: disabled,
|
|
7781
|
-
onPress: function
|
|
7781
|
+
onPress: function (e) {
|
|
7782
7782
|
if (onFocus) onFocus(e);
|
|
7783
7783
|
if (onChange) onChange(value);
|
|
7784
7784
|
if (onBlur) onBlur(e);
|
|
@@ -7787,7 +7787,7 @@ function RadioButton(_ref) {
|
|
|
7787
7787
|
onPressOut: onPressOut,
|
|
7788
7788
|
onFocus: onFocus,
|
|
7789
7789
|
onBlur: onBlur,
|
|
7790
|
-
children: function
|
|
7790
|
+
children: function (_ref2) {
|
|
7791
7791
|
var isHovered = _ref2.isHovered,
|
|
7792
7792
|
isPressed = _ref2.isPressed,
|
|
7793
7793
|
isFocused = _ref2.isFocused;
|
|
@@ -7906,7 +7906,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7906
7906
|
textAlignVertical: "top",
|
|
7907
7907
|
minHeight: "kitt.forms.textArea.minHeight"
|
|
7908
7908
|
}, props), {}, {
|
|
7909
|
-
onChange: function
|
|
7909
|
+
onChange: function (e) {
|
|
7910
7910
|
if (!limit || e.nativeEvent.text.length <= limit) {
|
|
7911
7911
|
var _props$onChange;
|
|
7912
7912
|
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, e);
|
|
@@ -8069,10 +8069,10 @@ function Toggle(_ref) {
|
|
|
8069
8069
|
children: [/*#__PURE__*/jsx(Pressable, {
|
|
8070
8070
|
accessibilityRole: "togglebutton",
|
|
8071
8071
|
disabled: isDisabled,
|
|
8072
|
-
onPress: function
|
|
8072
|
+
onPress: function () {
|
|
8073
8073
|
onChange(!value);
|
|
8074
8074
|
},
|
|
8075
|
-
children: function
|
|
8075
|
+
children: function (_ref2) {
|
|
8076
8076
|
var isHovered = _ref2.isHovered,
|
|
8077
8077
|
isPressed = _ref2.isPressed,
|
|
8078
8078
|
isFocused = _ref2.isFocused;
|
|
@@ -8261,11 +8261,11 @@ function FullscreenModalAnimation(_ref) {
|
|
|
8261
8261
|
transparent: true,
|
|
8262
8262
|
supportedOrientations: ['landscape', 'portrait'],
|
|
8263
8263
|
visible: isModalVisible,
|
|
8264
|
-
onShow: function
|
|
8264
|
+
onShow: function () {
|
|
8265
8265
|
if (onEnter) onEnter();
|
|
8266
8266
|
setIsContentVisible(true);
|
|
8267
8267
|
},
|
|
8268
|
-
onDismiss: function
|
|
8268
|
+
onDismiss: function () {
|
|
8269
8269
|
if (onExited) onExited();
|
|
8270
8270
|
},
|
|
8271
8271
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -8312,7 +8312,7 @@ function FullscreenModalBehaviour(_ref) {
|
|
|
8312
8312
|
onClose: onClose,
|
|
8313
8313
|
children: /*#__PURE__*/jsx(FullscreenModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
8314
8314
|
visible: visible,
|
|
8315
|
-
onExited: function
|
|
8315
|
+
onExited: function () {
|
|
8316
8316
|
if (onExited) onExited();
|
|
8317
8317
|
setIsModalBehaviourVisible(false);
|
|
8318
8318
|
},
|
|
@@ -8539,11 +8539,11 @@ var useNativeAnimation$2 = function (_ref) {
|
|
|
8539
8539
|
};
|
|
8540
8540
|
});
|
|
8541
8541
|
return {
|
|
8542
|
-
onPressIn: function
|
|
8542
|
+
onPressIn: function () {
|
|
8543
8543
|
color.value = withTiming(1, withTimingConfig);
|
|
8544
8544
|
translate.value = withTiming(2, withTimingConfig);
|
|
8545
8545
|
},
|
|
8546
|
-
onPressOut: function
|
|
8546
|
+
onPressOut: function () {
|
|
8547
8547
|
color.value = withTiming(0, withTimingConfig);
|
|
8548
8548
|
translate.value = withTiming(0, withTimingConfig);
|
|
8549
8549
|
},
|
|
@@ -8635,13 +8635,13 @@ function Highlight(_ref) {
|
|
|
8635
8635
|
});
|
|
8636
8636
|
}
|
|
8637
8637
|
return /*#__PURE__*/jsx(Pressable, {
|
|
8638
|
-
onPress: function
|
|
8638
|
+
onPress: function () {
|
|
8639
8639
|
setIsExpanded(!isExpanded);
|
|
8640
8640
|
setIsInitialRender(false);
|
|
8641
8641
|
},
|
|
8642
8642
|
onPressIn: onPressIn,
|
|
8643
8643
|
onPressOut: onPressOut,
|
|
8644
|
-
children: function
|
|
8644
|
+
children: function (_ref2) {
|
|
8645
8645
|
var isHovered = _ref2.isHovered;
|
|
8646
8646
|
return /*#__PURE__*/jsxs(AnimatedContainer, {
|
|
8647
8647
|
isHovered: isHovered,
|
|
@@ -8790,10 +8790,10 @@ function useNativeAnimation$1(_ref) {
|
|
|
8790
8790
|
return {
|
|
8791
8791
|
opacityStyles: opacityStyles,
|
|
8792
8792
|
scaleStyles: scaleStyles,
|
|
8793
|
-
onPressIn: function
|
|
8793
|
+
onPressIn: function () {
|
|
8794
8794
|
pressed.value = true;
|
|
8795
8795
|
},
|
|
8796
|
-
onPressOut: function
|
|
8796
|
+
onPressOut: function () {
|
|
8797
8797
|
pressed.value = false;
|
|
8798
8798
|
}
|
|
8799
8799
|
};
|
|
@@ -8872,7 +8872,7 @@ function IconButton(_ref) {
|
|
|
8872
8872
|
onPress: onPress,
|
|
8873
8873
|
onPressIn: onPressIn,
|
|
8874
8874
|
onPressOut: onPressOut,
|
|
8875
|
-
children: function
|
|
8875
|
+
children: function (_ref2) {
|
|
8876
8876
|
var isHovered = _ref2.isHovered,
|
|
8877
8877
|
isPressed = _ref2.isPressed,
|
|
8878
8878
|
isFocused = _ref2.isFocused;
|
|
@@ -9201,7 +9201,7 @@ function MapMarker(_ref2) {
|
|
|
9201
9201
|
return /*#__PURE__*/jsx(Pressable$1, {
|
|
9202
9202
|
testID: testID,
|
|
9203
9203
|
onPress: onPress,
|
|
9204
|
-
children: function
|
|
9204
|
+
children: function (_ref3) {
|
|
9205
9205
|
var isHovered = _ref3.isHovered;
|
|
9206
9206
|
return /*#__PURE__*/jsx(StaticMapMarker$1, _objectSpread(_objectSpread({}, props), {}, {
|
|
9207
9207
|
isHovered: isHovered
|
|
@@ -11804,19 +11804,19 @@ function NavigationModalBehaviour(_ref) {
|
|
|
11804
11804
|
children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
|
|
11805
11805
|
appear: shouldAppear,
|
|
11806
11806
|
visible: visible,
|
|
11807
|
-
onEnter: function
|
|
11807
|
+
onEnter: function () {
|
|
11808
11808
|
if (onEnter) onEnter();
|
|
11809
11809
|
|
|
11810
11810
|
// Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
|
|
11811
11811
|
setShouldAppear(false);
|
|
11812
11812
|
},
|
|
11813
|
-
onExit: function
|
|
11813
|
+
onExit: function () {
|
|
11814
11814
|
if (onExit) onExit();
|
|
11815
11815
|
|
|
11816
11816
|
// Reset appear value to its original value for future modal display
|
|
11817
11817
|
setShouldAppear(appear);
|
|
11818
11818
|
},
|
|
11819
|
-
onExited: function
|
|
11819
|
+
onExited: function () {
|
|
11820
11820
|
if (onExited) onExited();
|
|
11821
11821
|
setIsModalBehaviourVisible(false);
|
|
11822
11822
|
},
|
|
@@ -12177,7 +12177,7 @@ function Picker(_ref) {
|
|
|
12177
12177
|
isOpen: state.isOpen,
|
|
12178
12178
|
selectedItem: state.currentValue,
|
|
12179
12179
|
disabled: disabled,
|
|
12180
|
-
onPress: function
|
|
12180
|
+
onPress: function () {
|
|
12181
12181
|
if (syncStateWithSourceValue) {
|
|
12182
12182
|
dispatch({
|
|
12183
12183
|
type: 'open-modal-with-value',
|
|
@@ -12231,7 +12231,7 @@ function Picker(_ref) {
|
|
|
12231
12231
|
accessibilityState: {
|
|
12232
12232
|
selected: isSelected
|
|
12233
12233
|
},
|
|
12234
|
-
onPress: function
|
|
12234
|
+
onPress: function () {
|
|
12235
12235
|
handleInternalChange(item.props.value);
|
|
12236
12236
|
},
|
|
12237
12237
|
children: function (_ref2) {
|
|
@@ -12252,7 +12252,7 @@ function Picker(_ref) {
|
|
|
12252
12252
|
children: /*#__PURE__*/jsx(Button, {
|
|
12253
12253
|
stretch: true,
|
|
12254
12254
|
type: "primary",
|
|
12255
|
-
onPress: function
|
|
12255
|
+
onPress: function () {
|
|
12256
12256
|
if (onChange) onChange(state.internalValue);
|
|
12257
12257
|
dispatch({
|
|
12258
12258
|
type: 'change-value'
|
|
@@ -12389,7 +12389,7 @@ function Skeleton(_ref) {
|
|
|
12389
12389
|
return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
|
|
12390
12390
|
overflow: "hidden",
|
|
12391
12391
|
style: style,
|
|
12392
|
-
onLayout: function
|
|
12392
|
+
onLayout: function (_ref2) {
|
|
12393
12393
|
var nativeEvent = _ref2.nativeEvent;
|
|
12394
12394
|
return setWidth(nativeEvent.layout.width);
|
|
12395
12395
|
},
|
|
@@ -12611,7 +12611,7 @@ function StaticMap(_ref) {
|
|
|
12611
12611
|
position: "relative",
|
|
12612
12612
|
maxWidth: mapBoxMaxPictureWidth,
|
|
12613
12613
|
height: height,
|
|
12614
|
-
onLayout: function
|
|
12614
|
+
onLayout: function (event) {
|
|
12615
12615
|
var nativeEvent = event.nativeEvent;
|
|
12616
12616
|
var rangedMapWidth = getPictureWidth(nativeEvent.layout.width);
|
|
12617
12617
|
setCurrentWidth(rangedMapWidth);
|
|
@@ -12623,11 +12623,11 @@ function StaticMap(_ref) {
|
|
|
12623
12623
|
width: currentWidth,
|
|
12624
12624
|
height: height,
|
|
12625
12625
|
alt: alt,
|
|
12626
|
-
onLoadEnd: function
|
|
12626
|
+
onLoadEnd: function () {
|
|
12627
12627
|
setIsLoading(false);
|
|
12628
12628
|
if (onLoaded) onLoaded();
|
|
12629
12629
|
},
|
|
12630
|
-
onError: function
|
|
12630
|
+
onError: function () {
|
|
12631
12631
|
setHasError(true);
|
|
12632
12632
|
if (onError) onError();
|
|
12633
12633
|
}
|
|
@@ -12652,7 +12652,7 @@ function StaticMap(_ref) {
|
|
|
12652
12652
|
width: "100%",
|
|
12653
12653
|
height: "100%",
|
|
12654
12654
|
children: /*#__PURE__*/jsx(StaticMapError, {
|
|
12655
|
-
onReload: function
|
|
12655
|
+
onReload: function () {
|
|
12656
12656
|
setHasError(false);
|
|
12657
12657
|
setIsLoading(true);
|
|
12658
12658
|
setCurrentMapKey(function (prev) {
|
|
@@ -12893,7 +12893,7 @@ function StoryContainer(_ref) {
|
|
|
12893
12893
|
var StoryDecorator = makeDecorator({
|
|
12894
12894
|
name: 'StoryDecorator',
|
|
12895
12895
|
parameterName: 'storyDecorator',
|
|
12896
|
-
wrapper: function
|
|
12896
|
+
wrapper: function (storyFn, context) {
|
|
12897
12897
|
var story = storyFn(context);
|
|
12898
12898
|
if (context.parameters.disableStoryContainer) {
|
|
12899
12899
|
return story;
|
|
@@ -13078,7 +13078,7 @@ function TabBar(_ref) {
|
|
|
13078
13078
|
return /*#__PURE__*/jsx(View, {
|
|
13079
13079
|
children: /*#__PURE__*/cloneElement(child, {
|
|
13080
13080
|
color: color,
|
|
13081
|
-
onPress: function
|
|
13081
|
+
onPress: function (event) {
|
|
13082
13082
|
var _child$props$onPress, _child$props;
|
|
13083
13083
|
onChangeTab({
|
|
13084
13084
|
tab: tabs[index],
|
|
@@ -13227,7 +13227,7 @@ function ModalDateTimePicker(_ref) {
|
|
|
13227
13227
|
stretch: true,
|
|
13228
13228
|
testID: "timePicker.ModalDateTimePicker.submitButton",
|
|
13229
13229
|
type: "primary",
|
|
13230
|
-
onPress: function
|
|
13230
|
+
onPress: function () {
|
|
13231
13231
|
onChange(currentValue);
|
|
13232
13232
|
},
|
|
13233
13233
|
children: buttonContent
|
|
@@ -13274,7 +13274,7 @@ var TimePickerPressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13274
13274
|
width: createResponsiveStyleFromProp(stretch, '100%', 'kitt.forms.timePicker.minWidth'),
|
|
13275
13275
|
pointerEvents: "box-only",
|
|
13276
13276
|
onPress: onPress,
|
|
13277
|
-
children: function
|
|
13277
|
+
children: function (_ref2) {
|
|
13278
13278
|
var isHovered = _ref2.isHovered,
|
|
13279
13279
|
isFocused = _ref2.isFocused,
|
|
13280
13280
|
isPressed = _ref2.isPressed;
|
|
@@ -13351,7 +13351,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13351
13351
|
isHoveredInternal: isHoveredInternal,
|
|
13352
13352
|
isFocusedInternal: isFocusedInternal,
|
|
13353
13353
|
isPressedInternal: isPressedInternal,
|
|
13354
|
-
onPress: function
|
|
13354
|
+
onPress: function () {
|
|
13355
13355
|
setIsPickerVisible(true);
|
|
13356
13356
|
}
|
|
13357
13357
|
}), Platform.OS === 'android' && isPickerVisible ? /*#__PURE__*/jsx(DateTimePicker, {
|
|
@@ -13375,7 +13375,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13375
13375
|
value: pickerValue,
|
|
13376
13376
|
validateButtonLabel: validateButtonLabel,
|
|
13377
13377
|
onChange: handleChange,
|
|
13378
|
-
onClose: function
|
|
13378
|
+
onClose: function () {
|
|
13379
13379
|
setIsPickerVisible(false);
|
|
13380
13380
|
}
|
|
13381
13381
|
}) : null]
|
|
@@ -13738,7 +13738,7 @@ function Tooltip(_ref) {
|
|
|
13738
13738
|
ref: reference,
|
|
13739
13739
|
children: renderPressable({
|
|
13740
13740
|
ref: getPressableRect,
|
|
13741
|
-
onPress: function
|
|
13741
|
+
onPress: function () {
|
|
13742
13742
|
if (onToggle) onToggle(!!pressed.value);
|
|
13743
13743
|
pressed.value = !pressed.value;
|
|
13744
13744
|
},
|
|
@@ -13757,7 +13757,7 @@ function Tooltip(_ref) {
|
|
|
13757
13757
|
left: customShiftData.left,
|
|
13758
13758
|
right: customShiftData.right,
|
|
13759
13759
|
zIndex: zIndex,
|
|
13760
|
-
onLayout: function
|
|
13760
|
+
onLayout: function (_ref2) {
|
|
13761
13761
|
var nativeEvent = _ref2.nativeEvent;
|
|
13762
13762
|
return setFloatingWidth(nativeEvent.layout.width);
|
|
13763
13763
|
},
|
|
@@ -13920,7 +13920,7 @@ function KittThemeProvider(_ref) {
|
|
|
13920
13920
|
var KittThemeDecorator = makeDecorator({
|
|
13921
13921
|
name: 'ThemeDecorator',
|
|
13922
13922
|
parameterName: 'theme',
|
|
13923
|
-
wrapper: function
|
|
13923
|
+
wrapper: function (storyFn, context, _ref2) {
|
|
13924
13924
|
var _parameters$isSSR;
|
|
13925
13925
|
var _ref2$options = _ref2.options,
|
|
13926
13926
|
options = _ref2$options === void 0 ? {} : _ref2$options,
|