@ornikar/kitt-universal 27.4.0 → 27.5.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 +10 -0
- package/dist/definitions/CardModal/CardModalAnimation/CardModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/GoogleMapsAutocompleteProvider/GoogleMapsAutocompleteProvider.d.ts.map +1 -1
- package/dist/definitions/MapMarker/MapMarker.d.ts +2 -5
- package/dist/definitions/MapMarker/MapMarker.d.ts.map +1 -1
- package/dist/definitions/MapMarker/constants.d.ts +6 -0
- package/dist/definitions/MapMarker/constants.d.ts.map +1 -0
- package/dist/definitions/MapMarker/utils/getBackgroundColor.d.ts +2 -1
- package/dist/definitions/MapMarker/utils/getBackgroundColor.d.ts.map +1 -1
- package/dist/definitions/Picker/Picker.web.d.ts.map +1 -1
- package/dist/definitions/TabBar/TabBar.d.ts.map +1 -1
- package/dist/definitions/TimePicker/TimePicker.web.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/cardModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/cardModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/dialogModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/dialogModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/shadows.d.ts +4 -2
- package/dist/definitions/themes/late-ocean/shadows.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/skeleton.d.ts +2 -1
- package/dist/definitions/themes/late-ocean/skeleton.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +100 -39
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +100 -39
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +99 -38
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +2 -2
- package/dist/index-node-22.17.cjs.web.js +66 -32
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +99 -38
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +2 -2
- package/dist/index-node-22.17.es.web.mjs +66 -32
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +97 -74
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +76 -44
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes-metro.es.android.js +40 -10
- package/dist/linaria-themes-metro.es.android.js.map +1 -1
- package/dist/linaria-themes-metro.es.ios.js +40 -10
- package/dist/linaria-themes-metro.es.ios.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.js +40 -10
- package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.web.js +40 -10
- package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-node-22.17.es.mjs +40 -10
- package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
- package/dist/linaria-themes-node-22.17.es.web.mjs +40 -10
- package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
- package/dist/linaria-themes.es.js +40 -10
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +40 -10
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -755,9 +755,19 @@ var card = {
|
|
|
755
755
|
};
|
|
756
756
|
|
|
757
757
|
var webAnimationContentDuration$2 = 400;
|
|
758
|
-
var webAnimationContentEasing$2 =
|
|
758
|
+
var webAnimationContentEasing$2 = {
|
|
759
|
+
x1: 0.77,
|
|
760
|
+
y1: 0,
|
|
761
|
+
x2: 0.175,
|
|
762
|
+
y2: 1
|
|
763
|
+
};
|
|
759
764
|
var webAnimationOverlayDuration$2 = 250;
|
|
760
|
-
var webAnimationOverlayEasing$2 =
|
|
765
|
+
var webAnimationOverlayEasing$2 = {
|
|
766
|
+
x1: 0.42,
|
|
767
|
+
y1: 0,
|
|
768
|
+
x2: 1,
|
|
769
|
+
y2: 1
|
|
770
|
+
};
|
|
761
771
|
var maxWidth = 540;
|
|
762
772
|
var overlayHorizontalPadding = 24;
|
|
763
773
|
var cardModal = {
|
|
@@ -849,9 +859,19 @@ var choices = {
|
|
|
849
859
|
};
|
|
850
860
|
|
|
851
861
|
var webAnimationContentDuration$1 = 400;
|
|
852
|
-
var webAnimationContentEasing$1 =
|
|
862
|
+
var webAnimationContentEasing$1 = {
|
|
863
|
+
x1: 0.77,
|
|
864
|
+
y1: 0,
|
|
865
|
+
x2: 0.175,
|
|
866
|
+
y2: 1
|
|
867
|
+
};
|
|
853
868
|
var webAnimationOverlayDuration$1 = 250;
|
|
854
|
-
var webAnimationOverlayEasing$1 =
|
|
869
|
+
var webAnimationOverlayEasing$1 = {
|
|
870
|
+
x1: 0.42,
|
|
871
|
+
y1: 0,
|
|
872
|
+
x2: 1,
|
|
873
|
+
y2: 1
|
|
874
|
+
};
|
|
855
875
|
var dialogModal = {
|
|
856
876
|
borderRadius: spacing * 2,
|
|
857
877
|
maxWidth: 540,
|
|
@@ -1783,9 +1803,19 @@ var forms = {
|
|
|
1783
1803
|
};
|
|
1784
1804
|
|
|
1785
1805
|
var webAnimationContentDuration = 600;
|
|
1786
|
-
var webAnimationContentEasing =
|
|
1806
|
+
var webAnimationContentEasing = {
|
|
1807
|
+
x1: 0.77,
|
|
1808
|
+
y1: 0,
|
|
1809
|
+
x2: 0.175,
|
|
1810
|
+
y2: 1
|
|
1811
|
+
};
|
|
1787
1812
|
var webAnimationOverlayDuration = 250;
|
|
1788
|
-
var webAnimationOverlayEasing =
|
|
1813
|
+
var webAnimationOverlayEasing = {
|
|
1814
|
+
x1: 0.42,
|
|
1815
|
+
y1: 0,
|
|
1816
|
+
x2: 1,
|
|
1817
|
+
y2: 1
|
|
1818
|
+
};
|
|
1789
1819
|
var fullscreenModal = {
|
|
1790
1820
|
header: {
|
|
1791
1821
|
height: 56
|
|
@@ -1933,8 +1963,8 @@ var listItem = {
|
|
|
1933
1963
|
|
|
1934
1964
|
var mapMarker = {
|
|
1935
1965
|
home: {
|
|
1936
|
-
"default":
|
|
1937
|
-
selected:
|
|
1966
|
+
"default": deepPurpleColorPalette['grey.9'],
|
|
1967
|
+
selected: deepPurpleColorPalette['grey.7'],
|
|
1938
1968
|
svg: {
|
|
1939
1969
|
height: 36
|
|
1940
1970
|
},
|
|
@@ -1944,8 +1974,8 @@ var mapMarker = {
|
|
|
1944
1974
|
}
|
|
1945
1975
|
},
|
|
1946
1976
|
meetingPoint: {
|
|
1947
|
-
"default":
|
|
1948
|
-
selected:
|
|
1977
|
+
"default": deepPurpleColorPalette['deepPurple.8'],
|
|
1978
|
+
selected: deepPurpleColorPalette['deepPurple.6'],
|
|
1949
1979
|
svg: {
|
|
1950
1980
|
width: 40,
|
|
1951
1981
|
height: 43
|
|
@@ -4054,11 +4084,10 @@ function NativeOpacityAnimation$2(_ref) {
|
|
|
4054
4084
|
var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
|
|
4055
4085
|
duration = _theme$kitt$cardModal.duration,
|
|
4056
4086
|
easing = _theme$kitt$cardModal.easing;
|
|
4057
|
-
var
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
|
|
4061
|
-
y2 = _easing[3];
|
|
4087
|
+
var x1 = easing.x1,
|
|
4088
|
+
y1 = easing.y1,
|
|
4089
|
+
x2 = easing.x2,
|
|
4090
|
+
y2 = easing.y2;
|
|
4062
4091
|
return {
|
|
4063
4092
|
opacity: withTiming(visible ? 1 : 0, {
|
|
4064
4093
|
duration: duration,
|
|
@@ -4094,11 +4123,10 @@ function NativeRotationAnimation$1(_ref) {
|
|
|
4094
4123
|
var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
|
|
4095
4124
|
duration = _theme$kitt$cardModal.duration,
|
|
4096
4125
|
easing = _theme$kitt$cardModal.easing;
|
|
4097
|
-
var
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
y2 = _easing[3];
|
|
4126
|
+
var x1 = easing.x1,
|
|
4127
|
+
y1 = easing.y1,
|
|
4128
|
+
x2 = easing.x2,
|
|
4129
|
+
y2 = easing.y2;
|
|
4102
4130
|
rotation.value = withTiming(visible ? 0 : 5, {
|
|
4103
4131
|
duration: duration,
|
|
4104
4132
|
easing: Easing$1.bezier(x1, y1, x2, y2)
|
|
@@ -4672,11 +4700,10 @@ function NativeOpacityAnimation$1(_ref) {
|
|
|
4672
4700
|
var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
|
|
4673
4701
|
duration = _theme$kitt$dialogMod.duration,
|
|
4674
4702
|
easing = _theme$kitt$dialogMod.easing;
|
|
4675
|
-
var
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
y2 = _easing[3];
|
|
4703
|
+
var x1 = easing.x1,
|
|
4704
|
+
y1 = easing.y1,
|
|
4705
|
+
x2 = easing.x2,
|
|
4706
|
+
y2 = easing.y2;
|
|
4680
4707
|
return {
|
|
4681
4708
|
opacity: withTiming(visible ? 1 : 0, {
|
|
4682
4709
|
duration: duration,
|
|
@@ -4712,11 +4739,10 @@ function NativeRotationAnimation(_ref) {
|
|
|
4712
4739
|
var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
|
|
4713
4740
|
duration = _theme$kitt$dialogMod.duration,
|
|
4714
4741
|
easing = _theme$kitt$dialogMod.easing;
|
|
4715
|
-
var
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
|
|
4719
|
-
y2 = _easing[3];
|
|
4742
|
+
var x1 = easing.x1,
|
|
4743
|
+
y1 = easing.y1,
|
|
4744
|
+
x2 = easing.x2,
|
|
4745
|
+
y2 = easing.y2;
|
|
4720
4746
|
rotation.value = withTiming(visible ? 0 : 5, {
|
|
4721
4747
|
duration: duration,
|
|
4722
4748
|
easing: Easing$1.bezier(x1, y1, x2, y2)
|
|
@@ -6397,7 +6423,7 @@ function DocumentPicker(_ref) {
|
|
|
6397
6423
|
var childElement = Children.only(children);
|
|
6398
6424
|
var handlePickDocument = /*#__PURE__*/function () {
|
|
6399
6425
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
6400
|
-
var _childElement$props$o, _childElement$props
|
|
6426
|
+
var _childElement$props$o, _childElement$props, _result$assets$;
|
|
6401
6427
|
var result;
|
|
6402
6428
|
return _regeneratorRuntime().wrap(function (_context) {
|
|
6403
6429
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -6415,7 +6441,7 @@ function DocumentPicker(_ref) {
|
|
|
6415
6441
|
}));
|
|
6416
6442
|
case 5:
|
|
6417
6443
|
result = _context.sent;
|
|
6418
|
-
if (!result.canceled && result.assets[0]
|
|
6444
|
+
if (!result.canceled && (_result$assets$ = result.assets[0]) !== null && _result$assets$ !== void 0 && _result$assets$.file) {
|
|
6419
6445
|
onDocumentUpload(result.assets[0].file);
|
|
6420
6446
|
}
|
|
6421
6447
|
case 7:
|
|
@@ -6464,7 +6490,7 @@ function ImagePicker(_ref) {
|
|
|
6464
6490
|
}));
|
|
6465
6491
|
case 5:
|
|
6466
6492
|
result = _context.sent;
|
|
6467
|
-
if (!result.canceled) {
|
|
6493
|
+
if (!result.canceled && result.assets[0]) {
|
|
6468
6494
|
onImageSelected(result.assets[0]);
|
|
6469
6495
|
}
|
|
6470
6496
|
case 7:
|
|
@@ -6990,36 +7016,34 @@ function GoogleMapsAutocompleteProvider(_ref) {
|
|
|
6990
7016
|
_yield$predictionsPro = _context.sent;
|
|
6991
7017
|
results = _yield$predictionsPro.results;
|
|
6992
7018
|
status = _yield$predictionsPro.status;
|
|
6993
|
-
if (
|
|
6994
|
-
|
|
6995
|
-
|
|
7019
|
+
if (status !== 'OK') {
|
|
7020
|
+
dispatch({
|
|
7021
|
+
type: 'search-error'
|
|
7022
|
+
});
|
|
6996
7023
|
}
|
|
6997
|
-
|
|
6998
|
-
|
|
6999
|
-
|
|
7000
|
-
|
|
7001
|
-
|
|
7002
|
-
|
|
7003
|
-
|
|
7004
|
-
|
|
7005
|
-
|
|
7006
|
-
|
|
7007
|
-
|
|
7008
|
-
}
|
|
7009
|
-
});
|
|
7010
|
-
_context.next = 20;
|
|
7024
|
+
if (results) {
|
|
7025
|
+
// We cache the results to avoid calling the API again if the user types the same value
|
|
7026
|
+
searchResultsCache.current[value] = results;
|
|
7027
|
+
dispatch({
|
|
7028
|
+
type: 'search-success',
|
|
7029
|
+
payload: {
|
|
7030
|
+
results: results
|
|
7031
|
+
}
|
|
7032
|
+
});
|
|
7033
|
+
}
|
|
7034
|
+
_context.next = 17;
|
|
7011
7035
|
break;
|
|
7012
|
-
case
|
|
7013
|
-
_context.prev =
|
|
7036
|
+
case 14:
|
|
7037
|
+
_context.prev = 14;
|
|
7014
7038
|
_context.t0 = _context["catch"](4);
|
|
7015
7039
|
dispatch({
|
|
7016
7040
|
type: 'search-error'
|
|
7017
7041
|
});
|
|
7018
|
-
case
|
|
7042
|
+
case 17:
|
|
7019
7043
|
case "end":
|
|
7020
7044
|
return _context.stop();
|
|
7021
7045
|
}
|
|
7022
|
-
}, _callee, null, [[4,
|
|
7046
|
+
}, _callee, null, [[4, 14]]);
|
|
7023
7047
|
}));
|
|
7024
7048
|
return function () {
|
|
7025
7049
|
return _ref2.apply(this, arguments);
|
|
@@ -8114,11 +8138,10 @@ function NativeOpacityAnimation(_ref) {
|
|
|
8114
8138
|
var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
|
|
8115
8139
|
duration = _theme$kitt$fullscree.duration,
|
|
8116
8140
|
easing = _theme$kitt$fullscree.easing;
|
|
8117
|
-
var
|
|
8118
|
-
|
|
8119
|
-
|
|
8120
|
-
|
|
8121
|
-
y2 = _easing[3];
|
|
8141
|
+
var x1 = easing.x1,
|
|
8142
|
+
y1 = easing.y1,
|
|
8143
|
+
x2 = easing.x2,
|
|
8144
|
+
y2 = easing.y2;
|
|
8122
8145
|
return {
|
|
8123
8146
|
opacity: withTiming(visible ? 1 : 0, {
|
|
8124
8147
|
duration: duration,
|
|
@@ -8154,11 +8177,10 @@ function NativeSlideInAnimation(_ref) {
|
|
|
8154
8177
|
var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
|
|
8155
8178
|
duration = _theme$kitt$fullscree.duration,
|
|
8156
8179
|
easing = _theme$kitt$fullscree.easing;
|
|
8157
|
-
var
|
|
8158
|
-
|
|
8159
|
-
|
|
8160
|
-
|
|
8161
|
-
y2 = _easing[3];
|
|
8180
|
+
var x1 = easing.x1,
|
|
8181
|
+
y1 = easing.y1,
|
|
8182
|
+
x2 = easing.x2,
|
|
8183
|
+
y2 = easing.y2;
|
|
8162
8184
|
return {
|
|
8163
8185
|
transform: [{
|
|
8164
8186
|
translateY: withTiming(visible ? 0 : wHeight, {
|
|
@@ -8832,12 +8854,11 @@ var SvgPinMarkerinline = function SvgPinMarkerinline(props) {
|
|
|
8832
8854
|
width: 34,
|
|
8833
8855
|
height: 36,
|
|
8834
8856
|
viewBox: "0 0 34 36",
|
|
8835
|
-
fill: "
|
|
8857
|
+
fill: "currentColor",
|
|
8836
8858
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8837
8859
|
}, props), {}, {
|
|
8838
8860
|
children: [/*#__PURE__*/jsx("path", {
|
|
8839
8861
|
d: "M17 .5C26.113.5 33.5 7.887 33.5 17c0 8.272-6.087 15.121-14.025 16.315-.05.008-.157.054-.337.211-.173.151-.351.345-.56.57a5.972 5.972 0 0 1-.662.637c-.232.181-.545.367-.916.367-.37 0-.684-.186-.916-.367a5.972 5.972 0 0 1-.662-.637c-.209-.224-.387-.419-.56-.57-.18-.157-.287-.203-.337-.21C6.586 32.12.5 25.271.5 17 .5 7.887 7.887.5 17 .5Z",
|
|
8840
|
-
fill: "#7B66FF",
|
|
8841
8862
|
stroke: "#fff"
|
|
8842
8863
|
}), /*#__PURE__*/jsx("path", {
|
|
8843
8864
|
d: "M17 10a5.506 5.506 0 0 0-5.5 5.5c0 4.706 5 8.26 5.213 8.41a.5.5 0 0 0 .574 0c.213-.15 5.213-3.704 5.213-8.41A5.506 5.506 0 0 0 17 10Zm0 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z",
|
|
@@ -8865,6 +8886,13 @@ var SvgShadowinline = function SvgShadowinline(props) {
|
|
|
8865
8886
|
}));
|
|
8866
8887
|
};
|
|
8867
8888
|
|
|
8889
|
+
var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
|
|
8890
|
+
MapMarkerVariantEnum["HOME"] = "home";
|
|
8891
|
+
MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
|
|
8892
|
+
MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
|
|
8893
|
+
return MapMarkerVariantEnum;
|
|
8894
|
+
}({});
|
|
8895
|
+
|
|
8868
8896
|
var SCALE_DURATION = 300;
|
|
8869
8897
|
var TRANSLATE_Y_DURATION = 150;
|
|
8870
8898
|
var useNativeAnimation = function (_ref) {
|
|
@@ -8919,19 +8947,13 @@ var getBackgroundColor = function (_ref) {
|
|
|
8919
8947
|
var isHovered = _ref.isHovered,
|
|
8920
8948
|
isSelected = _ref.isSelected,
|
|
8921
8949
|
variant = _ref.variant;
|
|
8922
|
-
if (variant ===
|
|
8950
|
+
if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
|
|
8923
8951
|
return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home["default"];
|
|
8924
8952
|
}
|
|
8925
8953
|
return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint["default"];
|
|
8926
8954
|
};
|
|
8927
8955
|
|
|
8928
8956
|
var _excluded$b = ["onPress", "testID"];
|
|
8929
|
-
var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
|
|
8930
|
-
MapMarkerVariantEnum["HOME"] = "home";
|
|
8931
|
-
MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
|
|
8932
|
-
MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
|
|
8933
|
-
return MapMarkerVariantEnum;
|
|
8934
|
-
}({});
|
|
8935
8957
|
function StaticMapMarker$1(_ref) {
|
|
8936
8958
|
var variant = _ref.variant,
|
|
8937
8959
|
isHovered = _ref.isHovered,
|
|
@@ -12856,13 +12878,14 @@ function TabBar(_ref) {
|
|
|
12856
12878
|
}, props), {}, {
|
|
12857
12879
|
children: Children.map(tabItems, function (child, index) {
|
|
12858
12880
|
var tab = tabs[index];
|
|
12881
|
+
if (!tab) throw new Error("TabBar: tab is undefined at index ".concat(index));
|
|
12859
12882
|
return /*#__PURE__*/jsx(View, {
|
|
12860
12883
|
children: /*#__PURE__*/cloneElement(child, {
|
|
12861
12884
|
color: color,
|
|
12862
12885
|
onPress: function onPress(event) {
|
|
12863
12886
|
var _child$props$onPress, _child$props;
|
|
12864
12887
|
onChangeTab({
|
|
12865
|
-
tab:
|
|
12888
|
+
tab: tab,
|
|
12866
12889
|
index: index
|
|
12867
12890
|
});
|
|
12868
12891
|
(_child$props$onPress = (_child$props = child.props).onPress) === null || _child$props$onPress === void 0 || _child$props$onPress.call(_child$props, event);
|