@trilogy-ds/react 0.0.2-calendar → 0.0.2-timepicker
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/alert/AlertPropsDefaults.js +2 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +2 -0
- package/lib/components/alert/context/ToastPropsDefaults.js +2 -0
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +13 -2
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +13 -2
- 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/ButtonPropsDefaults.js +2 -0
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +9 -1
- package/lib/components/calendar/Calendar.d.ts +12 -5
- package/lib/components/calendar/Calendar.js +145 -50
- package/lib/components/calendar/Calendar.native.d.ts +16 -0
- package/lib/components/calendar/Calendar.native.js +558 -0
- package/lib/components/calendar/CalendarProps.d.ts +3 -3
- package/lib/components/calendar/CalendarPropsDefaults.js +1 -1
- package/lib/components/calendar/index.d.ts +1 -0
- package/lib/components/calendar/index.js +2 -1
- 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/CheckboxTiles.js +2 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +18 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +2 -0
- 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.d.ts +22 -0
- package/lib/components/datepicker/DatePicker.js +428 -0
- package/lib/components/datepicker/DatePicker.native.d.ts +19 -0
- package/lib/components/datepicker/DatePicker.native.js +307 -0
- package/lib/components/datepicker/DatePickerEnum.d.ts +7 -0
- package/lib/components/datepicker/DatePickerEnum.js +8 -0
- package/lib/components/datepicker/DatePickerProps.d.ts +37 -0
- package/lib/components/datepicker/DatePickerProps.js +2 -0
- package/lib/components/datepicker/DatePickerPropsDefaults.js +117 -0
- package/lib/components/datepicker/HandleKeyPressDefaults.js +14 -0
- package/lib/components/datepicker/SegmentDefaults.js +33 -0
- package/lib/components/datepicker/SegmentsDefaults.js +14 -0
- package/lib/components/datepicker/index.d.ts +2 -0
- package/lib/components/datepicker/index.js +3 -0
- package/lib/components/divider/DividerPropsDefaults.js +2 -0
- 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 +8 -2
- package/lib/components/enumsComponentsName.js +8 -2
- package/lib/components/fab/FabPropsDefaults.js +2 -0
- package/lib/components/flex-box/FlexBox.d.ts +1 -0
- package/lib/components/flex-box/FlexBox.js +48 -6
- package/lib/components/flex-box/FlexBox.native.js +3 -1
- package/lib/components/flex-box/FlexBoxProps.d.ts +5 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +19 -2
- package/lib/components/flex-box/ResponsiveValueDefaults.js +14 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +1 -1
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +2 -2
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +18 -2
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +2 -2
- package/lib/components/icon/Icon.native.js +4 -9
- package/lib/components/icon/IconNameEnum.d.ts +1 -0
- package/lib/components/icon/IconNameEnum.js +2 -1
- package/lib/components/icon/IconPropsDefaults.js +2 -0
- package/lib/components/image/Image.d.ts +2 -0
- package/lib/components/image/Image.js +3 -1
- package/lib/components/image/Image.native.d.ts +2 -0
- package/lib/components/image/Image.native.js +26 -4
- package/lib/components/image/ImageProps.d.ts +2 -0
- package/lib/components/image/ImagePropsDefaults.js +27 -2
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.js +4 -1
- package/lib/components/input/Input.d.ts +1 -0
- package/lib/components/input/Input.js +5 -4
- package/lib/components/input/Input.native.js +15 -72
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +13 -2
- package/lib/components/link/Link.d.ts +1 -0
- package/lib/components/link/Link.js +2 -1
- package/lib/components/link/LinkDefaults.js +9 -0
- package/lib/components/link/LinkProps.d.ts +1 -0
- package/lib/components/link/LinkPropsDefaults.js +9 -0
- package/lib/components/link/LinkPropsNativeDefaults.js +9 -0
- package/lib/components/list/item/ListItemPropsDefaults.js +2 -0
- package/lib/components/modal/Modal.js +2 -2
- package/lib/components/modal/Modal.native.js +4 -4
- package/lib/components/pagination/Pagination.js +32 -31
- package/lib/components/pagination/Pagination.native.d.ts +2 -2
- package/lib/components/pagination/Pagination.native.js +5 -5
- package/lib/components/pagination/PaginationNativePropsDefaults.js +9 -0
- package/lib/components/pagination/PaginationProps.d.ts +7 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +1 -1
- package/lib/components/popover/Popover.d.ts +5 -3
- package/lib/components/popover/Popover.js +6 -4
- 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 +83 -81
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +9 -1
- package/lib/components/select/PropsDefaults.js +2 -0
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/select/SelectNativePropsDefaults.js +2 -0
- package/lib/components/select/SelectPropsDefaults.js +2 -0
- package/lib/components/select/option/SelectOptionPropsDefaults.js +2 -0
- 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/stepper/step/StepPropsDefaults.js +2 -0
- package/lib/components/sticker/StickerPropsDefaults.js +2 -0
- package/lib/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +1 -1
- package/lib/components/tabs/Tabs.native.js +3 -2
- package/lib/components/tabs/TabsPropsDefaults.js +18 -2
- package/lib/components/tabs/context/index.d.ts +1 -0
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/tab-list/TabList.native.js +11 -8
- 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 +8 -4
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +2 -0
- package/lib/components/tag/TagPropsDefaults.js +1 -0
- 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/textarea/Textarea.d.ts +2 -4
- package/lib/components/textarea/Textarea.js +5 -7
- package/lib/components/textarea/Textarea.native.d.ts +2 -3
- package/lib/components/textarea/Textarea.native.js +22 -57
- package/lib/components/textarea/TextareaProps.d.ts +0 -1
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +2 -0
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +2 -0
- package/lib/components/timepicker-circular/TimepickerCircular.d.ts +8 -0
- package/lib/components/timepicker-circular/TimepickerCircular.js +12 -0
- package/lib/components/timepicker-circular/TimepickerCircular.native.d.ts +12 -0
- package/lib/components/timepicker-circular/TimepickerCircular.native.js +523 -0
- package/lib/components/timepicker-circular/TimepickerCircularEnum.d.ts +7 -0
- package/lib/components/timepicker-circular/TimepickerCircularEnum.js +9 -0
- package/lib/components/timepicker-circular/TimepickerCircularProps.d.ts +13 -0
- package/lib/components/timepicker-circular/TimepickerCircularProps.js +2 -0
- package/lib/components/timepicker-circular/TimepickerCircularPropsDefaults.js +45 -0
- package/lib/components/timepicker-circular/index.d.ts +3 -0
- package/lib/components/timepicker-circular/index.js +4 -0
- package/lib/components/title/Title.native.js +4 -8
- package/lib/components/view/ViewPropsDefaults.js +30 -3
- package/lib/helpers/clickOutside.d.ts +1 -0
- package/lib/helpers/clickOutside.js +16 -0
- package/lib/helpers/require.js +1 -1
- package/lib/objects/facets/Alignable.d.ts +10 -3
- package/lib/objects/facets/Alignable.js +12 -5
- package/lib/objects/facets/Justifiable.d.ts +12 -4
- package/lib/objects/facets/Justifiable.js +34 -28
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +13 -2
|
@@ -1,12 +1,11 @@
|
|
|
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 { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
|
|
6
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
6
|
import React, { useContext } from 'react';
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
7
|
+
import { StyleSheet, Text as TextNative } from 'react-native';
|
|
8
|
+
import { Skeleton } from '../skeleton';
|
|
10
9
|
import { TextLevels } from './TextEnum';
|
|
11
10
|
/**
|
|
12
11
|
* Text Native Component
|
|
@@ -66,13 +65,13 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
66
65
|
: undefined;
|
|
67
66
|
var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
68
67
|
if (skeleton) {
|
|
69
|
-
textView = (React.createElement(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
textView = (React.createElement(Skeleton, { style: styles.skeleton, height: textLevels(level), borderRadius: (level && level == TextLevels.ONE && 7) ||
|
|
69
|
+
(level && level == TextLevels.TWO && 7) ||
|
|
70
|
+
(level && level == TextLevels.THREE && 5) ||
|
|
71
|
+
3 }, textView));
|
|
73
72
|
}
|
|
74
73
|
return textView;
|
|
75
74
|
});
|
|
76
75
|
Text.displayName = ComponentName.Text;
|
|
77
76
|
export default Text;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzdELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBbUIsTUFBTSxZQUFZLENBQUE7QUFHeEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBVXhELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FUOEMscUdBVXhELENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFtQztRQUNyRCxPQUFPLENBQ0wsQ0FBQyxLQUFL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
|
|
@@ -13,15 +13,13 @@ import { TextareaProps } from './TextareaProps';
|
|
|
13
13
|
* @param ref Pass a ref for textarea
|
|
14
14
|
* @param maxLength {number} Textarea max length
|
|
15
15
|
* @param rows {number} Textarea rows
|
|
16
|
-
* @param
|
|
17
|
-
* @param
|
|
18
|
-
* @param dynamicPlaceholder {boolean}
|
|
16
|
+
* @param iconNameLeft {IconName | IconNameValues} display Icon on the left
|
|
17
|
+
* @param iconNameRight {IconName | IconNameValues} display Icon on the right
|
|
19
18
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
20
19
|
* @param required {boolean} Required
|
|
21
20
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
22
21
|
* @param className {string} Additional CSS Classes
|
|
23
22
|
* @param minLength {number} Textarea min length
|
|
24
|
-
* @param typo {TypographyColor | TypographyColorValues} change help typo
|
|
25
23
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
26
24
|
*/
|
|
27
25
|
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -22,20 +22,18 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
22
22
|
* @param ref Pass a ref for textarea
|
|
23
23
|
* @param maxLength {number} Textarea max length
|
|
24
24
|
* @param rows {number} Textarea rows
|
|
25
|
-
* @param
|
|
26
|
-
* @param
|
|
27
|
-
* @param dynamicPlaceholder {boolean}
|
|
25
|
+
* @param iconNameLeft {IconName | IconNameValues} display Icon on the left
|
|
26
|
+
* @param iconNameRight {IconName | IconNameValues} display Icon on the right
|
|
28
27
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
29
28
|
* @param required {boolean} Required
|
|
30
29
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
31
30
|
* @param className {string} Additional CSS Classes
|
|
32
31
|
* @param minLength {number} Textarea min length
|
|
33
|
-
* @param typo {TypographyColor | TypographyColorValues} change help typo
|
|
34
32
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
35
33
|
*/
|
|
36
34
|
var Textarea = React.forwardRef(function (_a, ref) {
|
|
37
|
-
var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status,
|
|
38
|
-
var
|
|
35
|
+
var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, rows = _a.rows, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "rows", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
|
|
36
|
+
var _b = __read(useState(defaultValue || ''), 2), value = _b[0], setValue = _b[1];
|
|
39
37
|
var styled = useTrilogyContext().styled;
|
|
40
38
|
useEffect(function () {
|
|
41
39
|
setValue(defaultValue || '');
|
|
@@ -68,4 +66,4 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
68
66
|
});
|
|
69
67
|
Textarea.displayName = ComponentName.Textarea;
|
|
70
68
|
export default Textarea;
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBakJYLDhMQWtCQyxDQURVO0lBSUwsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDLElBQUEsRUFBL0MsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFnQyxDQUFBO0lBQzlDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLFNBQVMsQ0FBQztRQUNSLFFBQVEsQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDLENBQUE7SUFDOUIsQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQTtJQUVsQixJQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDekcsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUNuRCxJQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUN0RCxJQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRSxJQUFNLGNBQWMsR0FBRyxTQUFTLENBQzlCLE1BQU0sRUFDTixJQUFJLENBQUMsU0FBUyxFQUFFLFlBQVksSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQUUsYUFBYSxJQUFJLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUN4RixDQUFBO0lBRUQsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGNBQWM7UUFDbkMsS0FBSyxJQUFJLENBQ1IsK0JBQU8sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRTtZQUMvRCxLQUFLO1lBQUUsR0FBRztZQUNWLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLFVBQVUsUUFFeEQsQ0FDUixDQUNLLENBQ1Q7UUFDQSxNQUFNLElBQUksQ0FDVCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUN6RCxNQUFNLENBQ0YsQ0FDUjtRQUVELDZCQUFLLFNBQVMsRUFBRSxjQUFjO1lBQzVCLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsRUFDcEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsVUFBQyxDQUFDO29CQUNWLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFBO29CQUN4QixJQUFJLFFBQVEsRUFBRTt3QkFDWixRQUFRLENBQUM7NEJBQ1AsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTs0QkFDM0IsYUFBYSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt5QkFDOUIsQ0FBQyxDQUFBO3FCQUNIO2dCQUNILENBQUMsRUFDRCxXQUFXLEVBQUUsV0FBVyxFQUN4QixJQUFJLEVBQUUsSUFBSSxFQUNWLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQ2QsTUFBTSxFQUNWO1lBQ0QsWUFBWSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLFdBQVcsR0FBRztZQUMvRSxhQUFhLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsWUFBWSxHQUFHO1lBQ2xGLFNBQVMsSUFBSSw2QkFBSyxTQUFTLEVBQUUsY0FBYyxJQUFHLFVBQUcsS0FBSyxDQUFDLE1BQU0sY0FBSSxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsUUFBUSxFQUFFLENBQUUsQ0FBTyxDQUM1RjtRQUVMLElBQUksSUFBSSxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFFLFdBQVcsSUFBRyxJQUFJLENBQVEsQ0FDaEQsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -14,10 +14,9 @@ import { TextareaNativeProps } from './TextareaProps';
|
|
|
14
14
|
* @param ref Pass a ref for textarea
|
|
15
15
|
* @param maxLength {number} Textarea max length
|
|
16
16
|
* @param rows {number} Textarea rows
|
|
17
|
-
* @param
|
|
18
|
-
* @param
|
|
17
|
+
* @param iconNameLeft {IconName | IconNameValues} display Icon on the left
|
|
18
|
+
* @param iconNameRight {IconName | IconNameValues} display Icon on the right
|
|
19
19
|
* @param testId {string} Test Id for Test Integration
|
|
20
|
-
* @param dynamicPlaceholder {boolean}
|
|
21
20
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
22
21
|
* @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
|
|
23
22
|
* @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
|
|
@@ -2,12 +2,12 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { Icon } from '../../components/icon';
|
|
4
4
|
import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputTextContentType, } from '../../components/input/InputEnum';
|
|
5
|
-
import {
|
|
5
|
+
import { TypographyColor } from '../../objects';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
7
|
import { StatusState } from '../../objects/facets/Status';
|
|
8
|
-
import React, {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import React, { useState } from 'react';
|
|
9
|
+
import { StyleSheet, Text, TextInput, View } from 'react-native';
|
|
10
|
+
import { SpacerSize } from '../spacer';
|
|
11
11
|
import { Text as TrilogyText } from '../text';
|
|
12
12
|
import { TextLevels } from '../text/TextEnum';
|
|
13
13
|
/**
|
|
@@ -23,10 +23,9 @@ import { TextLevels } from '../text/TextEnum';
|
|
|
23
23
|
* @param ref Pass a ref for textarea
|
|
24
24
|
* @param maxLength {number} Textarea max length
|
|
25
25
|
* @param rows {number} Textarea rows
|
|
26
|
-
* @param
|
|
27
|
-
* @param
|
|
26
|
+
* @param iconNameLeft {IconName | IconNameValues} display Icon on the left
|
|
27
|
+
* @param iconNameRight {IconName | IconNameValues} display Icon on the right
|
|
28
28
|
* @param testId {string} Test Id for Test Integration
|
|
29
|
-
* @param dynamicPlaceholder {boolean}
|
|
30
29
|
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
31
30
|
* @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
|
|
32
31
|
* @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
|
|
@@ -39,21 +38,10 @@ import { TextLevels } from '../text/TextEnum';
|
|
|
39
38
|
* @param required {boolean} Required
|
|
40
39
|
*/
|
|
41
40
|
var Textarea = React.forwardRef(function (_a, ref) {
|
|
42
|
-
var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength,
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var _f = __read(useState(false), 2), displayDynamicLabel = _f[0], setDisplayDynamicLabel = _f[1];
|
|
41
|
+
var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _b = _a.customHeight, customHeight = _b === void 0 ? 120 : _b, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
|
|
42
|
+
var _c = __read(useState(value || ''), 2), _value = _c[0], setValue = _c[1];
|
|
43
|
+
var _d = __read(useState(false), 2), isFocus = _d[0], setIsFocus = _d[1];
|
|
46
44
|
var textareaColor = isFocus ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL);
|
|
47
|
-
var animation = useRef(new Animated.Value(0)).current;
|
|
48
|
-
useEffect(function () {
|
|
49
|
-
if (displayDynamicLabel) {
|
|
50
|
-
Animated.timing(animation, {
|
|
51
|
-
toValue: 1,
|
|
52
|
-
duration: 5000,
|
|
53
|
-
useNativeDriver: false,
|
|
54
|
-
}).start();
|
|
55
|
-
}
|
|
56
|
-
}, [displayDynamicLabel, animation]);
|
|
57
45
|
var styles = StyleSheet.create({
|
|
58
46
|
textarea: {
|
|
59
47
|
borderWidth: isFocus ? 2 : 1,
|
|
@@ -65,13 +53,12 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
65
53
|
textareaColor,
|
|
66
54
|
height: customHeight,
|
|
67
55
|
justifyContent: 'flex-start',
|
|
68
|
-
paddingLeft: iconNameLeft
|
|
69
|
-
paddingRight:
|
|
70
|
-
paddingTop:
|
|
56
|
+
paddingLeft: (iconNameLeft && isFocus && 47) || (iconNameLeft && 48) || 16,
|
|
57
|
+
paddingRight: (iconNameRight && 48) || 16,
|
|
58
|
+
paddingTop: isFocus ? 10 : 11,
|
|
71
59
|
textAlignVertical: 'top',
|
|
72
60
|
color: getColorStyle(TrilogyColor.MAIN),
|
|
73
61
|
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
|
|
74
|
-
/* width: '',*/
|
|
75
62
|
},
|
|
76
63
|
help: {
|
|
77
64
|
fontSize: 12,
|
|
@@ -92,49 +79,28 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
92
79
|
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : 'white',
|
|
93
80
|
padding: 3,
|
|
94
81
|
},
|
|
95
|
-
dynamicLabel: {
|
|
96
|
-
position: 'absolute',
|
|
97
|
-
top: 2,
|
|
98
|
-
left: iconNameLeft ? 40 : 8,
|
|
99
|
-
fontSize: 12,
|
|
100
|
-
color: grayscale(getColorStyle(TrilogyColor.FONT)),
|
|
101
|
-
backgroundColor: 'transparent',
|
|
102
|
-
padding: 8,
|
|
103
|
-
paddingBottom: 4,
|
|
104
|
-
},
|
|
105
82
|
leftIcon: {
|
|
106
83
|
position: 'absolute',
|
|
107
|
-
top: (
|
|
108
|
-
(!dynamicPlaceholder && label && sample && 67) ||
|
|
109
|
-
(!dynamicPlaceholder && label && !sample && 42) ||
|
|
110
|
-
45,
|
|
84
|
+
top: (label && sample && 67) || (label && !sample && 42) || 45,
|
|
111
85
|
left: 16,
|
|
112
86
|
zIndex: 10,
|
|
113
87
|
},
|
|
114
88
|
rightIcon: {
|
|
115
89
|
position: 'absolute',
|
|
116
|
-
top: (
|
|
117
|
-
(!dynamicPlaceholder && label && sample && 67) ||
|
|
118
|
-
(!dynamicPlaceholder && label && !sample && 42) ||
|
|
119
|
-
45,
|
|
90
|
+
top: (label && sample && 67) || (label && !sample && 42) || 45,
|
|
120
91
|
right: 16,
|
|
121
92
|
zIndex: 10,
|
|
122
93
|
},
|
|
123
94
|
});
|
|
124
|
-
return (React.createElement(View,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
React.createElement(Spacer, { size: SpacerSize.THREE }))),
|
|
131
|
-
!dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
|
|
132
|
-
React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
|
|
133
|
-
React.createElement(Spacer, { size: SpacerSize.THREE }))),
|
|
95
|
+
return (React.createElement(View, { style: { gap: SpacerSize.THREE } },
|
|
96
|
+
label && (React.createElement(TrilogyText, { typo: TypographyColor.TEXT_MAIN },
|
|
97
|
+
label,
|
|
98
|
+
" ",
|
|
99
|
+
label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*"))),
|
|
100
|
+
sample && (React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_MAIN }, sample)),
|
|
134
101
|
iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
|
|
135
102
|
React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
|
|
136
103
|
React.createElement(TextInput, __assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
|
|
137
|
-
setDisplayDynamicLabel(text.length > 0);
|
|
138
104
|
setValue(text);
|
|
139
105
|
if (onChange) {
|
|
140
106
|
onChange({
|
|
@@ -142,13 +108,12 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
142
108
|
textareaValue: text,
|
|
143
109
|
});
|
|
144
110
|
}
|
|
145
|
-
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }
|
|
111
|
+
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER) }, others)),
|
|
146
112
|
iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
|
|
147
113
|
React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
|
|
148
|
-
displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
|
|
149
114
|
maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
|
|
150
115
|
help && React.createElement(Text, { style: styles.help }, help)));
|
|
151
116
|
});
|
|
152
117
|
Textarea.displayName = ComponentName.Textarea;
|
|
153
118
|
export default Textarea;
|
|
154
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsSUFBSSxJQUFJLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQXNCQyxFQUNELEdBQUc7SUF0QkQsSUFBQSxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxV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
|
|
@@ -28,7 +28,6 @@ type TextareaPropsWeb = Accessibility & Dev & {
|
|
|
28
28
|
keyboardType?: InputKeyboardType | InputKeyboardTypeValues;
|
|
29
29
|
minLength?: number;
|
|
30
30
|
maxLength?: number;
|
|
31
|
-
dynamicPlaceholder?: boolean;
|
|
32
31
|
rows?: number;
|
|
33
32
|
label?: string;
|
|
34
33
|
iconNameLeft?: IconName | IconNameValues;
|
|
@@ -8,6 +8,7 @@ export default {
|
|
|
8
8
|
"tri-arrow-right",
|
|
9
9
|
"tri-arrow-up",
|
|
10
10
|
"tri-bell",
|
|
11
|
+
"tri-calendar",
|
|
11
12
|
"tri-check-circle",
|
|
12
13
|
"tri-check",
|
|
13
14
|
"tri-exclamation-circle",
|
|
@@ -31,6 +32,7 @@ export default {
|
|
|
31
32
|
"tri-arrow-right",
|
|
32
33
|
"tri-arrow-up",
|
|
33
34
|
"tri-bell",
|
|
35
|
+
"tri-calendar",
|
|
34
36
|
"tri-check-circle",
|
|
35
37
|
"tri-check",
|
|
36
38
|
"tri-exclamation-circle",
|
|
@@ -15,6 +15,7 @@ export default {
|
|
|
15
15
|
"tri-arrow-right",
|
|
16
16
|
"tri-arrow-up",
|
|
17
17
|
"tri-bell",
|
|
18
|
+
"tri-calendar",
|
|
18
19
|
"tri-check-circle",
|
|
19
20
|
"tri-check",
|
|
20
21
|
"tri-exclamation-circle",
|
|
@@ -38,6 +39,7 @@ export default {
|
|
|
38
39
|
"tri-arrow-right",
|
|
39
40
|
"tri-arrow-up",
|
|
40
41
|
"tri-bell",
|
|
42
|
+
"tri-calendar",
|
|
41
43
|
"tri-check-circle",
|
|
42
44
|
"tri-check",
|
|
43
45
|
"tri-exclamation-circle",
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TimepickerCircularProps } from './TimepickerCircularProps';
|
|
3
|
+
/**
|
|
4
|
+
* TimepickerCircular Component - Web version (placeholder)
|
|
5
|
+
* @description This component is not yet implemented for web.
|
|
6
|
+
*/
|
|
7
|
+
declare const TimepickerCircular: React.ForwardRefExoticComponent<TimepickerCircularProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export default TimepickerCircular;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* TimepickerCircular Component - Web version (placeholder)
|
|
4
|
+
* @description This component is not yet implemented for web.
|
|
5
|
+
*/
|
|
6
|
+
var TimepickerCircular = React.forwardRef(function (props, ref) {
|
|
7
|
+
console.warn('TimepickerCircular is not yet implemented for web');
|
|
8
|
+
return (React.createElement("div", { ref: ref }, "TimepickerCircular - Web version coming soon"));
|
|
9
|
+
});
|
|
10
|
+
TimepickerCircular.displayName = 'TimepickerCircular';
|
|
11
|
+
export default TimepickerCircular;
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlckNpcmN1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lcGlja2VyLWNpcmN1bGFyL1RpbWVwaWNrZXJDaXJjdWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7R0FHRztBQUNILElBQU0sa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDekMsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUNULE9BQU8sQ0FBQyxJQUFJLENBQUMsbURBQW1ELENBQUMsQ0FBQTtJQUNqRSxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsbURBRVAsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxrQkFBa0IsQ0FBQyxXQUFXLEdBQUcsb0JBQW9CLENBQUE7QUFFckQsZUFBZSxrQkFBa0IsQ0FBQSJ9
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { TimepickerCircularProps } from './TimepickerCircularProps';
|
|
4
|
+
/**
|
|
5
|
+
* TimepickerCircular Native Component
|
|
6
|
+
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "24:00")
|
|
7
|
+
* @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
|
|
8
|
+
* @param disabled {boolean} Disabled state of the component (default: false)
|
|
9
|
+
* @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
|
|
10
|
+
*/
|
|
11
|
+
declare const TimepickerCircular: React.ForwardRefExoticComponent<TimepickerCircularProps & React.RefAttributes<View>>;
|
|
12
|
+
export default TimepickerCircular;
|