@ornikar/kitt-universal 27.3.0 → 27.3.1-canary.2a1e1042a7d526c8c6b6197a77f84626e0e5d206.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 +89 -89
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +60 -60
- 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 +29 -29
package/dist/index.es.js
CHANGED
|
@@ -2452,7 +2452,7 @@ var breakpoints = {
|
|
|
2452
2452
|
// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
|
|
2453
2453
|
var theme = {
|
|
2454
2454
|
spacing: spacing,
|
|
2455
|
-
getSpacing: function
|
|
2455
|
+
getSpacing: function (multiplier) {
|
|
2456
2456
|
return spacing * multiplier;
|
|
2457
2457
|
},
|
|
2458
2458
|
colors: colors,
|
|
@@ -2639,7 +2639,7 @@ var ActionCardPressable = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2639
2639
|
onPress: onPress,
|
|
2640
2640
|
onHoverIn: onHoverIn,
|
|
2641
2641
|
onHoverOut: onHoverOut,
|
|
2642
|
-
children: function
|
|
2642
|
+
children: function (_ref3) {
|
|
2643
2643
|
var isHovered = _ref3.isHovered,
|
|
2644
2644
|
isPressed = _ref3.isPressed,
|
|
2645
2645
|
isFocused = _ref3.isFocused;
|
|
@@ -3419,11 +3419,11 @@ var useNativeAnimation$4 = function (_ref) {
|
|
|
3419
3419
|
};
|
|
3420
3420
|
});
|
|
3421
3421
|
return {
|
|
3422
|
-
onPressIn: function
|
|
3422
|
+
onPressIn: function () {
|
|
3423
3423
|
color.value = withSpring(1);
|
|
3424
3424
|
pressed.value = 1;
|
|
3425
3425
|
},
|
|
3426
|
-
onPressOut: function
|
|
3426
|
+
onPressOut: function () {
|
|
3427
3427
|
color.value = withSpring(0);
|
|
3428
3428
|
pressed.value = 0;
|
|
3429
3429
|
},
|
|
@@ -3492,7 +3492,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3492
3492
|
onHoverOut: onHoverOut,
|
|
3493
3493
|
onFocus: onFocus,
|
|
3494
3494
|
onBlur: onBlur,
|
|
3495
|
-
children: function
|
|
3495
|
+
children: function (_ref2) {
|
|
3496
3496
|
var isHovered = _ref2.isHovered,
|
|
3497
3497
|
isPressed = _ref2.isPressed,
|
|
3498
3498
|
isFocused = _ref2.isFocused;
|
|
@@ -3615,7 +3615,7 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3615
3615
|
stretch: stretch,
|
|
3616
3616
|
disabled: isLoading ? true : disabled,
|
|
3617
3617
|
icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
|
|
3618
|
-
onPress: function
|
|
3618
|
+
onPress: function (e) {
|
|
3619
3619
|
var callPressAndUpdateLoadingState = /*#__PURE__*/function () {
|
|
3620
3620
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
3621
3621
|
return _regeneratorRuntime().wrap(function (_context) {
|
|
@@ -3887,10 +3887,10 @@ function BottomSheetComp(_ref, ref) {
|
|
|
3887
3887
|
borderRadius: 4,
|
|
3888
3888
|
backgroundColor: theme.kitt.bottomSheet.handle.backgroundColor
|
|
3889
3889
|
},
|
|
3890
|
-
handleComponent: function
|
|
3890
|
+
handleComponent: function (props) {
|
|
3891
3891
|
return hasHandle ? /*#__PURE__*/jsx(BottomSheetHandle, _objectSpread({}, props)) : null;
|
|
3892
3892
|
},
|
|
3893
|
-
backdropComponent: function
|
|
3893
|
+
backdropComponent: function (props) {
|
|
3894
3894
|
return hasBackdrop ? /*#__PURE__*/jsx(BottomSheetBackdrop, _objectSpread(_objectSpread({}, props), {}, {
|
|
3895
3895
|
opacity: 0.25,
|
|
3896
3896
|
appearsOnIndex: 0,
|
|
@@ -3899,7 +3899,7 @@ function BottomSheetComp(_ref, ref) {
|
|
|
3899
3899
|
}
|
|
3900
3900
|
}, rest), {}, {
|
|
3901
3901
|
topInset: top,
|
|
3902
|
-
children: function
|
|
3902
|
+
children: function (props) {
|
|
3903
3903
|
return /*#__PURE__*/jsx(Wrapper, {
|
|
3904
3904
|
children: typeof Content === 'function' ? /*#__PURE__*/jsx(Content, _objectSpread({}, props === null || props === void 0 ? void 0 : props.data)) : Content
|
|
3905
3905
|
});
|
|
@@ -3975,7 +3975,7 @@ function CloseButton(_ref) {
|
|
|
3975
3975
|
onPress = _ref.onPress;
|
|
3976
3976
|
var onCloseContextCallback = useOnCloseModalBehaviour();
|
|
3977
3977
|
return /*#__PURE__*/cloneElement(children, {
|
|
3978
|
-
onPress: function
|
|
3978
|
+
onPress: function () {
|
|
3979
3979
|
if (onPress) onPress();
|
|
3980
3980
|
onCloseContextCallback();
|
|
3981
3981
|
}
|
|
@@ -4153,11 +4153,11 @@ function CardModalAnimation(_ref) {
|
|
|
4153
4153
|
transparent: true,
|
|
4154
4154
|
supportedOrientations: ['landscape', 'portrait'],
|
|
4155
4155
|
visible: isModalVisible,
|
|
4156
|
-
onShow: function
|
|
4156
|
+
onShow: function () {
|
|
4157
4157
|
if (onEnter) onEnter();
|
|
4158
4158
|
setIsContentVisible(true);
|
|
4159
4159
|
},
|
|
4160
|
-
onDismiss: function
|
|
4160
|
+
onDismiss: function () {
|
|
4161
4161
|
if (onExited) onExited();
|
|
4162
4162
|
},
|
|
4163
4163
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -4204,7 +4204,7 @@ function CardModalBehaviour(_ref) {
|
|
|
4204
4204
|
onClose: onClose,
|
|
4205
4205
|
children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
4206
4206
|
visible: visible,
|
|
4207
|
-
onExited: function
|
|
4207
|
+
onExited: function () {
|
|
4208
4208
|
if (onExited) onExited();
|
|
4209
4209
|
setIsModalBehaviourVisible(false);
|
|
4210
4210
|
},
|
|
@@ -4435,10 +4435,10 @@ var useNativeAnimation$3 = function (_ref) {
|
|
|
4435
4435
|
};
|
|
4436
4436
|
});
|
|
4437
4437
|
return {
|
|
4438
|
-
onPressIn: function
|
|
4438
|
+
onPressIn: function () {
|
|
4439
4439
|
pressed.value = true;
|
|
4440
4440
|
},
|
|
4441
|
-
onPressOut: function
|
|
4441
|
+
onPressOut: function () {
|
|
4442
4442
|
pressed.value = false;
|
|
4443
4443
|
},
|
|
4444
4444
|
backgroundStyles: backgroundStyles
|
|
@@ -4501,7 +4501,7 @@ function ChoiceItem(_ref) {
|
|
|
4501
4501
|
style: style,
|
|
4502
4502
|
onBlur: onBlur,
|
|
4503
4503
|
onFocus: onFocus,
|
|
4504
|
-
onPress: function
|
|
4504
|
+
onPress: function (e) {
|
|
4505
4505
|
if (onFocus) onFocus(e);
|
|
4506
4506
|
if (onPress) onPress();
|
|
4507
4507
|
handleChange();
|
|
@@ -4509,7 +4509,7 @@ function ChoiceItem(_ref) {
|
|
|
4509
4509
|
},
|
|
4510
4510
|
onPressIn: onPressIn,
|
|
4511
4511
|
onPressOut: onPressOut,
|
|
4512
|
-
children: function
|
|
4512
|
+
children: function (_ref2) {
|
|
4513
4513
|
var isHovered = _ref2.isHovered,
|
|
4514
4514
|
isPressed = _ref2.isPressed;
|
|
4515
4515
|
var textColor = getCurrentTextColor$1({
|
|
@@ -4613,7 +4613,7 @@ function Choices(_ref2) {
|
|
|
4613
4613
|
type: type,
|
|
4614
4614
|
disabled: disabled,
|
|
4615
4615
|
onPress: !isForm ? onPress : undefined,
|
|
4616
|
-
onChange: isForm ? function
|
|
4616
|
+
onChange: isForm ? function (newValue) {
|
|
4617
4617
|
setCurrentValue(newValue);
|
|
4618
4618
|
if (onChange) onChange(newValue);
|
|
4619
4619
|
} : undefined,
|
|
@@ -4771,11 +4771,11 @@ function DialogModalAnimation(_ref) {
|
|
|
4771
4771
|
transparent: true,
|
|
4772
4772
|
supportedOrientations: ['landscape', 'portrait'],
|
|
4773
4773
|
visible: isModalVisible,
|
|
4774
|
-
onShow: function
|
|
4774
|
+
onShow: function () {
|
|
4775
4775
|
if (onEnter) onEnter();
|
|
4776
4776
|
setIsContentVisible(true);
|
|
4777
4777
|
},
|
|
4778
|
-
onDismiss: function
|
|
4778
|
+
onDismiss: function () {
|
|
4779
4779
|
if (onExited) onExited();
|
|
4780
4780
|
},
|
|
4781
4781
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -4829,7 +4829,7 @@ function DialogModalBehaviour(_ref) {
|
|
|
4829
4829
|
},
|
|
4830
4830
|
children: /*#__PURE__*/jsx(DialogModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
4831
4831
|
visible: visible,
|
|
4832
|
-
onExited: function
|
|
4832
|
+
onExited: function () {
|
|
4833
4833
|
if (onExited) onExited();
|
|
4834
4834
|
setIsModalBehaviourVisible(false);
|
|
4835
4835
|
},
|
|
@@ -5092,7 +5092,7 @@ function ExternalLink(_ref) {
|
|
|
5092
5092
|
var openExternalLink = useOpenExternalLink();
|
|
5093
5093
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5094
5094
|
return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, rest), {}, {
|
|
5095
|
-
onPress: function
|
|
5095
|
+
onPress: function (e) {
|
|
5096
5096
|
if (onPress) {
|
|
5097
5097
|
onPress(e);
|
|
5098
5098
|
if (e.defaultPrevented) return;
|
|
@@ -5316,14 +5316,14 @@ var _excluded$z = ["children", "name", "disabled", "placeholder", "isInitialOpen
|
|
|
5316
5316
|
function patchNativeEvent(event) {
|
|
5317
5317
|
return event || {
|
|
5318
5318
|
preventDownshiftDefault: false,
|
|
5319
|
-
preventDefault: function
|
|
5319
|
+
preventDefault: function () {}
|
|
5320
5320
|
};
|
|
5321
5321
|
}
|
|
5322
5322
|
function isReactElement(element) {
|
|
5323
5323
|
return _typeof(element) === 'object' && element !== null && 'type' in element && 'props' in element;
|
|
5324
5324
|
}
|
|
5325
5325
|
function Autocomplete(_ref) {
|
|
5326
|
-
var
|
|
5326
|
+
var children = _ref.children,
|
|
5327
5327
|
name = _ref.name,
|
|
5328
5328
|
disabled = _ref.disabled,
|
|
5329
5329
|
placeholder = _ref.placeholder,
|
|
@@ -5350,7 +5350,7 @@ function Autocomplete(_ref) {
|
|
|
5350
5350
|
zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
|
|
5351
5351
|
maxItemContainerHeight = _ref.maxItemContainerHeight,
|
|
5352
5352
|
props = _objectWithoutProperties(_ref, _excluded$z);
|
|
5353
|
-
var childrenArray = Children.toArray(
|
|
5353
|
+
var childrenArray = Children.toArray(children);
|
|
5354
5354
|
var items = childrenArray.filter(isReactElement).map(function (child) {
|
|
5355
5355
|
return {
|
|
5356
5356
|
child: child,
|
|
@@ -5361,12 +5361,12 @@ function Autocomplete(_ref) {
|
|
|
5361
5361
|
defaultIsOpen: isInitialOpen,
|
|
5362
5362
|
initialSelectedItem: initialValue,
|
|
5363
5363
|
initialInputValue: initialValue ? itemToString(initialValue) : undefined,
|
|
5364
|
-
itemToString: function
|
|
5364
|
+
itemToString: function (item) {
|
|
5365
5365
|
// Prevents returning null values
|
|
5366
5366
|
if (!itemToString) return '';
|
|
5367
5367
|
return itemToString(item || undefined);
|
|
5368
5368
|
},
|
|
5369
|
-
stateReducer: function
|
|
5369
|
+
stateReducer: function (state, changes) {
|
|
5370
5370
|
switch (changes.type) {
|
|
5371
5371
|
case Downshift.stateChangeTypes.changeInput:
|
|
5372
5372
|
return _objectSpread(_objectSpread({}, changes), {}, {
|
|
@@ -5376,7 +5376,7 @@ function Autocomplete(_ref) {
|
|
|
5376
5376
|
return changes;
|
|
5377
5377
|
}
|
|
5378
5378
|
},
|
|
5379
|
-
onChange: function
|
|
5379
|
+
onChange: function (selectedItem, stateAndHelpers) {
|
|
5380
5380
|
if (_onChange) {
|
|
5381
5381
|
_onChange(selectedItem, stateAndHelpers);
|
|
5382
5382
|
}
|
|
@@ -5384,7 +5384,7 @@ function Autocomplete(_ref) {
|
|
|
5384
5384
|
onSelect: onSelectItem,
|
|
5385
5385
|
onOuterClick: onOuterPress,
|
|
5386
5386
|
onInputValueChange: onInputChange,
|
|
5387
|
-
children: function
|
|
5387
|
+
children: function (_ref2) {
|
|
5388
5388
|
var getRootProps = _ref2.getRootProps,
|
|
5389
5389
|
getInputProps = _ref2.getInputProps,
|
|
5390
5390
|
getMenuProps = _ref2.getMenuProps,
|
|
@@ -5436,7 +5436,7 @@ function Autocomplete(_ref) {
|
|
|
5436
5436
|
right: right || (canDisplayCollapseButton ? /*#__PURE__*/jsx(InputPressable, _objectSpread(_objectSpread({}, toggleProps), {}, {
|
|
5437
5437
|
testID: "kitt.Autocomplete.listToggle",
|
|
5438
5438
|
hitSlop: 40,
|
|
5439
|
-
onPress: function
|
|
5439
|
+
onPress: function (e) {
|
|
5440
5440
|
if (Platform.OS === 'web') {
|
|
5441
5441
|
onClickToggle(e);
|
|
5442
5442
|
return;
|
|
@@ -5447,13 +5447,13 @@ function Autocomplete(_ref) {
|
|
|
5447
5447
|
icon: isCurrentlyOpen ? /*#__PURE__*/jsx(CaretUpFillIcon, {}) : /*#__PURE__*/jsx(CaretDownFillIcon, {})
|
|
5448
5448
|
})
|
|
5449
5449
|
})) : null),
|
|
5450
|
-
onFocus: function
|
|
5450
|
+
onFocus: function (e) {
|
|
5451
5451
|
openMenu();
|
|
5452
5452
|
/** @ts-expect-error onFocus wants web events */
|
|
5453
5453
|
if (Platform.OS !== 'android' && onSearchInputFocus) onSearchInputFocus(e);
|
|
5454
5454
|
if (_onFocus) _onFocus(e);
|
|
5455
5455
|
},
|
|
5456
|
-
onBlur: function
|
|
5456
|
+
onBlur: function (e) {
|
|
5457
5457
|
/** @ts-expect-error onBlur wants web events */
|
|
5458
5458
|
if (Platform.OS === 'web' && onSearchInputBlur) onSearchInputBlur(e);
|
|
5459
5459
|
|
|
@@ -5489,14 +5489,14 @@ function Autocomplete(_ref) {
|
|
|
5489
5489
|
selected: ariaSelected
|
|
5490
5490
|
},
|
|
5491
5491
|
disabled: disabled,
|
|
5492
|
-
onPress: function
|
|
5492
|
+
onPress: function (e) {
|
|
5493
5493
|
if (Platform.OS === 'web') {
|
|
5494
5494
|
if (onClick) onClick(e);
|
|
5495
5495
|
return;
|
|
5496
5496
|
}
|
|
5497
5497
|
if (_onPress) _onPress(patchNativeEvent(e));
|
|
5498
5498
|
},
|
|
5499
|
-
children: function
|
|
5499
|
+
children: function (_ref5) {
|
|
5500
5500
|
var isHovered = _ref5.isHovered,
|
|
5501
5501
|
isFocused = _ref5.isFocused,
|
|
5502
5502
|
isPressed = _ref5.isPressed;
|
|
@@ -5586,12 +5586,12 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
5586
5586
|
disabled: disabled
|
|
5587
5587
|
},
|
|
5588
5588
|
disabled: disabled,
|
|
5589
|
-
onPress: function
|
|
5589
|
+
onPress: function (e) {
|
|
5590
5590
|
if (onFocus) onFocus();
|
|
5591
5591
|
if (onChange) onChange(!checked, e);
|
|
5592
5592
|
if (onBlur) onBlur();
|
|
5593
5593
|
},
|
|
5594
|
-
children: function
|
|
5594
|
+
children: function (_ref2) {
|
|
5595
5595
|
var isHovered = _ref2.isHovered,
|
|
5596
5596
|
isPressed = _ref2.isPressed,
|
|
5597
5597
|
isFocused = _ref2.isFocused;
|
|
@@ -6146,7 +6146,7 @@ var DatePickerAndroid = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6146
6146
|
DateTimePickerAndroid.open({
|
|
6147
6147
|
testID: pickerUITestID,
|
|
6148
6148
|
value: currentValue || pickerDefaultDate || new Date(Date.now()),
|
|
6149
|
-
onChange: function
|
|
6149
|
+
onChange: function (e) {
|
|
6150
6150
|
setIsFocused(false);
|
|
6151
6151
|
var timestamp = e.nativeEvent.timestamp;
|
|
6152
6152
|
if (timestamp) {
|
|
@@ -6198,7 +6198,7 @@ function PlatformDateTimePicker(_ref) {
|
|
|
6198
6198
|
minimumDate: minimuDate,
|
|
6199
6199
|
display: displayMode
|
|
6200
6200
|
}, iosProps), {}, {
|
|
6201
|
-
onChange: function
|
|
6201
|
+
onChange: function (_event, date) {
|
|
6202
6202
|
return _onChange(date);
|
|
6203
6203
|
}
|
|
6204
6204
|
}));
|
|
@@ -6232,7 +6232,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6232
6232
|
|
|
6233
6233
|
return /*#__PURE__*/jsx(CardModal.ModalBehaviour, {
|
|
6234
6234
|
visible: Boolean(isVisible),
|
|
6235
|
-
onClose: function
|
|
6235
|
+
onClose: function () {
|
|
6236
6236
|
setCurrentValue(value);
|
|
6237
6237
|
onClose();
|
|
6238
6238
|
},
|
|
@@ -6243,7 +6243,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6243
6243
|
}) : null, /*#__PURE__*/jsx(CardModal.Body, {
|
|
6244
6244
|
children: /*#__PURE__*/jsx(PlatformDateTimePicker, _objectSpread(_objectSpread({}, props), {}, {
|
|
6245
6245
|
value: currentValue,
|
|
6246
|
-
onChange: function
|
|
6246
|
+
onChange: function (newDate) {
|
|
6247
6247
|
setCurrentValue(function (prev) {
|
|
6248
6248
|
return newDate || prev;
|
|
6249
6249
|
});
|
|
@@ -6253,7 +6253,7 @@ function ModalPlatformDateTimePicker(_ref2) {
|
|
|
6253
6253
|
children: /*#__PURE__*/jsx(Button, {
|
|
6254
6254
|
stretch: true,
|
|
6255
6255
|
type: "primary",
|
|
6256
|
-
onPress: function
|
|
6256
|
+
onPress: function () {
|
|
6257
6257
|
onChange(currentValue);
|
|
6258
6258
|
},
|
|
6259
6259
|
children: validateButtonLabel ? /*#__PURE__*/jsx(Text$1, {
|
|
@@ -6307,7 +6307,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6307
6307
|
isFocusedInternal: isFocused || isFocusedInternal,
|
|
6308
6308
|
isHoveredInternal: isHoveredInternal,
|
|
6309
6309
|
isPressedInternal: isPressedInternal,
|
|
6310
|
-
onPress: function
|
|
6310
|
+
onPress: function () {
|
|
6311
6311
|
if (onFocus) onFocus();
|
|
6312
6312
|
setIsPickerUIVisible(true);
|
|
6313
6313
|
setIsFocused(true);
|
|
@@ -6320,7 +6320,7 @@ var DefaultNativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
6320
6320
|
validateButtonLabel: pickerUIValidateButtonLabel,
|
|
6321
6321
|
defaultDate: pickerDefaultDate,
|
|
6322
6322
|
onClose: handleModalClose,
|
|
6323
|
-
onChange: function
|
|
6323
|
+
onChange: function (newDate) {
|
|
6324
6324
|
setCurrentValue(newDate);
|
|
6325
6325
|
onChange(newDate);
|
|
6326
6326
|
handleModalClose();
|
|
@@ -6636,7 +6636,7 @@ function FilePicker(_ref) {
|
|
|
6636
6636
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
6637
6637
|
children: [/*#__PURE__*/cloneElement(childElement, {
|
|
6638
6638
|
// ensure that the press event is not prevented by Button component
|
|
6639
|
-
onPress: function
|
|
6639
|
+
onPress: function () {
|
|
6640
6640
|
var _childElement$props$o, _childElement$props, _bottomSheetRef$curre;
|
|
6641
6641
|
if (disabled) return;
|
|
6642
6642
|
(_childElement$props$o = (_childElement$props = childElement.props).onPress) === null || _childElement$props$o === void 0 || _childElement$props$o.call(_childElement$props);
|
|
@@ -6937,10 +6937,10 @@ var GoogleMapsAutocompleteContext = /*#__PURE__*/createContext({
|
|
|
6937
6937
|
isLoadingResultDetails: false,
|
|
6938
6938
|
shouldDisplayEmptyStateWhenNoResults: false
|
|
6939
6939
|
},
|
|
6940
|
-
onInputChange: function
|
|
6940
|
+
onInputChange: function () {
|
|
6941
6941
|
return Promise.resolve();
|
|
6942
6942
|
},
|
|
6943
|
-
onSelectItem: function
|
|
6943
|
+
onSelectItem: function () {}
|
|
6944
6944
|
});
|
|
6945
6945
|
function GoogleMapsAutocompleteProvider(_ref) {
|
|
6946
6946
|
var children = _ref.children,
|
|
@@ -7193,7 +7193,7 @@ function InputAddress(_ref) {
|
|
|
7193
7193
|
return /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, props), {}, {
|
|
7194
7194
|
itemToString: itemToString,
|
|
7195
7195
|
initialValue: formattedInitialValue,
|
|
7196
|
-
checkSelectedItem: function
|
|
7196
|
+
checkSelectedItem: function (selectedItem, item) {
|
|
7197
7197
|
return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.place_id) === item.place_id;
|
|
7198
7198
|
},
|
|
7199
7199
|
right: state.isLoadingSearch || state.isLoadingResultDetails ? /*#__PURE__*/jsx(Icon, {
|
|
@@ -7202,10 +7202,10 @@ function InputAddress(_ref) {
|
|
|
7202
7202
|
}) : undefined,
|
|
7203
7203
|
errorElement: state.hasSearchError || state.hasSelectResultError ? errorElement : null,
|
|
7204
7204
|
emptyResultsElement: state.items.length === 0 ? emptyResultsElement : null,
|
|
7205
|
-
onInputChange: function
|
|
7205
|
+
onInputChange: function (v) {
|
|
7206
7206
|
_onInputChange(v);
|
|
7207
7207
|
},
|
|
7208
|
-
onChange: function
|
|
7208
|
+
onChange: function (v) {
|
|
7209
7209
|
onSelectItem(v, _onChange);
|
|
7210
7210
|
},
|
|
7211
7211
|
children: state.items.map(function (item) {
|
|
@@ -7287,7 +7287,7 @@ var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7287
7287
|
ref: ref
|
|
7288
7288
|
}, props), {}, {
|
|
7289
7289
|
inputMode: "numeric",
|
|
7290
|
-
onChange: function
|
|
7290
|
+
onChange: function (event) {
|
|
7291
7291
|
if (!onChange) return;
|
|
7292
7292
|
var value = parseFloat(event.nativeEvent.text);
|
|
7293
7293
|
|
|
@@ -7319,7 +7319,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7319
7319
|
testID: "kitt.InputPassword.passwordToggle",
|
|
7320
7320
|
hitSlop: 20,
|
|
7321
7321
|
accessibilityRole: "button",
|
|
7322
|
-
onPress: function
|
|
7322
|
+
onPress: function () {
|
|
7323
7323
|
return setIsVisible(function (prev) {
|
|
7324
7324
|
return !prev;
|
|
7325
7325
|
});
|
|
@@ -7354,7 +7354,7 @@ var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7354
7354
|
enterKeyHint: currentEnterKeyHint,
|
|
7355
7355
|
autoComplete: autoComplete,
|
|
7356
7356
|
textContentType: "telephoneNumber",
|
|
7357
|
-
onChange: function
|
|
7357
|
+
onChange: function (event) {
|
|
7358
7358
|
var number = parseNumber(event.nativeEvent.text);
|
|
7359
7359
|
|
|
7360
7360
|
// When intl phone number is valid :
|
|
@@ -7547,14 +7547,14 @@ function Radio(_ref, ref) {
|
|
|
7547
7547
|
focusable: checked && !disabled,
|
|
7548
7548
|
flexDirection: "row",
|
|
7549
7549
|
alignItems: "center",
|
|
7550
|
-
onPress: function
|
|
7550
|
+
onPress: function (event) {
|
|
7551
7551
|
if (onFocus) onFocus();
|
|
7552
7552
|
if (onChange) onChange(value, event);
|
|
7553
7553
|
if (onBlur) onBlur();
|
|
7554
7554
|
},
|
|
7555
7555
|
onFocus: onFocus,
|
|
7556
7556
|
onBlur: onBlur,
|
|
7557
|
-
children: function
|
|
7557
|
+
children: function (_ref2) {
|
|
7558
7558
|
var isHovered = _ref2.isHovered,
|
|
7559
7559
|
isPressed = _ref2.isPressed,
|
|
7560
7560
|
isFocused = _ref2.isFocused;
|
|
@@ -7673,11 +7673,11 @@ var useNativeAnimation$2 = function (_ref) {
|
|
|
7673
7673
|
};
|
|
7674
7674
|
});
|
|
7675
7675
|
return {
|
|
7676
|
-
onPressIn: function
|
|
7676
|
+
onPressIn: function () {
|
|
7677
7677
|
color.value = withSpring(1);
|
|
7678
7678
|
pressed.value = 1;
|
|
7679
7679
|
},
|
|
7680
|
-
onPressOut: function
|
|
7680
|
+
onPressOut: function () {
|
|
7681
7681
|
color.value = withSpring(0);
|
|
7682
7682
|
pressed.value = 0;
|
|
7683
7683
|
},
|
|
@@ -7730,7 +7730,7 @@ function RadioButton(_ref) {
|
|
|
7730
7730
|
flexShrink: createResponsiveStyleFromProp(stretch, 1, undefined),
|
|
7731
7731
|
flexBasis: createResponsiveStyleFromProp(stretch, 0),
|
|
7732
7732
|
disabled: disabled,
|
|
7733
|
-
onPress: function
|
|
7733
|
+
onPress: function (e) {
|
|
7734
7734
|
if (onFocus) onFocus(e);
|
|
7735
7735
|
if (onChange) onChange(value);
|
|
7736
7736
|
if (onBlur) onBlur(e);
|
|
@@ -7739,7 +7739,7 @@ function RadioButton(_ref) {
|
|
|
7739
7739
|
onPressOut: onPressOut,
|
|
7740
7740
|
onFocus: onFocus,
|
|
7741
7741
|
onBlur: onBlur,
|
|
7742
|
-
children: function
|
|
7742
|
+
children: function (_ref2) {
|
|
7743
7743
|
var isHovered = _ref2.isHovered,
|
|
7744
7744
|
isPressed = _ref2.isPressed,
|
|
7745
7745
|
isFocused = _ref2.isFocused;
|
|
@@ -7858,7 +7858,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
7858
7858
|
textAlignVertical: "top",
|
|
7859
7859
|
minHeight: "kitt.forms.textArea.minHeight"
|
|
7860
7860
|
}, props), {}, {
|
|
7861
|
-
onChange: function
|
|
7861
|
+
onChange: function (e) {
|
|
7862
7862
|
if (!limit || e.nativeEvent.text.length <= limit) {
|
|
7863
7863
|
var _props$onChange;
|
|
7864
7864
|
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, e);
|
|
@@ -8021,10 +8021,10 @@ function Toggle(_ref) {
|
|
|
8021
8021
|
children: [/*#__PURE__*/jsx(Pressable, {
|
|
8022
8022
|
accessibilityRole: "togglebutton",
|
|
8023
8023
|
disabled: isDisabled,
|
|
8024
|
-
onPress: function
|
|
8024
|
+
onPress: function () {
|
|
8025
8025
|
onChange(!value);
|
|
8026
8026
|
},
|
|
8027
|
-
children: function
|
|
8027
|
+
children: function (_ref2) {
|
|
8028
8028
|
var isHovered = _ref2.isHovered,
|
|
8029
8029
|
isPressed = _ref2.isPressed,
|
|
8030
8030
|
isFocused = _ref2.isFocused;
|
|
@@ -8213,11 +8213,11 @@ function FullscreenModalAnimation(_ref) {
|
|
|
8213
8213
|
transparent: true,
|
|
8214
8214
|
supportedOrientations: ['landscape', 'portrait'],
|
|
8215
8215
|
visible: isModalVisible,
|
|
8216
|
-
onShow: function
|
|
8216
|
+
onShow: function () {
|
|
8217
8217
|
if (onEnter) onEnter();
|
|
8218
8218
|
setIsContentVisible(true);
|
|
8219
8219
|
},
|
|
8220
|
-
onDismiss: function
|
|
8220
|
+
onDismiss: function () {
|
|
8221
8221
|
if (onExited) onExited();
|
|
8222
8222
|
},
|
|
8223
8223
|
children: /*#__PURE__*/jsxs(View, {
|
|
@@ -8264,7 +8264,7 @@ function FullscreenModalBehaviour(_ref) {
|
|
|
8264
8264
|
onClose: onClose,
|
|
8265
8265
|
children: /*#__PURE__*/jsx(FullscreenModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
|
|
8266
8266
|
visible: visible,
|
|
8267
|
-
onExited: function
|
|
8267
|
+
onExited: function () {
|
|
8268
8268
|
if (onExited) onExited();
|
|
8269
8269
|
setIsModalBehaviourVisible(false);
|
|
8270
8270
|
},
|
|
@@ -8491,11 +8491,11 @@ var useNativeAnimation$1 = function (_ref) {
|
|
|
8491
8491
|
};
|
|
8492
8492
|
});
|
|
8493
8493
|
return {
|
|
8494
|
-
onPressIn: function
|
|
8494
|
+
onPressIn: function () {
|
|
8495
8495
|
color.value = withTiming(1, withTimingConfig);
|
|
8496
8496
|
translate.value = withTiming(2, withTimingConfig);
|
|
8497
8497
|
},
|
|
8498
|
-
onPressOut: function
|
|
8498
|
+
onPressOut: function () {
|
|
8499
8499
|
color.value = withTiming(0, withTimingConfig);
|
|
8500
8500
|
translate.value = withTiming(0, withTimingConfig);
|
|
8501
8501
|
},
|
|
@@ -8587,13 +8587,13 @@ function Highlight(_ref) {
|
|
|
8587
8587
|
});
|
|
8588
8588
|
}
|
|
8589
8589
|
return /*#__PURE__*/jsx(Pressable, {
|
|
8590
|
-
onPress: function
|
|
8590
|
+
onPress: function () {
|
|
8591
8591
|
setIsExpanded(!isExpanded);
|
|
8592
8592
|
setIsInitialRender(false);
|
|
8593
8593
|
},
|
|
8594
8594
|
onPressIn: onPressIn,
|
|
8595
8595
|
onPressOut: onPressOut,
|
|
8596
|
-
children: function
|
|
8596
|
+
children: function (_ref2) {
|
|
8597
8597
|
var isHovered = _ref2.isHovered;
|
|
8598
8598
|
return /*#__PURE__*/jsxs(AnimatedContainer, {
|
|
8599
8599
|
isHovered: isHovered,
|
|
@@ -8985,7 +8985,7 @@ function MapMarker(_ref2) {
|
|
|
8985
8985
|
return /*#__PURE__*/jsx(Pressable$1, {
|
|
8986
8986
|
testID: testID,
|
|
8987
8987
|
onPress: onPress,
|
|
8988
|
-
children: function
|
|
8988
|
+
children: function (_ref3) {
|
|
8989
8989
|
var isHovered = _ref3.isHovered;
|
|
8990
8990
|
return /*#__PURE__*/jsx(StaticMapMarker$1, _objectSpread(_objectSpread({}, props), {}, {
|
|
8991
8991
|
isHovered: isHovered
|
|
@@ -11572,19 +11572,19 @@ function NavigationModalBehaviour(_ref) {
|
|
|
11572
11572
|
children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
|
|
11573
11573
|
appear: shouldAppear,
|
|
11574
11574
|
visible: visible,
|
|
11575
|
-
onEnter: function
|
|
11575
|
+
onEnter: function () {
|
|
11576
11576
|
if (onEnter) onEnter();
|
|
11577
11577
|
|
|
11578
11578
|
// Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
|
|
11579
11579
|
setShouldAppear(false);
|
|
11580
11580
|
},
|
|
11581
|
-
onExit: function
|
|
11581
|
+
onExit: function () {
|
|
11582
11582
|
if (onExit) onExit();
|
|
11583
11583
|
|
|
11584
11584
|
// Reset appear value to its original value for future modal display
|
|
11585
11585
|
setShouldAppear(appear);
|
|
11586
11586
|
},
|
|
11587
|
-
onExited: function
|
|
11587
|
+
onExited: function () {
|
|
11588
11588
|
if (onExited) onExited();
|
|
11589
11589
|
setIsModalBehaviourVisible(false);
|
|
11590
11590
|
},
|
|
@@ -11945,7 +11945,7 @@ function Picker(_ref) {
|
|
|
11945
11945
|
isOpen: state.isOpen,
|
|
11946
11946
|
selectedItem: state.currentValue,
|
|
11947
11947
|
disabled: disabled,
|
|
11948
|
-
onPress: function
|
|
11948
|
+
onPress: function () {
|
|
11949
11949
|
if (syncStateWithSourceValue) {
|
|
11950
11950
|
dispatch({
|
|
11951
11951
|
type: 'open-modal-with-value',
|
|
@@ -11999,7 +11999,7 @@ function Picker(_ref) {
|
|
|
11999
11999
|
accessibilityState: {
|
|
12000
12000
|
selected: isSelected
|
|
12001
12001
|
},
|
|
12002
|
-
onPress: function
|
|
12002
|
+
onPress: function () {
|
|
12003
12003
|
handleInternalChange(item.props.value);
|
|
12004
12004
|
},
|
|
12005
12005
|
children: function (_ref2) {
|
|
@@ -12020,7 +12020,7 @@ function Picker(_ref) {
|
|
|
12020
12020
|
children: /*#__PURE__*/jsx(Button, {
|
|
12021
12021
|
stretch: true,
|
|
12022
12022
|
type: "primary",
|
|
12023
|
-
onPress: function
|
|
12023
|
+
onPress: function () {
|
|
12024
12024
|
if (onChange) onChange(state.internalValue);
|
|
12025
12025
|
dispatch({
|
|
12026
12026
|
type: 'change-value'
|
|
@@ -12157,7 +12157,7 @@ function Skeleton(_ref) {
|
|
|
12157
12157
|
return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
|
|
12158
12158
|
overflow: "hidden",
|
|
12159
12159
|
style: style,
|
|
12160
|
-
onLayout: function
|
|
12160
|
+
onLayout: function (_ref2) {
|
|
12161
12161
|
var nativeEvent = _ref2.nativeEvent;
|
|
12162
12162
|
return setWidth(nativeEvent.layout.width);
|
|
12163
12163
|
},
|
|
@@ -12379,7 +12379,7 @@ function StaticMap(_ref) {
|
|
|
12379
12379
|
position: "relative",
|
|
12380
12380
|
maxWidth: mapBoxMaxPictureWidth,
|
|
12381
12381
|
height: height,
|
|
12382
|
-
onLayout: function
|
|
12382
|
+
onLayout: function (event) {
|
|
12383
12383
|
var nativeEvent = event.nativeEvent;
|
|
12384
12384
|
var rangedMapWidth = getPictureWidth(nativeEvent.layout.width);
|
|
12385
12385
|
setCurrentWidth(rangedMapWidth);
|
|
@@ -12391,11 +12391,11 @@ function StaticMap(_ref) {
|
|
|
12391
12391
|
width: currentWidth,
|
|
12392
12392
|
height: height,
|
|
12393
12393
|
alt: alt,
|
|
12394
|
-
onLoadEnd: function
|
|
12394
|
+
onLoadEnd: function () {
|
|
12395
12395
|
setIsLoading(false);
|
|
12396
12396
|
if (onLoaded) onLoaded();
|
|
12397
12397
|
},
|
|
12398
|
-
onError: function
|
|
12398
|
+
onError: function () {
|
|
12399
12399
|
setHasError(true);
|
|
12400
12400
|
if (onError) onError();
|
|
12401
12401
|
}
|
|
@@ -12420,7 +12420,7 @@ function StaticMap(_ref) {
|
|
|
12420
12420
|
width: "100%",
|
|
12421
12421
|
height: "100%",
|
|
12422
12422
|
children: /*#__PURE__*/jsx(StaticMapError, {
|
|
12423
|
-
onReload: function
|
|
12423
|
+
onReload: function () {
|
|
12424
12424
|
setHasError(false);
|
|
12425
12425
|
setIsLoading(true);
|
|
12426
12426
|
setCurrentMapKey(function (prev) {
|
|
@@ -12661,7 +12661,7 @@ function StoryContainer(_ref) {
|
|
|
12661
12661
|
var StoryDecorator = makeDecorator({
|
|
12662
12662
|
name: 'StoryDecorator',
|
|
12663
12663
|
parameterName: 'storyDecorator',
|
|
12664
|
-
wrapper: function
|
|
12664
|
+
wrapper: function (storyFn, context) {
|
|
12665
12665
|
var story = storyFn(context);
|
|
12666
12666
|
if (context.parameters.disableStoryContainer) {
|
|
12667
12667
|
return story;
|
|
@@ -12846,7 +12846,7 @@ function TabBar(_ref) {
|
|
|
12846
12846
|
return /*#__PURE__*/jsx(View, {
|
|
12847
12847
|
children: /*#__PURE__*/cloneElement(child, {
|
|
12848
12848
|
color: color,
|
|
12849
|
-
onPress: function
|
|
12849
|
+
onPress: function (event) {
|
|
12850
12850
|
var _child$props$onPress, _child$props;
|
|
12851
12851
|
onChangeTab({
|
|
12852
12852
|
tab: tabs[index],
|
|
@@ -12995,7 +12995,7 @@ function ModalDateTimePicker(_ref) {
|
|
|
12995
12995
|
stretch: true,
|
|
12996
12996
|
testID: "timePicker.ModalDateTimePicker.submitButton",
|
|
12997
12997
|
type: "primary",
|
|
12998
|
-
onPress: function
|
|
12998
|
+
onPress: function () {
|
|
12999
12999
|
onChange(currentValue);
|
|
13000
13000
|
},
|
|
13001
13001
|
children: buttonContent
|
|
@@ -13042,7 +13042,7 @@ var TimePickerPressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13042
13042
|
width: createResponsiveStyleFromProp(stretch, '100%', 'kitt.forms.timePicker.minWidth'),
|
|
13043
13043
|
pointerEvents: "box-only",
|
|
13044
13044
|
onPress: onPress,
|
|
13045
|
-
children: function
|
|
13045
|
+
children: function (_ref2) {
|
|
13046
13046
|
var isHovered = _ref2.isHovered,
|
|
13047
13047
|
isFocused = _ref2.isFocused,
|
|
13048
13048
|
isPressed = _ref2.isPressed;
|
|
@@ -13119,7 +13119,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13119
13119
|
isHoveredInternal: isHoveredInternal,
|
|
13120
13120
|
isFocusedInternal: isFocusedInternal,
|
|
13121
13121
|
isPressedInternal: isPressedInternal,
|
|
13122
|
-
onPress: function
|
|
13122
|
+
onPress: function () {
|
|
13123
13123
|
setIsPickerVisible(true);
|
|
13124
13124
|
}
|
|
13125
13125
|
}), Platform.OS === 'android' && isPickerVisible ? /*#__PURE__*/jsx(DateTimePicker, {
|
|
@@ -13143,7 +13143,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13143
13143
|
value: pickerValue,
|
|
13144
13144
|
validateButtonLabel: validateButtonLabel,
|
|
13145
13145
|
onChange: handleChange,
|
|
13146
|
-
onClose: function
|
|
13146
|
+
onClose: function () {
|
|
13147
13147
|
setIsPickerVisible(false);
|
|
13148
13148
|
}
|
|
13149
13149
|
}) : null]
|
|
@@ -13506,7 +13506,7 @@ function Tooltip(_ref) {
|
|
|
13506
13506
|
ref: reference,
|
|
13507
13507
|
children: renderPressable({
|
|
13508
13508
|
ref: getPressableRect,
|
|
13509
|
-
onPress: function
|
|
13509
|
+
onPress: function () {
|
|
13510
13510
|
if (onToggle) onToggle(!!pressed.value);
|
|
13511
13511
|
pressed.value = !pressed.value;
|
|
13512
13512
|
},
|
|
@@ -13525,7 +13525,7 @@ function Tooltip(_ref) {
|
|
|
13525
13525
|
left: customShiftData.left,
|
|
13526
13526
|
right: customShiftData.right,
|
|
13527
13527
|
zIndex: zIndex,
|
|
13528
|
-
onLayout: function
|
|
13528
|
+
onLayout: function (_ref2) {
|
|
13529
13529
|
var nativeEvent = _ref2.nativeEvent;
|
|
13530
13530
|
return setFloatingWidth(nativeEvent.layout.width);
|
|
13531
13531
|
},
|
|
@@ -13688,7 +13688,7 @@ function KittThemeProvider(_ref) {
|
|
|
13688
13688
|
var KittThemeDecorator = makeDecorator({
|
|
13689
13689
|
name: 'ThemeDecorator',
|
|
13690
13690
|
parameterName: 'theme',
|
|
13691
|
-
wrapper: function
|
|
13691
|
+
wrapper: function (storyFn, context, _ref2) {
|
|
13692
13692
|
var _parameters$isSSR;
|
|
13693
13693
|
var _ref2$options = _ref2.options,
|
|
13694
13694
|
options = _ref2$options === void 0 ? {} : _ref2$options,
|