@trilogy-ds/react 4.14.0-calendar-native-2 → 4.14.0-dropdown
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/lib/components/autocomplete/Autocomplete.helpers.js +1 -1
- package/lib/components/box/Box.native.js +5 -8
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +18 -2
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +9 -1
- package/lib/components/calendar/Calendar.native.js +7 -7
- package/lib/components/card/Card.native.js +7 -11
- package/lib/components/checkbox/list/CheckboxList.js +1 -1
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +3 -3
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +9 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +18 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +18 -2
- package/lib/components/columns/column/Column.native.js +2 -2
- package/lib/components/columns/column/ColumnPropsDefaults.js +18 -2
- package/lib/components/datepicker/DatePicker.native.d.ts +18 -2
- package/lib/components/datepicker/DatePicker.native.js +306 -5
- package/lib/components/dropdown/Dropdown.d.ts +13 -0
- package/lib/components/dropdown/Dropdown.js +88 -0
- package/lib/components/dropdown/Dropdown.native.d.ts +4 -0
- package/lib/components/dropdown/Dropdown.native.js +8 -0
- package/lib/components/dropdown/DropdownProps.d.ts +15 -0
- package/lib/components/dropdown/DropdownProps.js +2 -0
- package/lib/components/dropdown/DropdownPropsDefaults.js +53 -0
- package/lib/components/dropdown/context/DropdownContext.d.ts +15 -0
- package/lib/components/dropdown/context/DropdownContext.js +35 -0
- package/lib/components/dropdown/context/index.d.ts +1 -0
- package/lib/components/dropdown/context/index.js +2 -0
- package/lib/components/dropdown/group/DropdownGroup.d.ts +12 -0
- package/lib/components/dropdown/group/DropdownGroup.js +24 -0
- package/lib/components/dropdown/group/DropdownGroup.native.d.ts +4 -0
- package/lib/components/dropdown/group/DropdownGroup.native.js +8 -0
- package/lib/components/dropdown/group/DropdownGroupProps.d.ts +14 -0
- package/lib/components/dropdown/group/DropdownGroupProps.js +2 -0
- package/lib/components/dropdown/group/DropdownGroupPropsDefaults.js +52 -0
- package/lib/components/dropdown/group/index.d.ts +2 -0
- package/lib/components/dropdown/group/index.js +3 -0
- package/lib/components/dropdown/index.d.ts +6 -0
- package/lib/components/dropdown/index.js +7 -0
- package/lib/components/dropdown/item/DropdownItem.d.ts +12 -0
- package/lib/components/dropdown/item/DropdownItem.js +46 -0
- package/lib/components/dropdown/item/DropdownItem.native.d.ts +4 -0
- package/lib/components/dropdown/item/DropdownItem.native.js +8 -0
- package/lib/components/dropdown/item/DropdownItemProps.d.ts +15 -0
- package/lib/components/dropdown/item/DropdownItemProps.js +2 -0
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +93 -0
- package/lib/components/dropdown/item/index.d.ts +2 -0
- package/lib/components/dropdown/item/index.js +3 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.js +61 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts +4 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.js +8 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.js +2 -0
- package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js +44 -0
- package/lib/components/dropdown/trigger/index.d.ts +2 -0
- package/lib/components/dropdown/trigger/index.js +3 -0
- package/lib/components/enumsComponentsName.d.ts +4 -0
- package/lib/components/enumsComponentsName.js +5 -1
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +2 -2
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +18 -2
- package/lib/components/icon/Icon.native.js +4 -9
- package/lib/components/image/ImagePropsDefaults.js +18 -2
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +2 -1
- package/lib/components/price/PricePropsDefaults.js +18 -2
- package/lib/components/progress/index.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +3 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +18 -2
- package/lib/components/radio/EventHandlerDefaults.js +21 -0
- package/lib/components/radio/Radio.js +3 -3
- package/lib/components/radio/Radio.native.d.ts +2 -2
- package/lib/components/radio/Radio.native.js +1 -1
- package/lib/components/radio/RadioNativePropsDefaults.js +9 -0
- package/lib/components/radio/RadioProps.d.ts +9 -2
- package/lib/components/radio/list/RadioList.js +1 -1
- package/lib/components/radio/list/RadioListProps.d.ts +2 -2
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +9 -1
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +18 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +3 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +2 -2
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +104 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +8 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +97 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +81 -81
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +9 -1
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/skeleton/Skeleton.d.ts +17 -0
- package/lib/components/skeleton/Skeleton.js +19 -0
- package/lib/components/skeleton/Skeleton.native.d.ts +16 -0
- package/lib/components/skeleton/Skeleton.native.js +70 -0
- package/lib/components/skeleton/SkeletonProps.d.ts +13 -0
- package/lib/components/skeleton/SkeletonProps.js +2 -0
- package/lib/components/skeleton/SkeletonPropsDefaults.js +80 -0
- package/lib/components/skeleton/index.d.ts +3 -0
- package/lib/components/skeleton/index.js +4 -0
- package/lib/components/tabs/TabsPropsDefaults.js +18 -2
- package/lib/components/tabs/tab-list/TabListProps.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +9 -1
- package/lib/components/tabs/tab-list/tab/Tab.native.js +5 -5
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +9 -1
- package/lib/components/text/Text.native.js +7 -8
- package/lib/components/title/Title.native.js +4 -8
- package/lib/components/view/ViewPropsDefaults.js +30 -3
- package/lib/helpers/require.js +1 -1
- package/lib/objects/facets/Alignable.d.ts +10 -3
- package/lib/objects/facets/Alignable.js +10 -5
- package/lib/objects/facets/Justifiable.d.ts +11 -4
- package/lib/objects/facets/Justifiable.js +31 -28
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +6 -2
|
@@ -10,4 +10,4 @@ export var defaultMatching = function (data, value) {
|
|
|
10
10
|
return searchWords.every(function (word) { return itemLabel.includes(word.toLowerCase()); });
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b2NvbXBsZXRlLmhlbHBlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxJQUE0QixJQUFLLE9BQUEsQ0FBQyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQWpELENBQWlELENBQUE7QUFFM0csSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUFXO0lBQy9CLE9BQU8sR0FBRyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxNQUFNLENBQUMsQ0FBQTtBQUNuRCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBbUMsSUFBUyxFQUFFLEtBQWE7SUFDeEYsSUFBTSxZQUFZLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3hDLElBQU0sV0FBVyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQWYsQ0FBZSxDQUFDLENBQUE7SUFFN0UsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQUEsSUFBSTtRQUNyQixJQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUE7UUFDOUMsT0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBdEMsQ0FBc0MsQ0FBQyxDQUFBO0lBQzFFLENBQUMsQ0FBQyxDQUFBO0FBQ0osQ0FBQyxDQUFBIn0=
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __read, __rest } from "tslib";
|
|
2
2
|
import { BoxContext } from '../../components/box/context/boxContext';
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
import { StatesContext } from '../../context/providerStates';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
6
|
import React, { useState } from 'react';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
7
|
+
import { ImageBackground, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
|
+
import { Skeleton } from '../skeleton';
|
|
9
9
|
/**
|
|
10
10
|
* Box Component
|
|
11
11
|
* @param children {React.ReactNode} Childrens
|
|
@@ -80,10 +80,7 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
80
80
|
},
|
|
81
81
|
});
|
|
82
82
|
var boxTestId = 'NotSpecified';
|
|
83
|
-
var BoxSkeleton = function () { return (React.createElement(
|
|
84
|
-
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
85
|
-
Platform.OS === 'android' && (React.createElement(View, null,
|
|
86
|
-
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
83
|
+
var BoxSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: '100%', height: 50, borderRadius: boxRadius, testID: 'skeleton' }, children)); };
|
|
87
84
|
if (skeleton) {
|
|
88
85
|
return React.createElement(BoxSkeleton, null);
|
|
89
86
|
}
|
|
@@ -114,4 +111,4 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
114
111
|
});
|
|
115
112
|
Box.displayName = ComponentName.Box;
|
|
116
113
|
export default Box;
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUV0Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osWUFBWSxrQkFBQSxFQUNaLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBYlgsZ0tBY0MsQ0FEVTtJQUlYLElBQU0sUUFBUSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDakQsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0QyxTQUFTLFFBQUEs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
|
|
@@ -70,7 +70,15 @@ export default {
|
|
|
70
70
|
"ALIGNED_CENTER",
|
|
71
71
|
"ALIGNED_START",
|
|
72
72
|
"ALIGNED_END",
|
|
73
|
-
"ALIGNED_STRETCH"
|
|
73
|
+
"ALIGNED_STRETCH",
|
|
74
|
+
"CENTER",
|
|
75
|
+
"START",
|
|
76
|
+
"END",
|
|
77
|
+
"STRETCH",
|
|
78
|
+
"CENTER",
|
|
79
|
+
"START",
|
|
80
|
+
"END",
|
|
81
|
+
"STRETCH"
|
|
74
82
|
]
|
|
75
83
|
},
|
|
76
84
|
"verticalAlign": {
|
|
@@ -84,7 +92,15 @@ export default {
|
|
|
84
92
|
"ALIGNED_CENTER",
|
|
85
93
|
"ALIGNED_START",
|
|
86
94
|
"ALIGNED_END",
|
|
87
|
-
"ALIGNED_STRETCH"
|
|
95
|
+
"ALIGNED_STRETCH",
|
|
96
|
+
"CENTER",
|
|
97
|
+
"START",
|
|
98
|
+
"END",
|
|
99
|
+
"STRETCH",
|
|
100
|
+
"CENTER",
|
|
101
|
+
"START",
|
|
102
|
+
"END",
|
|
103
|
+
"STRETCH"
|
|
88
104
|
]
|
|
89
105
|
},
|
|
90
106
|
"accessibilityLabel": {
|
|
@@ -3,7 +3,7 @@ import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../..
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import type { ButtonProps } from '../../../components/button/ButtonProps';
|
|
5
5
|
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
6
|
-
import {
|
|
6
|
+
import { AlignableProps } from '../../../objects';
|
|
7
7
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
8
8
|
type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
|
|
9
9
|
/**
|
|
@@ -17,7 +17,7 @@ export interface ButtonListProps {
|
|
|
17
17
|
*/
|
|
18
18
|
export interface ButtonListWebProps extends ButtonListProps, CommonProps {
|
|
19
19
|
direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
|
|
20
|
-
align?:
|
|
20
|
+
align?: AlignableProps['align'];
|
|
21
21
|
}
|
|
22
22
|
export type ButtonListRef = HTMLDivElement;
|
|
23
23
|
export type ButtonListNativeRef = View;
|
|
@@ -20,7 +20,15 @@ export default {
|
|
|
20
20
|
"ALIGNED_CENTER",
|
|
21
21
|
"ALIGNED_START",
|
|
22
22
|
"ALIGNED_END",
|
|
23
|
-
"ALIGNED_STRETCH"
|
|
23
|
+
"ALIGNED_STRETCH",
|
|
24
|
+
"CENTER",
|
|
25
|
+
"START",
|
|
26
|
+
"END",
|
|
27
|
+
"STRETCH",
|
|
28
|
+
"CENTER",
|
|
29
|
+
"START",
|
|
30
|
+
"END",
|
|
31
|
+
"STRETCH"
|
|
24
32
|
]
|
|
25
33
|
},
|
|
26
34
|
"children": {
|
|
@@ -467,7 +467,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
|
|
|
467
467
|
if (isRange && activeDate.length === 1) {
|
|
468
468
|
setDateEndHovered(undefined);
|
|
469
469
|
}
|
|
470
|
-
}, accessible: true, accessibilityRole:
|
|
470
|
+
}, accessible: true, accessibilityRole: 'button', accessibilityState: {
|
|
471
471
|
selected: isActive,
|
|
472
472
|
disabled: isDisabled,
|
|
473
473
|
}, style: [
|
|
@@ -491,28 +491,28 @@ var Calendar = React.forwardRef(function (_a, ref) {
|
|
|
491
491
|
return (React.createElement(View, { ref: ref, style: styles.calendar },
|
|
492
492
|
React.createElement(View, { style: styles.header },
|
|
493
493
|
React.createElement(View, { style: styles.headerRow },
|
|
494
|
-
React.createElement(TouchableOpacity, { onPress: function () { return handleClickNextPrevMonth(-1); }, disabled: isPrevDisabled, accessible: true, accessibilityRole:
|
|
494
|
+
React.createElement(TouchableOpacity, { onPress: function () { return handleClickNextPrevMonth(-1); }, disabled: isPrevDisabled, accessible: true, accessibilityRole: 'button', accessibilityState: { disabled: isPrevDisabled }, style: [styles.navButton, isPrevDisabled && styles.disabledButton] },
|
|
495
495
|
React.createElement(View, { style: styles.iconWrapper },
|
|
496
496
|
React.createElement(Icon, { name: 'tri-arrow-left' }))),
|
|
497
497
|
React.createElement(View, { style: styles.monthYearContainer },
|
|
498
498
|
React.createElement(View, { style: styles.dropdownContainer },
|
|
499
|
-
React.createElement(TouchableOpacity, { style: styles.monthSelector, accessible: true, accessibilityRole:
|
|
499
|
+
React.createElement(TouchableOpacity, { style: styles.monthSelector, accessible: true, accessibilityRole: 'button', onPress: function () { return setShowMonthPicker(true); } },
|
|
500
500
|
React.createElement(View, { style: styles.selectorContent },
|
|
501
501
|
React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, style: styles.selectorText }, months[visibleMonth.getMonth()]),
|
|
502
502
|
React.createElement(View, { style: styles.dropdownIcon },
|
|
503
503
|
React.createElement(Icon, { name: 'tri-arrow-down' })))),
|
|
504
|
-
React.createElement(TouchableOpacity, { style: styles.yearSelector, accessible: true, accessibilityRole:
|
|
504
|
+
React.createElement(TouchableOpacity, { style: styles.yearSelector, accessible: true, accessibilityRole: 'button', onPress: function () { return setShowYearPicker(true); } },
|
|
505
505
|
React.createElement(View, { style: styles.selectorContent },
|
|
506
506
|
React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, style: styles.selectorText }, visibleMonth.getFullYear()),
|
|
507
507
|
React.createElement(View, { style: styles.dropdownIcon },
|
|
508
508
|
React.createElement(Icon, { name: 'tri-arrow-down' })))))),
|
|
509
|
-
React.createElement(TouchableOpacity, { onPress: function () { return handleClickNextPrevMonth(1); }, disabled: isNextDisabled, accessible: true, accessibilityRole:
|
|
509
|
+
React.createElement(TouchableOpacity, { onPress: function () { return handleClickNextPrevMonth(1); }, disabled: isNextDisabled, accessible: true, accessibilityRole: 'button', accessibilityState: { disabled: isNextDisabled }, style: [styles.navButton, isNextDisabled && styles.disabledButton] },
|
|
510
510
|
React.createElement(View, { style: styles.iconWrapper },
|
|
511
511
|
React.createElement(Icon, { name: 'tri-arrow-right' })))),
|
|
512
512
|
React.createElement(View, { style: styles.daysLabelRow }, days.map(function (day, index) { return (React.createElement(View, { key: index, style: styles.dayLabel },
|
|
513
513
|
React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, style: styles.dayLabelText }, day.slice(0, 1)))); }))),
|
|
514
514
|
React.createElement(View, { style: styles.body }, allDaysInMonth.map(function (week, weekIndex) { return (React.createElement(View, { key: weekIndex, style: styles.weekRow }, week.map(function (day, dayIndex) { return renderDayButton(day, dayIndex); }))); })),
|
|
515
|
-
React.createElement(Modal, { visible: showMonthPicker, transparent: true, animationType:
|
|
515
|
+
React.createElement(Modal, { visible: showMonthPicker, transparent: true, animationType: 'fade', onRequestClose: function () { return setShowMonthPicker(false); } },
|
|
516
516
|
React.createElement(View, { style: styles.modalOverlay },
|
|
517
517
|
React.createElement(TouchableOpacity, { style: StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: function () { return setShowMonthPicker(false); } }),
|
|
518
518
|
React.createElement(View, { style: styles.pickerContainer },
|
|
@@ -532,7 +532,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
|
|
|
532
532
|
!availableMonths[monthIndex] && styles.pickerItemTextDisabled,
|
|
533
533
|
] }, monthName),
|
|
534
534
|
visibleMonth.getMonth() === monthIndex && (React.createElement(Icon, { name: 'tri-check' })))); }))))),
|
|
535
|
-
React.createElement(Modal, { visible: showYearPicker, transparent: true, animationType:
|
|
535
|
+
React.createElement(Modal, { visible: showYearPicker, transparent: true, animationType: 'fade', onRequestClose: function () { return setShowYearPicker(false); } },
|
|
536
536
|
React.createElement(View, { style: styles.modalOverlay },
|
|
537
537
|
React.createElement(TouchableOpacity, { style: StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: function () { return setShowYearPicker(false); } }),
|
|
538
538
|
React.createElement(View, { style: styles.pickerContainer },
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
|
-
import { isAndroid } from '../../helpers/device.native';
|
|
5
4
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
5
|
import React, { createContext } from 'react';
|
|
7
|
-
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
8
6
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
7
|
+
import { Skeleton } from '../skeleton';
|
|
9
8
|
export var CardContext = createContext({
|
|
10
9
|
floating: false,
|
|
11
10
|
backgroundColor: '',
|
|
@@ -49,10 +48,10 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
49
48
|
maxWidth: '100%',
|
|
50
49
|
},
|
|
51
50
|
shadow: {
|
|
52
|
-
shadowColor: 'rgba(0,0,0
|
|
53
|
-
shadowOffset: { width:
|
|
54
|
-
shadowOpacity:
|
|
55
|
-
shadowRadius:
|
|
51
|
+
shadowColor: 'rgba(0,0,0,0.1)',
|
|
52
|
+
shadowOffset: { width: 0, height: 0 },
|
|
53
|
+
shadowOpacity: 1,
|
|
54
|
+
shadowRadius: 4,
|
|
56
55
|
elevation: 5,
|
|
57
56
|
},
|
|
58
57
|
skeleton: {
|
|
@@ -66,10 +65,7 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
66
65
|
flexDirection: 'column-reverse',
|
|
67
66
|
},
|
|
68
67
|
});
|
|
69
|
-
var CardSkeleton = function () { return (React.createElement(
|
|
70
|
-
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
71
|
-
isAndroid && (React.createElement(View, null,
|
|
72
|
-
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
68
|
+
var CardSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: '100%', height: 50, borderRadius: cardRadius, testID: 'skeleton-id' }, children)); };
|
|
73
69
|
var ShadowWrapper = function (_a) {
|
|
74
70
|
var children = _a.children;
|
|
75
71
|
return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
|
|
@@ -109,4 +105,4 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
109
105
|
});
|
|
110
106
|
Card.displayName = ComponentName.Card;
|
|
111
107
|
export default Card;
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFHdEMsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQW9HLEVBQ3BHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsRyx5R0FBb0csQ0FBRjtJQUdsRyxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUE7SUFDMUIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFB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
|
|
@@ -29,7 +29,7 @@ var CheckboxList = React.forwardRef(function (_a, ref) {
|
|
|
29
29
|
isRequiredChild(children) && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR },
|
|
30
30
|
' ',
|
|
31
31
|
"*")))),
|
|
32
|
-
React.createElement("div", __assign({ ref: ref, id: id, role:
|
|
32
|
+
React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkboxes', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children)));
|
|
33
33
|
});
|
|
34
34
|
CheckboxList.displayName = ComponentName.CheckboxList;
|
|
35
35
|
export default CheckboxList;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
4
3
|
import type { CheckboxProps } from '../../../components/checkbox/CheckboxProps';
|
|
5
|
-
import {
|
|
4
|
+
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
5
|
+
import { AlignableProps } from '../../../objects';
|
|
6
6
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
7
7
|
type CheckboxListChildrenTypes = React.ReactElement<CheckboxProps | DividerProps> | undefined;
|
|
8
8
|
/**
|
|
@@ -16,7 +16,7 @@ export interface CheckboxListProps {
|
|
|
16
16
|
* Checkbox List Web Interface
|
|
17
17
|
*/
|
|
18
18
|
export interface CheckboxListWebProps extends CheckboxListProps, CommonProps {
|
|
19
|
-
align?:
|
|
19
|
+
align?: AlignableProps['align'];
|
|
20
20
|
className?: string;
|
|
21
21
|
horizontalMobile?: boolean;
|
|
22
22
|
verticalDesktop?: boolean;
|
|
@@ -10,7 +10,15 @@ export default {
|
|
|
10
10
|
"ALIGNED_CENTER",
|
|
11
11
|
"ALIGNED_START",
|
|
12
12
|
"ALIGNED_END",
|
|
13
|
-
"ALIGNED_STRETCH"
|
|
13
|
+
"ALIGNED_STRETCH",
|
|
14
|
+
"CENTER",
|
|
15
|
+
"START",
|
|
16
|
+
"END",
|
|
17
|
+
"STRETCH",
|
|
18
|
+
"CENTER",
|
|
19
|
+
"START",
|
|
20
|
+
"END",
|
|
21
|
+
"STRETCH"
|
|
14
22
|
]
|
|
15
23
|
},
|
|
16
24
|
"className": {
|
|
@@ -31,7 +31,15 @@ export default {
|
|
|
31
31
|
"ALIGNED_CENTER",
|
|
32
32
|
"ALIGNED_START",
|
|
33
33
|
"ALIGNED_END",
|
|
34
|
-
"ALIGNED_STRETCH"
|
|
34
|
+
"ALIGNED_STRETCH",
|
|
35
|
+
"CENTER",
|
|
36
|
+
"START",
|
|
37
|
+
"END",
|
|
38
|
+
"STRETCH",
|
|
39
|
+
"CENTER",
|
|
40
|
+
"START",
|
|
41
|
+
"END",
|
|
42
|
+
"STRETCH"
|
|
35
43
|
]
|
|
36
44
|
},
|
|
37
45
|
"verticalAlign": {
|
|
@@ -45,7 +53,15 @@ export default {
|
|
|
45
53
|
"ALIGNED_CENTER",
|
|
46
54
|
"ALIGNED_START",
|
|
47
55
|
"ALIGNED_END",
|
|
48
|
-
"ALIGNED_STRETCH"
|
|
56
|
+
"ALIGNED_STRETCH",
|
|
57
|
+
"CENTER",
|
|
58
|
+
"START",
|
|
59
|
+
"END",
|
|
60
|
+
"STRETCH",
|
|
61
|
+
"CENTER",
|
|
62
|
+
"START",
|
|
63
|
+
"END",
|
|
64
|
+
"STRETCH"
|
|
49
65
|
]
|
|
50
66
|
},
|
|
51
67
|
"id": {
|
|
@@ -89,7 +89,15 @@ export default {
|
|
|
89
89
|
"ALIGNED_CENTER",
|
|
90
90
|
"ALIGNED_START",
|
|
91
91
|
"ALIGNED_END",
|
|
92
|
-
"ALIGNED_STRETCH"
|
|
92
|
+
"ALIGNED_STRETCH",
|
|
93
|
+
"CENTER",
|
|
94
|
+
"START",
|
|
95
|
+
"END",
|
|
96
|
+
"STRETCH",
|
|
97
|
+
"CENTER",
|
|
98
|
+
"START",
|
|
99
|
+
"END",
|
|
100
|
+
"STRETCH"
|
|
93
101
|
]
|
|
94
102
|
},
|
|
95
103
|
"verticalAlign": {
|
|
@@ -103,7 +111,15 @@ export default {
|
|
|
103
111
|
"ALIGNED_CENTER",
|
|
104
112
|
"ALIGNED_START",
|
|
105
113
|
"ALIGNED_END",
|
|
106
|
-
"ALIGNED_STRETCH"
|
|
114
|
+
"ALIGNED_STRETCH",
|
|
115
|
+
"CENTER",
|
|
116
|
+
"START",
|
|
117
|
+
"END",
|
|
118
|
+
"STRETCH",
|
|
119
|
+
"CENTER",
|
|
120
|
+
"START",
|
|
121
|
+
"END",
|
|
122
|
+
"STRETCH"
|
|
107
123
|
]
|
|
108
124
|
},
|
|
109
125
|
"id": {
|
|
@@ -15,7 +15,7 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
|
|
|
15
15
|
var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
|
|
16
16
|
var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
|
|
17
17
|
var calculatedWidth = React.useMemo(function () {
|
|
18
|
-
return size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null;
|
|
18
|
+
return (size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null);
|
|
19
19
|
}, [size, width, realGap, childrensLength]);
|
|
20
20
|
var scrollableStyle = React.useMemo(function () { return ({
|
|
21
21
|
width: calculatedWidth || (narrow ? 'auto' : width - 2 * realGap),
|
|
@@ -35,4 +35,4 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
|
|
|
35
35
|
}));
|
|
36
36
|
Column.displayName = ComponentName.Column;
|
|
37
37
|
export default Column;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQXpGLENBQXlGLEVBQ3pGLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ3hDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxlQUFlLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUM7S0FDbEUsQ0FBQyxFQUZJLENBRUosRUFDRixDQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUMxQyxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsZUFBZSxJQUFJLE1BQU07S0FDckMsQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQ2hDLENBQUE7SUFFRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3ZDLGNBQU0sT0FBQSxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQTZGLEVBQUUsQ0FBQyxFQUE5SSxDQUE4SSxFQUNwSixDQUFDLGFBQWEsQ0FBQyxDQUNoQixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxtQkFBbUI7U0FDcEIsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
|
|
@@ -284,7 +284,15 @@ export default {
|
|
|
284
284
|
"ALIGNED_CENTER",
|
|
285
285
|
"ALIGNED_START",
|
|
286
286
|
"ALIGNED_END",
|
|
287
|
-
"ALIGNED_STRETCH"
|
|
287
|
+
"ALIGNED_STRETCH",
|
|
288
|
+
"CENTER",
|
|
289
|
+
"START",
|
|
290
|
+
"END",
|
|
291
|
+
"STRETCH",
|
|
292
|
+
"CENTER",
|
|
293
|
+
"START",
|
|
294
|
+
"END",
|
|
295
|
+
"STRETCH"
|
|
288
296
|
]
|
|
289
297
|
},
|
|
290
298
|
"verticalAlign": {
|
|
@@ -298,7 +306,15 @@ export default {
|
|
|
298
306
|
"ALIGNED_CENTER",
|
|
299
307
|
"ALIGNED_START",
|
|
300
308
|
"ALIGNED_END",
|
|
301
|
-
"ALIGNED_STRETCH"
|
|
309
|
+
"ALIGNED_STRETCH",
|
|
310
|
+
"CENTER",
|
|
311
|
+
"START",
|
|
312
|
+
"END",
|
|
313
|
+
"STRETCH",
|
|
314
|
+
"CENTER",
|
|
315
|
+
"START",
|
|
316
|
+
"END",
|
|
317
|
+
"STRETCH"
|
|
302
318
|
]
|
|
303
319
|
},
|
|
304
320
|
"id": {
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { DatePickerProps } from './DatePickerProps';
|
|
4
|
+
/**
|
|
5
|
+
* DatePicker Component for React Native
|
|
6
|
+
* @param value {string} Value for DatePicker (YYYY-MM-DD)
|
|
7
|
+
* @param minDate {string} Min value for DatePicker (YYYY-MM-DD)
|
|
8
|
+
* @param maxDate {string} Max value for DatePicker (YYYY-MM-DD)
|
|
9
|
+
* @param disabled {boolean} Disabled DatePicker
|
|
10
|
+
* @param onChange {Function} DatePicker Event
|
|
11
|
+
* @param label {string} Label for DatePicker
|
|
12
|
+
* @param sample {string} Sample for DatePicker (below label)
|
|
13
|
+
* @param help {string} Help for DatePicker
|
|
14
|
+
* @param required {boolean} Required DatePicker
|
|
15
|
+
* @param status {InputStatus} DatePicker with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
16
|
+
* @param testId {string} Test Id for Test Integration
|
|
17
|
+
*/
|
|
18
|
+
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<View>>;
|
|
3
19
|
export default DatePicker;
|