@trilogy-ds/react 0.0.4-calendar → 0.0.5-alpha-prompt
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 +9 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +9 -1
- package/lib/components/alert/context/ToastPropsDefaults.js +9 -1
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +27 -4
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +27 -4
- 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 +9 -1
- 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 +108 -41
- 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 +9 -1
- 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 +9 -1
- 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 +99 -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 +18 -2
- package/lib/components/enumsComponentsName.js +18 -2
- package/lib/components/fab/FabPropsDefaults.js +9 -1
- package/lib/components/flex-box/FlexBox.d.ts +1 -0
- package/lib/components/flex-box/FlexBox.js +23 -5
- 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 +5 -1
- package/lib/components/icon/IconNameEnum.js +5 -1
- package/lib/components/icon/IconPropsDefaults.js +9 -1
- 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 +29 -6
- 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 +20 -93
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +27 -4
- package/lib/components/link/Link.d.ts +1 -0
- package/lib/components/link/Link.js +2 -1
- package/lib/components/link/LinkDefaults.js +16 -1
- package/lib/components/link/LinkProps.d.ts +1 -0
- package/lib/components/link/LinkPropsDefaults.js +16 -1
- package/lib/components/link/LinkPropsNativeDefaults.js +16 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +9 -1
- package/lib/components/modal/Modal.js +2 -2
- package/lib/components/modal/Modal.native.js +4 -4
- 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/prompt/Prompt.d.ts +4 -0
- package/lib/components/prompt/Prompt.js +22 -0
- package/lib/components/prompt/Prompt.native.d.ts +5 -0
- package/lib/components/prompt/Prompt.native.js +29 -0
- package/lib/components/prompt/PromptProps.d.ts +14 -0
- package/lib/components/prompt/PromptProps.js +6 -0
- package/lib/components/prompt/PromptPropsDefaults.js +44 -0
- package/lib/components/prompt/context/index.d.ts +22 -0
- package/lib/components/prompt/context/index.js +40 -0
- package/lib/components/prompt/files/PromptFiles.d.ts +4 -0
- package/lib/components/prompt/files/PromptFiles.js +23 -0
- package/lib/components/prompt/files/PromptFiles.native.d.ts +5 -0
- package/lib/components/prompt/files/PromptFiles.native.js +26 -0
- package/lib/components/prompt/files/PromptFilesProps.d.ts +10 -0
- package/lib/components/prompt/files/PromptFilesProps.js +2 -0
- package/lib/components/prompt/files/PromptFilesPropsDefaults.js +44 -0
- package/lib/components/prompt/files/file/PromptFile.d.ts +4 -0
- package/lib/components/prompt/files/file/PromptFile.js +40 -0
- package/lib/components/prompt/files/file/PromptFile.native.d.ts +5 -0
- package/lib/components/prompt/files/file/PromptFile.native.js +78 -0
- package/lib/components/prompt/files/file/PromptFileProps.d.ts +13 -0
- package/lib/components/prompt/files/file/PromptFileProps.js +2 -0
- package/lib/components/prompt/files/file/PromptFilePropsDefaults.js +55 -0
- package/lib/components/prompt/files/file/index.d.ts +3 -0
- package/lib/components/prompt/files/file/index.js +4 -0
- package/lib/components/prompt/files/index.d.ts +3 -0
- package/lib/components/prompt/files/index.js +4 -0
- package/lib/components/prompt/index.d.ts +14 -0
- package/lib/components/prompt/index.js +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.d.ts +4 -0
- package/lib/components/prompt/textarea/PromptTextarea.js +32 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.d.ts +5 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.js +44 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.d.ts +14 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.js +2 -0
- package/lib/components/prompt/textarea/PromptTextareaPropsDefaults.js +65 -0
- package/lib/components/prompt/textarea/index.d.ts +3 -0
- package/lib/components/prompt/textarea/index.js +4 -0
- package/lib/components/prompt/toolbar/PromptToolbar.d.ts +4 -0
- package/lib/components/prompt/toolbar/PromptToolbar.js +15 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.js +23 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.js +2 -0
- package/lib/components/prompt/toolbar/PromptToolbarPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/index.js +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.d.ts +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.js +18 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +32 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.d.ts +11 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.js +2 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophonePropsDefaults.js +53 -0
- package/lib/components/prompt/toolbar/microphone/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/microphone/index.js +4 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.d.ts +4 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +39 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +42 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.d.ts +16 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.js +6 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitPropsDefaults.js +52 -0
- package/lib/components/prompt/toolbar/submit/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/submit/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.js +15 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.js +22 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.js +17 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +24 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.d.ts +18 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonPropsDefaults.js +145 -0
- package/lib/components/prompt/toolbar/tools/button/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/button/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.js +19 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js +26 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFilePropsDefaults.js +37 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.d.ts +5 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.js +45 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.js +19 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.js +11 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.js +11 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.js +4 -0
- 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 +110 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +8 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +103 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +90 -82
- 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 +9 -1
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/select/SelectNativePropsDefaults.js +9 -1
- package/lib/components/select/SelectPropsDefaults.js +9 -1
- package/lib/components/select/option/SelectOptionPropsDefaults.js +9 -1
- 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 +9 -1
- package/lib/components/sticker/StickerPropsDefaults.js +9 -1
- 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 +9 -1
- package/lib/components/tag/TagPropsDefaults.js +5 -1
- 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 +25 -57
- package/lib/components/textarea/TextareaProps.d.ts +2 -3
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +9 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +9 -1
- 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 +11 -4
- package/lib/objects/facets/Justifiable.js +31 -28
- package/lib/objects/facets/Radius.d.ts +2 -0
- package/lib/objects/facets/Radius.js +14 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +9 -2
|
@@ -17,15 +17,15 @@ import { ScrollView, StyleSheet, View, } from 'react-native';
|
|
|
17
17
|
*/
|
|
18
18
|
var TabList = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
20
|
-
var
|
|
20
|
+
var _b = React.useContext(TabsContext), inverted = _b.inverted, fullwidth = _b.fullwidth;
|
|
21
21
|
var TabListRef = React.useRef(null);
|
|
22
22
|
var paddingHorizontalTab = 12;
|
|
23
23
|
var negativeGap = -35;
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
24
|
+
var _c = __read(React.useState(0), 2), tabsWidth = _c[0], setTabsWidth = _c[1];
|
|
25
|
+
var _d = __read(React.useState(0), 2), tabListWidth = _d[0], setTabListWidth = _d[1];
|
|
26
|
+
var _e = __read(React.useState(0), 2), scrollLeft = _e[0], setScrollLeft = _e[1];
|
|
27
|
+
var _f = __read(React.useState(0), 2), tabFocused = _f[0], setTabFocused = _f[1];
|
|
28
|
+
var _g = __read(React.useState([]), 2), tabElms = _g[0], setTabElms = _g[1];
|
|
29
29
|
React.useImperativeHandle(ref, function () { return TabListRef.current; });
|
|
30
30
|
var styles = StyleSheet.create({
|
|
31
31
|
tabList: {
|
|
@@ -63,7 +63,10 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
|
|
64
64
|
tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
|
|
65
65
|
React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
|
|
66
|
-
React.createElement(ScrollView, __assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList,
|
|
66
|
+
React.createElement(ScrollView, __assign({ scrollEnabled: fullwidth ? false : undefined, ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: [styles.tabList, fullwidth && { flex: 1 }], onScroll: handleScrollList, contentContainerStyle: {
|
|
67
|
+
flexGrow: fullwidth ? 1 : undefined,
|
|
68
|
+
flex: fullwidth ? 1 : undefined,
|
|
69
|
+
} }, others), React.Children.map(children, function (child, index) {
|
|
67
70
|
if (!React.isValidElement(child))
|
|
68
71
|
return false;
|
|
69
72
|
return (React.createElement(Tab, __assign({ onLayout: function (e) {
|
|
@@ -80,4 +83,4 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
80
83
|
});
|
|
81
84
|
TabList.displayName = ComponentName.TabList;
|
|
82
85
|
export default TabList;
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDL0UsSUFBQSxLQUEwQixLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFyRCxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQWtDLENBQUE7SUFDN0QsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFB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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { AlignableProps, Dev } from '../../../objects';
|
|
3
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
4
|
import { ScrollView } from 'react-native';
|
|
5
5
|
/**
|
|
@@ -7,7 +7,7 @@ import { ScrollView } from 'react-native';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface TabListProps extends Dev, CommonProps {
|
|
9
9
|
children: React.ReactNode;
|
|
10
|
-
align?:
|
|
10
|
+
align?: AlignableProps['align'];
|
|
11
11
|
}
|
|
12
12
|
export type TabListRef = HTMLDivElement;
|
|
13
13
|
export type TabListNativeRef = ScrollView;
|
|
@@ -3,6 +3,7 @@ import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
|
3
3
|
import { Icon } from '../../../../components/icon';
|
|
4
4
|
import { TabsContext } from '../../../../components/tabs/context';
|
|
5
5
|
import { Text } from '../../../../components/text';
|
|
6
|
+
import { TypographyAlign } from '../../../../objects';
|
|
6
7
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
8
|
import React from 'react';
|
|
8
9
|
import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
@@ -20,7 +21,7 @@ import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
20
21
|
var Tab = React.forwardRef(function (_a, ref) {
|
|
21
22
|
var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
|
|
22
23
|
var _b = others, index = _b.index, props = __rest(_b, ["index"]);
|
|
23
|
-
var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
|
|
24
|
+
var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted, fullwidth = _c.fullwidth;
|
|
24
25
|
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
25
26
|
var handleClick = React.useCallback(function (e) {
|
|
26
27
|
if (!disabled) {
|
|
@@ -34,6 +35,9 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
34
35
|
}, [disabled, onClick, index, setActiveIndex, to, href]);
|
|
35
36
|
var styles = StyleSheet.create({
|
|
36
37
|
tab: {
|
|
38
|
+
flex: fullwidth ? 1 : undefined,
|
|
39
|
+
flexBasis: fullwidth ? 0 : undefined,
|
|
40
|
+
minWidth: fullwidth ? 0 : undefined,
|
|
37
41
|
paddingVertical: 4,
|
|
38
42
|
paddingHorizontal: 12,
|
|
39
43
|
borderBottomWidth: isActive ? 2 : 1,
|
|
@@ -47,7 +51,7 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
47
51
|
},
|
|
48
52
|
text: {
|
|
49
53
|
textAlign: 'center',
|
|
50
|
-
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
54
|
+
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
51
55
|
},
|
|
52
56
|
});
|
|
53
57
|
React.useEffect(function () {
|
|
@@ -57,8 +61,8 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
57
61
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
|
|
58
62
|
iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
|
|
59
63
|
React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
|
|
60
|
-
React.createElement(Text, { style: styles.text }, label && label)));
|
|
64
|
+
React.createElement(Text, { style: styles.text, typo: fullwidth ? [TypographyAlign.TEXT_CENTERED] : undefined, numberOfLines: fullwidth ? 1 : undefined }, label && label)));
|
|
61
65
|
});
|
|
62
66
|
Tab.displayName = ComponentName.Tab;
|
|
63
67
|
export default Tab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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
|
|
@@ -217,12 +217,15 @@ export default {
|
|
|
217
217
|
"tri-arrow-right",
|
|
218
218
|
"tri-arrow-up",
|
|
219
219
|
"tri-bell",
|
|
220
|
+
"tri-calendar",
|
|
220
221
|
"tri-check-circle",
|
|
221
222
|
"tri-check",
|
|
222
223
|
"tri-exclamation-circle",
|
|
223
224
|
"tri-eye-slash",
|
|
224
225
|
"tri-eye",
|
|
226
|
+
"tri-file-attached",
|
|
225
227
|
"tri-infos-circle",
|
|
228
|
+
"tri-micro",
|
|
226
229
|
"tri-search",
|
|
227
230
|
"tri-times",
|
|
228
231
|
"tri-trash",
|
|
@@ -234,18 +237,22 @@ export default {
|
|
|
234
237
|
"tri-picto-payment-mastercard",
|
|
235
238
|
"tri-picto-payment-paypal",
|
|
236
239
|
"tri-picto-payment-visa",
|
|
240
|
+
"tri-paperclip",
|
|
237
241
|
"tri-alert",
|
|
238
242
|
"tri-arrow-down",
|
|
239
243
|
"tri-arrow-left",
|
|
240
244
|
"tri-arrow-right",
|
|
241
245
|
"tri-arrow-up",
|
|
242
246
|
"tri-bell",
|
|
247
|
+
"tri-calendar",
|
|
243
248
|
"tri-check-circle",
|
|
244
249
|
"tri-check",
|
|
245
250
|
"tri-exclamation-circle",
|
|
246
251
|
"tri-eye-slash",
|
|
247
252
|
"tri-eye",
|
|
253
|
+
"tri-file-attached",
|
|
248
254
|
"tri-infos-circle",
|
|
255
|
+
"tri-micro",
|
|
249
256
|
"tri-search",
|
|
250
257
|
"tri-times",
|
|
251
258
|
"tri-trash",
|
|
@@ -256,7 +263,8 @@ export default {
|
|
|
256
263
|
"tri-picto-payment-cb",
|
|
257
264
|
"tri-picto-payment-mastercard",
|
|
258
265
|
"tri-picto-payment-paypal",
|
|
259
|
-
"tri-picto-payment-visa"
|
|
266
|
+
"tri-picto-payment-visa",
|
|
267
|
+
"tri-paperclip"
|
|
260
268
|
]
|
|
261
269
|
},
|
|
262
270
|
"label": {
|
|
@@ -35,12 +35,15 @@ export default {
|
|
|
35
35
|
"tri-arrow-right",
|
|
36
36
|
"tri-arrow-up",
|
|
37
37
|
"tri-bell",
|
|
38
|
+
"tri-calendar",
|
|
38
39
|
"tri-check-circle",
|
|
39
40
|
"tri-check",
|
|
40
41
|
"tri-exclamation-circle",
|
|
41
42
|
"tri-eye-slash",
|
|
42
43
|
"tri-eye",
|
|
44
|
+
"tri-file-attached",
|
|
43
45
|
"tri-infos-circle",
|
|
46
|
+
"tri-micro",
|
|
44
47
|
"tri-search",
|
|
45
48
|
"tri-times",
|
|
46
49
|
"tri-trash",
|
|
@@ -51,7 +54,8 @@ export default {
|
|
|
51
54
|
"tri-picto-payment-cb",
|
|
52
55
|
"tri-picto-payment-mastercard",
|
|
53
56
|
"tri-picto-payment-paypal",
|
|
54
|
-
"tri-picto-payment-visa"
|
|
57
|
+
"tri-picto-payment-visa",
|
|
58
|
+
"tri-paperclip"
|
|
55
59
|
]
|
|
56
60
|
},
|
|
57
61
|
"small": {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { AlignableProps, Marginless } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
5
|
/**
|
|
6
6
|
* Tag list Interface
|
|
7
7
|
*/
|
|
8
8
|
export interface TagListProps extends Marginless, CommonProps {
|
|
9
|
-
align?:
|
|
9
|
+
align?: AlignableProps['align'];
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
}
|
|
12
12
|
export type TagListRef = HTMLDivElement;
|
|
@@ -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
|
"children": {
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJB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
|
|
@@ -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, { useEffect,
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import React, { useEffect, 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,31 @@ 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
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
React.createElement(Spacer, { size: SpacerSize.THREE }))),
|
|
95
|
+
useEffect(function () {
|
|
96
|
+
setValue(value !== null && value !== void 0 ? value : '');
|
|
97
|
+
}, [value]);
|
|
98
|
+
return (React.createElement(View, { style: { gap: SpacerSize.THREE } },
|
|
99
|
+
label && (React.createElement(TrilogyText, { typo: TypographyColor.TEXT_MAIN },
|
|
100
|
+
label,
|
|
101
|
+
" ",
|
|
102
|
+
label && required && React.createElement(TrilogyText, { typo: TypographyColor.TEXT_ERROR }, "*"))),
|
|
103
|
+
sample && (React.createElement(TrilogyText, { level: TextLevels.THREE, typo: TypographyColor.TEXT_MAIN }, sample)),
|
|
134
104
|
iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
|
|
135
105
|
React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
|
|
136
106
|
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
107
|
setValue(text);
|
|
139
108
|
if (onChange) {
|
|
140
109
|
onChange({
|
|
@@ -142,13 +111,12 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
142
111
|
textareaValue: text,
|
|
143
112
|
});
|
|
144
113
|
}
|
|
145
|
-
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }
|
|
114
|
+
}, 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
115
|
iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
|
|
147
116
|
React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
|
|
148
|
-
displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
|
|
149
117
|
maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
|
|
150
118
|
help && React.createElement(Text, { style: styles.help }, help)));
|
|
151
119
|
});
|
|
152
120
|
Textarea.displayName = ComponentName.Textarea;
|
|
153
121
|
export default Textarea;
|
|
154
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEMsT0FBTyxFQUFFLElBQUksSUFBSSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFzQkMsRUFDRCxHQUFHO0lBdEJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxF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
|