@ornikar/kitt-universal 31.3.2-canary.1a5b65d2fbfa0e00bf6c237b7d017b61dce7e75b.0 → 31.3.2-canary.2f602b2cfade63278a988a7f253e6de89bdee0e8.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 +3 -2
- package/dist/definitions/ModalBehaviour/ModalBehaviourPortal.web.d.ts.map +1 -1
- package/dist/definitions/forms/InputAddress/InputAddress.d.ts +9 -15
- package/dist/definitions/forms/InputAddress/InputAddress.d.ts.map +1 -1
- package/dist/definitions/forms/InputAddress/InputAddressOption.d.ts +4 -5
- package/dist/definitions/forms/InputAddress/InputAddressOption.d.ts.map +1 -1
- package/dist/definitions/index.d.ts +1 -4
- package/dist/definitions/index.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +106 -186
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +106 -186
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +41 -121
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +0 -1
- package/dist/index-node-22.17.cjs.web.js +44 -125
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +42 -121
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +0 -1
- package/dist/index-node-22.17.es.web.mjs +45 -125
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +105 -188
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +94 -178
- package/dist/index.es.web.js.map +1 -1
- package/dist/styles.css +0 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/definitions/forms/InputAddress/InputAddressLegacy.d.ts +0 -15
- package/dist/definitions/forms/InputAddress/InputAddressLegacy.d.ts.map +0 -1
- package/dist/definitions/forms/InputAddress/InputAddressOptionLegacy.d.ts +0 -7
- package/dist/definitions/forms/InputAddress/InputAddressOptionLegacy.d.ts.map +0 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
.kitt-u_overflowHidden_otm3u3{overflow:hidden;}
|
|
2
1
|
.kitt-u_contentAnimationEnter_c11xxy4r{opacity:0;-webkit-transform:rotateZ(5deg) scale(0.8);-ms-transform:rotateZ(5deg) scale(0.8);transform:rotateZ(5deg) scale(0.8);}
|
|
3
2
|
.kitt-u_contentAnimatioEnterActive_cl52117{opacity:1;-webkit-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);-webkit-transition:all 400ms cubic-bezier(0.77,0,0.175,1);transition:all 400ms cubic-bezier(0.77,0,0.175,1);}
|
|
4
3
|
.kitt-u_contentAnimatioExit_cyjczep{opacity:1;-webkit-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);}
|
|
@@ -4215,18 +4215,17 @@ function useStaticBottomSheet(Content) {
|
|
|
4215
4215
|
};
|
|
4216
4216
|
}
|
|
4217
4217
|
|
|
4218
|
-
const overflowHidden = "kitt-u_overflowHidden_otm3u3";
|
|
4219
4218
|
function useBlockBodyScroll(shouldBlockScroll, isInitialRender) {
|
|
4220
4219
|
useEffect(() => {
|
|
4221
4220
|
if (shouldBlockScroll) {
|
|
4222
|
-
document.body.
|
|
4221
|
+
document.body.style.overflow = 'hidden';
|
|
4223
4222
|
} else if (!isInitialRender) {
|
|
4224
|
-
document.body.
|
|
4223
|
+
document.body.style.overflow = '';
|
|
4225
4224
|
}
|
|
4226
4225
|
return () => {
|
|
4227
4226
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- When leaving the website, document.body can be null
|
|
4228
4227
|
if (document.body) {
|
|
4229
|
-
document.body.
|
|
4228
|
+
document.body.style.overflow = '';
|
|
4230
4229
|
}
|
|
4231
4230
|
};
|
|
4232
4231
|
}, [shouldBlockScroll, isInitialRender]);
|
|
@@ -6238,123 +6237,6 @@ function ImagePicker({
|
|
|
6238
6237
|
});
|
|
6239
6238
|
}
|
|
6240
6239
|
|
|
6241
|
-
function InputAddressOption({
|
|
6242
|
-
item,
|
|
6243
|
-
itemToMainText,
|
|
6244
|
-
itemToSecondaryText
|
|
6245
|
-
}) {
|
|
6246
|
-
const sharedTransform = {
|
|
6247
|
-
style: {
|
|
6248
|
-
transform: 'translateY(4px)'
|
|
6249
|
-
}
|
|
6250
|
-
};
|
|
6251
|
-
const mainText = itemToMainText(item);
|
|
6252
|
-
const secondaryText = itemToSecondaryText(item);
|
|
6253
|
-
return /*#__PURE__*/jsx(Autocomplete.Option, {
|
|
6254
|
-
item: item,
|
|
6255
|
-
testID: "kitt.InputAddressOption.item",
|
|
6256
|
-
children: /*#__PURE__*/jsxs(HStack, {
|
|
6257
|
-
space: "kitt.2",
|
|
6258
|
-
children: [/*#__PURE__*/jsx(View, {
|
|
6259
|
-
_web: sharedTransform,
|
|
6260
|
-
_ios: sharedTransform,
|
|
6261
|
-
_android: sharedTransform,
|
|
6262
|
-
children: /*#__PURE__*/jsx(TypographyIcon, {
|
|
6263
|
-
icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
|
|
6264
|
-
color: "black"
|
|
6265
|
-
})
|
|
6266
|
-
}), /*#__PURE__*/jsx(View, {
|
|
6267
|
-
flexShrink: 1,
|
|
6268
|
-
children: /*#__PURE__*/jsxs(Typography.Text, {
|
|
6269
|
-
children: [/*#__PURE__*/jsx(Typography.Text, {
|
|
6270
|
-
variant: "bold",
|
|
6271
|
-
children: mainText
|
|
6272
|
-
}), secondaryText ? /*#__PURE__*/jsxs(Typography.Text, {
|
|
6273
|
-
color: "black-light",
|
|
6274
|
-
variant: "bold",
|
|
6275
|
-
children: [' ', secondaryText]
|
|
6276
|
-
}) : null]
|
|
6277
|
-
})
|
|
6278
|
-
})]
|
|
6279
|
-
})
|
|
6280
|
-
});
|
|
6281
|
-
}
|
|
6282
|
-
|
|
6283
|
-
function InputAddressOptionLegacy({
|
|
6284
|
-
item
|
|
6285
|
-
}) {
|
|
6286
|
-
const sharedTransform = {
|
|
6287
|
-
style: {
|
|
6288
|
-
transform: 'translateY(4px)'
|
|
6289
|
-
}
|
|
6290
|
-
};
|
|
6291
|
-
return /*#__PURE__*/jsx(Autocomplete.Option, {
|
|
6292
|
-
item: item,
|
|
6293
|
-
testID: "kitt.InputAddressOptionLegacy.item",
|
|
6294
|
-
children: /*#__PURE__*/jsxs(HStack, {
|
|
6295
|
-
space: "kitt.2",
|
|
6296
|
-
children: [/*#__PURE__*/jsx(View, {
|
|
6297
|
-
_web: sharedTransform,
|
|
6298
|
-
_ios: sharedTransform,
|
|
6299
|
-
_android: sharedTransform,
|
|
6300
|
-
children: /*#__PURE__*/jsx(TypographyIcon, {
|
|
6301
|
-
icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
|
|
6302
|
-
color: "black"
|
|
6303
|
-
})
|
|
6304
|
-
}), /*#__PURE__*/jsx(View, {
|
|
6305
|
-
flexShrink: 1,
|
|
6306
|
-
children: /*#__PURE__*/jsxs(Typography.Text, {
|
|
6307
|
-
children: [/*#__PURE__*/jsx(Typography.Text, {
|
|
6308
|
-
variant: "bold",
|
|
6309
|
-
children: item.structured_formatting.main_text
|
|
6310
|
-
}), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxs(Typography.Text, {
|
|
6311
|
-
color: "black-light",
|
|
6312
|
-
variant: "bold",
|
|
6313
|
-
children: [' ', item.structured_formatting.secondary_text]
|
|
6314
|
-
}) : null]
|
|
6315
|
-
})
|
|
6316
|
-
})]
|
|
6317
|
-
})
|
|
6318
|
-
});
|
|
6319
|
-
}
|
|
6320
|
-
|
|
6321
|
-
function InputAddress({
|
|
6322
|
-
errorElement,
|
|
6323
|
-
initialValue,
|
|
6324
|
-
emptyResultsElement,
|
|
6325
|
-
onChange,
|
|
6326
|
-
items,
|
|
6327
|
-
isLoading,
|
|
6328
|
-
hasError,
|
|
6329
|
-
onInputChange,
|
|
6330
|
-
onSelectItem,
|
|
6331
|
-
convertInitialValue,
|
|
6332
|
-
itemToMainText,
|
|
6333
|
-
itemToSecondaryText,
|
|
6334
|
-
itemToKey,
|
|
6335
|
-
...props
|
|
6336
|
-
}) {
|
|
6337
|
-
const formattedInitialValue = initialValue ? convertInitialValue(initialValue) : undefined;
|
|
6338
|
-
return /*#__PURE__*/jsx(Autocomplete, {
|
|
6339
|
-
...props,
|
|
6340
|
-
initialValue: formattedInitialValue,
|
|
6341
|
-
right: isLoading ? /*#__PURE__*/jsx(Icon, {
|
|
6342
|
-
icon: /*#__PURE__*/jsx(LoaderIcon, {}),
|
|
6343
|
-
color: "kitt.black"
|
|
6344
|
-
}) : undefined,
|
|
6345
|
-
errorElement: hasError ? errorElement : null,
|
|
6346
|
-
emptyResultsElement: items.length === 0 ? emptyResultsElement : null,
|
|
6347
|
-
onInputChange: value => onInputChange(value),
|
|
6348
|
-
onChange: item => onSelectItem(item, onChange),
|
|
6349
|
-
children: items.map(item => /*#__PURE__*/jsx(InputAddressOption, {
|
|
6350
|
-
item: item,
|
|
6351
|
-
itemToMainText: itemToMainText,
|
|
6352
|
-
itemToSecondaryText: itemToSecondaryText
|
|
6353
|
-
}, itemToKey(item)))
|
|
6354
|
-
});
|
|
6355
|
-
}
|
|
6356
|
-
InputAddress.Option = InputAddressOptionLegacy;
|
|
6357
|
-
|
|
6358
6240
|
const GoogleMapsApiKeyContext = /*#__PURE__*/createContext(undefined);
|
|
6359
6241
|
function GoogleMapsApiKeyProvider({
|
|
6360
6242
|
children,
|
|
@@ -6680,6 +6562,44 @@ function useGoogleMapsAutocomplete() {
|
|
|
6680
6562
|
return context;
|
|
6681
6563
|
}
|
|
6682
6564
|
|
|
6565
|
+
function InputAddressOption({
|
|
6566
|
+
item
|
|
6567
|
+
}) {
|
|
6568
|
+
const sharedTransform = {
|
|
6569
|
+
style: {
|
|
6570
|
+
transform: 'translateY(4px)'
|
|
6571
|
+
}
|
|
6572
|
+
};
|
|
6573
|
+
return /*#__PURE__*/jsx(Autocomplete.Option, {
|
|
6574
|
+
item: item,
|
|
6575
|
+
testID: "kitt.InputAddressOption.item",
|
|
6576
|
+
children: /*#__PURE__*/jsxs(HStack, {
|
|
6577
|
+
space: "kitt.2",
|
|
6578
|
+
children: [/*#__PURE__*/jsx(View, {
|
|
6579
|
+
_web: sharedTransform,
|
|
6580
|
+
_ios: sharedTransform,
|
|
6581
|
+
_android: sharedTransform,
|
|
6582
|
+
children: /*#__PURE__*/jsx(TypographyIcon, {
|
|
6583
|
+
icon: /*#__PURE__*/jsx(MapPinRegularIcon, {}),
|
|
6584
|
+
color: "black"
|
|
6585
|
+
})
|
|
6586
|
+
}), /*#__PURE__*/jsx(View, {
|
|
6587
|
+
flexShrink: 1,
|
|
6588
|
+
children: /*#__PURE__*/jsxs(Typography.Text, {
|
|
6589
|
+
children: [/*#__PURE__*/jsx(Typography.Text, {
|
|
6590
|
+
variant: "bold",
|
|
6591
|
+
children: item.structured_formatting.main_text
|
|
6592
|
+
}), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxs(Typography.Text, {
|
|
6593
|
+
color: "black-light",
|
|
6594
|
+
variant: "bold",
|
|
6595
|
+
children: [' ', item.structured_formatting.secondary_text]
|
|
6596
|
+
}) : null]
|
|
6597
|
+
})
|
|
6598
|
+
})]
|
|
6599
|
+
})
|
|
6600
|
+
});
|
|
6601
|
+
}
|
|
6602
|
+
|
|
6683
6603
|
function defaultItemToString(item) {
|
|
6684
6604
|
if (!item) return '';
|
|
6685
6605
|
return item.description;
|
|
@@ -6713,7 +6633,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
|
|
|
6713
6633
|
};
|
|
6714
6634
|
}
|
|
6715
6635
|
|
|
6716
|
-
function
|
|
6636
|
+
function InputAddress({
|
|
6717
6637
|
initialValue,
|
|
6718
6638
|
itemToString = defaultItemToString,
|
|
6719
6639
|
errorElement,
|
|
@@ -6746,12 +6666,12 @@ function InputAddressLegacy({
|
|
|
6746
6666
|
onChange: v => {
|
|
6747
6667
|
onSelectItem(v, onChange);
|
|
6748
6668
|
},
|
|
6749
|
-
children: state.items.map(item => /*#__PURE__*/jsx(
|
|
6669
|
+
children: state.items.map(item => /*#__PURE__*/jsx(InputAddressOption, {
|
|
6750
6670
|
item: item
|
|
6751
6671
|
}, item.place_id))
|
|
6752
6672
|
});
|
|
6753
6673
|
}
|
|
6754
|
-
|
|
6674
|
+
InputAddress.Option = InputAddressOption;
|
|
6755
6675
|
|
|
6756
6676
|
const InputEmail = /*#__PURE__*/forwardRef((props, ref) => {
|
|
6757
6677
|
return /*#__PURE__*/jsx(InputText, {
|
|
@@ -13715,5 +13635,5 @@ function VerticalSteps({
|
|
|
13715
13635
|
VerticalSteps.Step = Step;
|
|
13716
13636
|
VerticalSteps.BorderlessStep = BorderlessStep;
|
|
13717
13637
|
|
|
13718
|
-
export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress,
|
|
13638
|
+
export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress, InputEmail, InputFeedback, InputField, InputIban, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarker, MapMarkerVariantEnum, MatchWindowSize, Message, ModalBehaviour, NativeOnlyFlatList, NavigationBottomSheet, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, RadioWithRef as Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Sticker, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, TabBar, Tag, TextArea, TimePicker, ToastComponent, Toggle, Tooltip, TopNavBar, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, getValueForBreakpoint, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
|
|
13719
13639
|
//# sourceMappingURL=index-node-22.17.es.web.mjs.map
|