@ornikar/kitt-universal 7.3.0 → 7.6.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/dist/definitions/Picker/Picker.d.ts +17 -0
- package/dist/definitions/Picker/Picker.d.ts.map +1 -0
- package/dist/definitions/Picker/Picker.web.d.ts +3 -0
- package/dist/definitions/Picker/Picker.web.d.ts.map +1 -0
- package/dist/definitions/Picker/PickerItem.d.ts +9 -0
- package/dist/definitions/Picker/PickerItem.d.ts.map +1 -0
- package/dist/definitions/TimePicker/useTimePicker.d.ts +2 -2
- package/dist/definitions/TimePicker/useTimePicker.d.ts.map +1 -1
- package/dist/definitions/index.d.ts +2 -0
- package/dist/definitions/index.d.ts.map +1 -1
- package/dist/definitions/themes/default.d.ts +1 -0
- package/dist/definitions/themes/default.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/picker.d.ts +21 -0
- package/dist/definitions/themes/late-ocean/picker.d.ts.map +1 -0
- package/dist/definitions/typography/Typography.d.ts +3 -2
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +169 -36
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.ios.js +169 -36
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +169 -36
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +73 -35
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.js +181 -67
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/index-node-14.17.cjs.web.js +52 -24
- package/dist/index-node-14.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.android.js +26 -0
- package/dist/linaria-themes-browser-all.es.android.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.ios.js +26 -0
- package/dist/linaria-themes-browser-all.es.ios.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.js +26 -0
- package/dist/linaria-themes-browser-all.es.js.map +1 -1
- package/dist/linaria-themes-browser-all.es.web.js +27 -0
- package/dist/linaria-themes-browser-all.es.web.js.map +1 -1
- package/dist/linaria-themes-node-14.17.cjs.js +25 -0
- package/dist/linaria-themes-node-14.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-14.17.cjs.web.js +25 -0
- package/dist/linaria-themes-node-14.17.cjs.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +8 -3
- package/translations/fr-FR.json +2 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { PickerItem } from './PickerItem';
|
|
3
|
+
export interface PickerProps<T> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
isVisible: boolean;
|
|
6
|
+
title: ReactNode;
|
|
7
|
+
initialValue: T;
|
|
8
|
+
validateButtonLabel?: ReactNode;
|
|
9
|
+
testID?: string;
|
|
10
|
+
onValueSelected: (value: T) => void;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function Picker<T>({ children, isVisible, title, initialValue, validateButtonLabel, testID, onValueSelected, onClose, }: PickerProps<T>): ReactElement;
|
|
14
|
+
export declare namespace Picker {
|
|
15
|
+
var Item: typeof PickerItem;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,CAAC;IAChB,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACN,eAAe,EACf,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAuD/B;yBAhEe,MAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Picker.web.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,MAAM,IAAI,YAAY,CAErC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { PickerItemProps as NativePickerItemProps } from '@react-native-picker/picker';
|
|
2
|
+
import type { ReactElement } from 'react';
|
|
3
|
+
export interface PickerItemProps<T> extends Pick<NativePickerItemProps<T>, 'label'> {
|
|
4
|
+
isSelected?: boolean;
|
|
5
|
+
value: T;
|
|
6
|
+
onPress?: (value: T) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function PickerItem<T>({ label, value, isSelected, onPress }: PickerItemProps<T>): ReactElement;
|
|
9
|
+
//# sourceMappingURL=PickerItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PickerItem.d.ts","sourceRoot":"","sources":["../../../src/Picker/PickerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAWD,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CAerG"}
|
|
@@ -2,13 +2,13 @@ import type { InputUIState } from '@ornikar/kitt-universal';
|
|
|
2
2
|
export declare const timePickerPlaceholder = "--:--";
|
|
3
3
|
export declare const formatNumberToTimeString: (time: number) => string;
|
|
4
4
|
export declare const formatDateToTimeString: (date: Date) => string;
|
|
5
|
-
export declare const useTimePicker: (value: Date | null, onChange: (time?: Date | null
|
|
5
|
+
export declare const useTimePicker: (value: Date | null, onChange: (time?: Date | null) => void, onBlur: () => void, disabled: boolean, defaultValue?: Date | null) => {
|
|
6
6
|
displayedValue: string;
|
|
7
7
|
dateTimePickerValue: Date;
|
|
8
8
|
timePickerState: InputUIState;
|
|
9
9
|
isTimePickerModalVisible: boolean;
|
|
10
10
|
handleInputPress: () => void;
|
|
11
11
|
handleModalClose: () => void;
|
|
12
|
-
handleTimeChange: (date?: Date
|
|
12
|
+
handleTimeChange: (date?: Date) => void;
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=useTimePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTimePicker.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/useTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,wBAAwB,SAAU,MAAM,KAAG,MAA4C,CAAC;AAErG,eAAO,MAAM,sBAAsB,SAAU,IAAI,KAAG,MAC2C,CAAC;AAEhG,eAAO,MAAM,aAAa,UACjB,IAAI,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"useTimePicker.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/useTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,wBAAwB,SAAU,MAAM,KAAG,MAA4C,CAAC;AAErG,eAAO,MAAM,sBAAsB,SAAU,IAAI,KAAG,MAC2C,CAAC;AAEhG,eAAO,MAAM,aAAa,UACjB,IAAI,GAAG,IAAI,oBACA,IAAI,GAAG,IAAI,KAAK,IAAI,UAC9B,MAAM,IAAI,YACR,OAAO,iBACF,IAAI,GAAG,IAAI;oBAEV,MAAM;yBACD,IAAI;qBACR,YAAY;8BACH,OAAO;sBACf,MAAM,IAAI;sBACV,MAAM,IAAI;8BACF,IAAI,KAAK,IAAI;CAqCxC,CAAC"}
|
|
@@ -61,6 +61,8 @@ export { Notification } from './Notification/Notification';
|
|
|
61
61
|
export { Overlay } from './Overlay/Overlay';
|
|
62
62
|
export type { PageLoaderProps } from './PageLoader/PageLoader';
|
|
63
63
|
export { PageLoader } from './PageLoader/PageLoader';
|
|
64
|
+
export type { PickerProps } from './Picker/Picker';
|
|
65
|
+
export { Picker } from './Picker/Picker';
|
|
64
66
|
export type { SkeletonProps } from './Skeleton/Skeleton';
|
|
65
67
|
export { Skeleton } from './Skeleton/Skeleton';
|
|
66
68
|
export * from './story-components';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -108,6 +108,7 @@ export declare const theme: {
|
|
|
108
108
|
iconButton: import("./late-ocean/iconButton").IconButtonTheme;
|
|
109
109
|
listItem: import("./late-ocean/listItem").ListItemTheme;
|
|
110
110
|
pageLoader: import("./late-ocean/pageLoader").PageLoaderTheme;
|
|
111
|
+
picker: import("./late-ocean/picker").PickerTheme;
|
|
111
112
|
shadows: {
|
|
112
113
|
medium: string;
|
|
113
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AA0CA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { TextStyle } from 'react-native';
|
|
2
|
+
export interface PickerTheme {
|
|
3
|
+
ios: {
|
|
4
|
+
default: TextStyle;
|
|
5
|
+
selected: {
|
|
6
|
+
color: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
android: {
|
|
10
|
+
padding: string;
|
|
11
|
+
default: {
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
};
|
|
14
|
+
selected: {
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
color: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export declare const picker: PickerTheme;
|
|
21
|
+
//# sourceMappingURL=picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE;QACH,OAAO,EAAE,SAAS,CAAC;QACnB,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC;SACzB,CAAC;QACF,QAAQ,EAAE;YACR,eAAe,EAAE,MAAM,CAAC;YACxB,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,WAsBpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FC, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import type { TextProps } from 'react-native';
|
|
2
|
+
import type { TextProps, TextStyle } from 'react-native';
|
|
3
3
|
import type { DefaultTheme } from 'styled-components/native';
|
|
4
4
|
import type { Except, SetOptional } from 'type-fest';
|
|
5
5
|
import type { TypographyTypeConfig } from '../themes/late-ocean/typography';
|
|
@@ -30,12 +30,13 @@ export interface TypographyProps extends TypographyBreakpointTypesProps, Except<
|
|
|
30
30
|
/** Inherited from parent Typography if not specified, or black if no Typography parent found. */
|
|
31
31
|
color?: TypographyColor;
|
|
32
32
|
children: ReactNode;
|
|
33
|
+
textAlign?: TextStyle['textAlign'];
|
|
33
34
|
}
|
|
34
35
|
export declare type TypographyPropsWithoutRole = Except<TypographyProps, 'accessibilityRole'>;
|
|
35
36
|
export declare function useTypographyTypeForCurrentWindowSize(base: TypographyType | undefined, small: TypographyType | undefined, medium: TypographyType | undefined, large: TypographyType | undefined): TypographyType | undefined;
|
|
36
37
|
declare type GetTypographyInheritedOrDefaultValuesBasedOnExistingAncestorsProps = Pick<TypographyProps, 'base' | 'color'>;
|
|
37
38
|
export declare function getTypographyInheritedOrDefaultValuesBasedOnExistingAncestors(hasTypographyAncestor: boolean, { base, color }: GetTypographyInheritedOrDefaultValuesBasedOnExistingAncestorsProps): GetTypographyInheritedOrDefaultValuesBasedOnExistingAncestorsProps;
|
|
38
|
-
export declare function Typography({ accessibilityRole, base, small, medium, large, variant, color, ...otherProps }: TypographyProps): ReactElement | null;
|
|
39
|
+
export declare function Typography({ accessibilityRole, base, small, medium, large, variant, color, textAlign, ...otherProps }: TypographyProps): ReactElement | null;
|
|
39
40
|
export declare namespace Typography {
|
|
40
41
|
var Text: typeof TypographyText;
|
|
41
42
|
var Paragraph: typeof TypographyParagraph;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export * from '@ornikar/kitt-icons';
|
|
|
5
5
|
import { useWindowDimensions, Platform, Image, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing } from 'react-native';
|
|
6
6
|
export { useWindowDimensions as useWindowSize } from 'react-native';
|
|
7
7
|
import styled, { css, useTheme, ThemeProvider } from 'styled-components/native';
|
|
8
|
-
import { cloneElement, useContext, createContext, forwardRef, useMemo, useState, useRef, useEffect, Fragment as Fragment$1, Children } from 'react';
|
|
8
|
+
import React, { cloneElement, useContext, createContext, forwardRef, useMemo, useState, useRef, useEffect, Fragment as Fragment$1, Children } from 'react';
|
|
9
9
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
10
10
|
import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, useAnimatedProps, withDelay, withTiming, Easing as Easing$1, withRepeat, interpolate } from 'react-native-reanimated';
|
|
11
11
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
@@ -16,6 +16,7 @@ import { FormattedMessage } from 'react-intl';
|
|
|
16
16
|
import _extends from '@babel/runtime/helpers/extends';
|
|
17
17
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
18
18
|
import Svg, { Circle as Circle$1 } from 'react-native-svg';
|
|
19
|
+
import { Picker as Picker$1 } from '@react-native-picker/picker';
|
|
19
20
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
20
21
|
import { useFloating, offset, shift, flip } from '@floating-ui/react-native';
|
|
21
22
|
import { makeDecorator } from '@storybook/addons';
|
|
@@ -102,7 +103,7 @@ var KittBreakpointsMax = {
|
|
|
102
103
|
LARGE: KittBreakpoints.WIDE - 1
|
|
103
104
|
};
|
|
104
105
|
|
|
105
|
-
var _excluded$h = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color"];
|
|
106
|
+
var _excluded$h = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color", "textAlign"];
|
|
106
107
|
var IsHeaderTypographyContext = /*#__PURE__*/createContext(undefined);
|
|
107
108
|
var TypographyColorContext = /*#__PURE__*/createContext('black');
|
|
108
109
|
function useTypographyColor() {
|
|
@@ -133,19 +134,23 @@ function getTypographyTypeConfig(type, theme) {
|
|
|
133
134
|
}
|
|
134
135
|
var StyledTypography = /*#__PURE__*/styled.Text.withConfig({
|
|
135
136
|
displayName: "Typography__StyledTypography"
|
|
136
|
-
})(["", " ", ""], function (_ref) {
|
|
137
|
-
var
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
137
|
+
})(["", ";", " ", ""], function (_ref) {
|
|
138
|
+
var $textAlign = _ref.$textAlign;
|
|
139
|
+
if (!$textAlign) return undefined;
|
|
140
|
+
return css(["text-align:", ";"], $textAlign);
|
|
141
|
+
}, function (_ref2) {
|
|
142
|
+
var theme = _ref2.theme,
|
|
143
|
+
$isHeader = _ref2.$isHeader,
|
|
144
|
+
$typeForCurrentWindowSize = _ref2.$typeForCurrentWindowSize,
|
|
145
|
+
$variant = _ref2.$variant;
|
|
141
146
|
var _theme$kitt$typograph = theme.kitt.typography.types,
|
|
142
147
|
headers = _theme$kitt$typograph.headers,
|
|
143
148
|
bodies = _theme$kitt$typograph.bodies;
|
|
144
149
|
var typeConfigKey = getTypographyTypeConfigKey(theme);
|
|
145
|
-
return "
|
|
146
|
-
}, function (
|
|
147
|
-
var theme =
|
|
148
|
-
$color =
|
|
150
|
+
return css(["", " font-weight:", ";font-style:", ";"], !$typeForCurrentWindowSize ? '' : css(["font-family:", ";font-size:", "px;line-height:", "px;"], $isHeader ? headers.fontFamily[$variant] : bodies.fontFamily[$variant], $isHeader ? headers.configs[$typeForCurrentWindowSize][typeConfigKey].fontSize : bodies.configs[$typeForCurrentWindowSize][typeConfigKey].fontSize, $isHeader ? headers.configs[$typeForCurrentWindowSize][typeConfigKey].lineHeight : bodies.configs[$typeForCurrentWindowSize][typeConfigKey].lineHeight), $isHeader ? headers.fontWeight : bodies.fontWeight[$variant], $isHeader ? headers.fontStyle : bodies.fontStyle[$variant]);
|
|
151
|
+
}, function (_ref3) {
|
|
152
|
+
var theme = _ref3.theme,
|
|
153
|
+
$color = _ref3.$color;
|
|
149
154
|
if (!$color) return '';
|
|
150
155
|
return css(["color:", ";text-decoration-color:", ";"], theme.kitt.typography.colors[$color], theme.kitt.typography.colors[$color]);
|
|
151
156
|
});
|
|
@@ -158,9 +163,9 @@ function useTypographyTypeForCurrentWindowSize(base, small, medium, large) {
|
|
|
158
163
|
if (small && width >= KittBreakpoints.SMALL) return small;
|
|
159
164
|
return base;
|
|
160
165
|
}
|
|
161
|
-
function getTypographyInheritedOrDefaultValuesBasedOnExistingAncestors(hasTypographyAncestor,
|
|
162
|
-
var base =
|
|
163
|
-
color =
|
|
166
|
+
function getTypographyInheritedOrDefaultValuesBasedOnExistingAncestors(hasTypographyAncestor, _ref4) {
|
|
167
|
+
var base = _ref4.base,
|
|
168
|
+
color = _ref4.color;
|
|
164
169
|
// return the props set or undefined. In case of undefined, the value will be inherited from its parents.
|
|
165
170
|
if (hasTypographyAncestor) return {
|
|
166
171
|
base: base,
|
|
@@ -171,15 +176,16 @@ function getTypographyInheritedOrDefaultValuesBasedOnExistingAncestors(hasTypogr
|
|
|
171
176
|
color: color !== null && color !== void 0 ? color : 'black'
|
|
172
177
|
};
|
|
173
178
|
}
|
|
174
|
-
function Typography(
|
|
175
|
-
var accessibilityRole =
|
|
176
|
-
base =
|
|
177
|
-
small =
|
|
178
|
-
medium =
|
|
179
|
-
large =
|
|
180
|
-
variant =
|
|
181
|
-
color =
|
|
182
|
-
|
|
179
|
+
function Typography(_ref5) {
|
|
180
|
+
var accessibilityRole = _ref5.accessibilityRole,
|
|
181
|
+
base = _ref5.base,
|
|
182
|
+
small = _ref5.small,
|
|
183
|
+
medium = _ref5.medium,
|
|
184
|
+
large = _ref5.large,
|
|
185
|
+
variant = _ref5.variant,
|
|
186
|
+
color = _ref5.color,
|
|
187
|
+
textAlign = _ref5.textAlign,
|
|
188
|
+
otherProps = _objectWithoutProperties(_ref5, _excluded$h);
|
|
183
189
|
|
|
184
190
|
var isHeaderTypographyInContext = useContext(IsHeaderTypographyContext);
|
|
185
191
|
var hasTypographyAncestor = isHeaderTypographyInContext !== undefined;
|
|
@@ -194,21 +200,21 @@ function Typography(_ref4) {
|
|
|
194
200
|
var typeForCurrentWindowSize = useTypographyTypeForCurrentWindowSize(baseOrDefaultToBody, small, medium, large);
|
|
195
201
|
var isHeader = isTypographyHeader(typeForCurrentWindowSize, isHeaderTypographyInContext);
|
|
196
202
|
var nonNullableVariant = variant !== null && variant !== void 0 ? variant : isHeader ? 'bold' : 'regular';
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
children: /*#__PURE__*/jsx(StyledTypography, _objectSpread({
|
|
200
|
-
$color: colorOrDefaultToBlack,
|
|
201
|
-
$isHeader: isHeader,
|
|
202
|
-
$typeForCurrentWindowSize: typeForCurrentWindowSize,
|
|
203
|
-
$variant: nonNullableVariant,
|
|
204
|
-
accessibilityRole: accessibilityRole || undefined
|
|
205
|
-
}, otherProps))
|
|
206
|
-
}) : /*#__PURE__*/jsx(StyledTypography, _objectSpread({
|
|
203
|
+
|
|
204
|
+
var sharedProps = _objectSpread({
|
|
207
205
|
$color: colorOrDefaultToBlack,
|
|
208
206
|
$isHeader: isHeader,
|
|
209
207
|
$variant: nonNullableVariant,
|
|
210
|
-
accessibilityRole: accessibilityRole || undefined
|
|
211
|
-
|
|
208
|
+
accessibilityRole: accessibilityRole || undefined,
|
|
209
|
+
$textAlign: textAlign
|
|
210
|
+
}, otherProps);
|
|
211
|
+
|
|
212
|
+
var content = baseOrDefaultToBody ? /*#__PURE__*/jsx(IsHeaderTypographyContext.Provider, {
|
|
213
|
+
value: isHeader,
|
|
214
|
+
children: /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({}, sharedProps), {}, {
|
|
215
|
+
$typeForCurrentWindowSize: typeForCurrentWindowSize
|
|
216
|
+
}, otherProps))
|
|
217
|
+
}) : /*#__PURE__*/jsx(StyledTypography, _objectSpread({}, sharedProps));
|
|
212
218
|
return color ? /*#__PURE__*/jsx(TypographyColorContext.Provider, {
|
|
213
219
|
value: color,
|
|
214
220
|
children: content
|
|
@@ -1362,6 +1368,30 @@ var pageLoader = {
|
|
|
1362
1368
|
}
|
|
1363
1369
|
};
|
|
1364
1370
|
|
|
1371
|
+
var picker = {
|
|
1372
|
+
ios: {
|
|
1373
|
+
"default": _objectSpread(_objectSpread({
|
|
1374
|
+
fontFamily: typography.types.bodies.fontFamily.regular
|
|
1375
|
+
}, typography.types.bodies.configs.body.baseAndSmall), {}, {
|
|
1376
|
+
fontSize: 16,
|
|
1377
|
+
color: typography.colors['black-light']
|
|
1378
|
+
}),
|
|
1379
|
+
selected: {
|
|
1380
|
+
color: typography.colors.primary
|
|
1381
|
+
}
|
|
1382
|
+
},
|
|
1383
|
+
android: {
|
|
1384
|
+
padding: '12px 24px',
|
|
1385
|
+
"default": {
|
|
1386
|
+
backgroundColor: colors.transparent
|
|
1387
|
+
},
|
|
1388
|
+
selected: {
|
|
1389
|
+
backgroundColor: colors.primary,
|
|
1390
|
+
color: typography.colors.white
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1393
|
+
};
|
|
1394
|
+
|
|
1365
1395
|
var shadows = {
|
|
1366
1396
|
medium: '0px 10px 20px rgba(41, 48, 51, 0.25)'
|
|
1367
1397
|
};
|
|
@@ -1461,6 +1491,7 @@ var theme = {
|
|
|
1461
1491
|
iconButton: iconButton,
|
|
1462
1492
|
listItem: listItem,
|
|
1463
1493
|
pageLoader: pageLoader,
|
|
1494
|
+
picker: picker,
|
|
1464
1495
|
shadows: shadows,
|
|
1465
1496
|
skeleton: skeleton,
|
|
1466
1497
|
tag: tag,
|
|
@@ -2575,6 +2606,7 @@ function InputPassword(_ref) {
|
|
|
2575
2606
|
autoCorrect: false,
|
|
2576
2607
|
secureTextEntry: !isVisible,
|
|
2577
2608
|
right: right || /*#__PURE__*/jsx(InputPressable, {
|
|
2609
|
+
hitSlop: 20,
|
|
2578
2610
|
accessibilityRole: "button",
|
|
2579
2611
|
onPress: function onPress() {
|
|
2580
2612
|
return setIsVisible(function (prev) {
|
|
@@ -3447,6 +3479,107 @@ function PageLoader() {
|
|
|
3447
3479
|
});
|
|
3448
3480
|
}
|
|
3449
3481
|
|
|
3482
|
+
var ContainerPressable = /*#__PURE__*/styled.Pressable.withConfig({
|
|
3483
|
+
displayName: "PickerItem__ContainerPressable"
|
|
3484
|
+
})(["padding:", ";background-color:", ";"], function (_ref) {
|
|
3485
|
+
var theme = _ref.theme;
|
|
3486
|
+
return theme.kitt.picker.android.padding;
|
|
3487
|
+
}, function (_ref2) {
|
|
3488
|
+
var theme = _ref2.theme,
|
|
3489
|
+
$isSelected = _ref2.$isSelected;
|
|
3490
|
+
return $isSelected ? theme.kitt.picker.android.selected.backgroundColor : theme.kitt.picker.android["default"].backgroundColor;
|
|
3491
|
+
}); // This item is for Android only, iOS uses its own implementation and web is not supported yet
|
|
3492
|
+
|
|
3493
|
+
function PickerItem(_ref3) {
|
|
3494
|
+
var label = _ref3.label,
|
|
3495
|
+
value = _ref3.value,
|
|
3496
|
+
isSelected = _ref3.isSelected,
|
|
3497
|
+
onPress = _ref3.onPress;
|
|
3498
|
+
return /*#__PURE__*/jsx(ContainerPressable, {
|
|
3499
|
+
accessibilityRole: "button",
|
|
3500
|
+
accessibilityState: {
|
|
3501
|
+
selected: isSelected
|
|
3502
|
+
},
|
|
3503
|
+
$isSelected: isSelected,
|
|
3504
|
+
onPress: onPress ? function () {
|
|
3505
|
+
return onPress(value);
|
|
3506
|
+
} : undefined,
|
|
3507
|
+
children: /*#__PURE__*/jsx(Typography.Text, {
|
|
3508
|
+
base: "body",
|
|
3509
|
+
color: isSelected ? 'white' : undefined,
|
|
3510
|
+
children: label
|
|
3511
|
+
})
|
|
3512
|
+
});
|
|
3513
|
+
}
|
|
3514
|
+
|
|
3515
|
+
function Picker(_ref) {
|
|
3516
|
+
var children = _ref.children,
|
|
3517
|
+
isVisible = _ref.isVisible,
|
|
3518
|
+
title = _ref.title,
|
|
3519
|
+
initialValue = _ref.initialValue,
|
|
3520
|
+
validateButtonLabel = _ref.validateButtonLabel,
|
|
3521
|
+
testID = _ref.testID,
|
|
3522
|
+
onValueSelected = _ref.onValueSelected,
|
|
3523
|
+
onClose = _ref.onClose;
|
|
3524
|
+
|
|
3525
|
+
var _useState = useState(initialValue),
|
|
3526
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
3527
|
+
value = _useState2[0],
|
|
3528
|
+
setValue = _useState2[1];
|
|
3529
|
+
|
|
3530
|
+
return /*#__PURE__*/jsxs(Modal, {
|
|
3531
|
+
visible: isVisible,
|
|
3532
|
+
onClose: onClose,
|
|
3533
|
+
children: [/*#__PURE__*/jsx(Modal.Header, {
|
|
3534
|
+
children: /*#__PURE__*/jsx(Typography.Text, {
|
|
3535
|
+
base: "body",
|
|
3536
|
+
variant: "bold",
|
|
3537
|
+
children: title
|
|
3538
|
+
})
|
|
3539
|
+
}), /*#__PURE__*/jsx(View, {
|
|
3540
|
+
children: Platform.OS === 'ios' ? /*#__PURE__*/jsx(Picker$1, {
|
|
3541
|
+
testID: testID,
|
|
3542
|
+
selectedValue: value,
|
|
3543
|
+
itemStyle: theme.picker.ios["default"],
|
|
3544
|
+
onValueChange: function onValueChange(itemValue) {
|
|
3545
|
+
return setValue(itemValue);
|
|
3546
|
+
},
|
|
3547
|
+
children: React.Children.map(children, function (child) {
|
|
3548
|
+
var item = child; // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
|
|
3549
|
+
|
|
3550
|
+
return /*#__PURE__*/cloneElement(item, {
|
|
3551
|
+
color: item.props.value === value ? theme.picker.ios.selected.color : undefined
|
|
3552
|
+
});
|
|
3553
|
+
})
|
|
3554
|
+
}) : /*#__PURE__*/jsx(ScrollView, {
|
|
3555
|
+
testID: testID,
|
|
3556
|
+
children: React.Children.map(children, function (child) {
|
|
3557
|
+
var item = child;
|
|
3558
|
+
return /*#__PURE__*/cloneElement(item, {
|
|
3559
|
+
onPress: function onPress(newValue) {
|
|
3560
|
+
return setValue(newValue);
|
|
3561
|
+
},
|
|
3562
|
+
isSelected: item.props.value === value
|
|
3563
|
+
});
|
|
3564
|
+
})
|
|
3565
|
+
})
|
|
3566
|
+
}), /*#__PURE__*/jsx(Modal.Footer, {
|
|
3567
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
3568
|
+
stretch: true,
|
|
3569
|
+
type: "primary",
|
|
3570
|
+
onPress: function handleValueSelected() {
|
|
3571
|
+
onValueSelected(value);
|
|
3572
|
+
onClose();
|
|
3573
|
+
},
|
|
3574
|
+
children: validateButtonLabel || /*#__PURE__*/jsx(FormattedMessage, {
|
|
3575
|
+
id: "kitt-universal.Picker.validate"
|
|
3576
|
+
})
|
|
3577
|
+
})
|
|
3578
|
+
})]
|
|
3579
|
+
});
|
|
3580
|
+
}
|
|
3581
|
+
Picker.Item = PickerItem;
|
|
3582
|
+
|
|
3450
3583
|
var Container$2 = /*#__PURE__*/styled.View.withConfig({
|
|
3451
3584
|
displayName: "SkeletonContent__Container"
|
|
3452
3585
|
})(["background-color:", ";border-color:", ";height:100%;width:100%;"], function (_ref) {
|
|
@@ -4431,5 +4564,5 @@ function withTheme(WrappedComponent) {
|
|
|
4431
4564
|
});
|
|
4432
4565
|
}
|
|
4433
4566
|
|
|
4434
|
-
export { Avatar, Button, Card, Checkbox, DatePicker, Emoji, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, Notification, Overlay, PageLoader, Radio, DeprecatedSection as Section, Skeleton, SpinningIcon, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
|
|
4567
|
+
export { Avatar, Button, Card, Checkbox, DatePicker, Emoji, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, Notification, Overlay, PageLoader, Picker, Radio, DeprecatedSection as Section, Skeleton, SpinningIcon, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
|
|
4435
4568
|
//# sourceMappingURL=index-browser-all.es.android.js.map
|