@trilogy-ds/react 0.0.2-calendar → 0.0.3-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 +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 +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 +20 -0
- package/lib/components/prompt/context/index.js +24 -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 +48 -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 +16 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonPropsDefaults.js +135 -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
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { GapSize } from '../../../components/columns';
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import React, { useContext, useEffect, useMemo } from 'react';
|
|
4
|
+
import { ScrollView, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { PromptContext } from '../context';
|
|
6
|
+
var PromptFiles = React.forwardRef(function (_a, ref) {
|
|
7
|
+
var children = _a.children;
|
|
8
|
+
var setFiles = useContext(PromptContext).setFiles;
|
|
9
|
+
var childrenLength = useMemo(function () { return React.Children.count(children); }, [children]);
|
|
10
|
+
var styles = StyleSheet.create({
|
|
11
|
+
scrollViewContainer: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
gap: GapSize.EIGHT * 2,
|
|
14
|
+
paddingHorizontal: childrenLength ? GapSize.EIGHT * 2 : undefined,
|
|
15
|
+
paddingTop: childrenLength ? GapSize.EIGHT * 2 : undefined,
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
useEffect(function () {
|
|
19
|
+
setFiles(childrenLength);
|
|
20
|
+
}, [childrenLength]);
|
|
21
|
+
return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, ref: ref },
|
|
22
|
+
React.createElement(View, { style: styles.scrollViewContainer }, children)));
|
|
23
|
+
});
|
|
24
|
+
PromptFiles.displayName = ComponentName.PromptFiles;
|
|
25
|
+
export default PromptFiles;
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZXMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvZmlsZXMvUHJvbXB0RmlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHMUMsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUM5RSxJQUFBLFFBQVEsR0FBSyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQTlCLENBQThCO0lBQzlDLElBQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQTlCLENBQThCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWhGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsbUJBQW1CLEVBQUU7WUFDbkIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQztZQUN0QixpQkFBaUIsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ2pFLFVBQVUsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQzNEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsU0FBUyxDQUFDO1FBQ1IsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQzFCLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUE7SUFFcEIsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFBQyxVQUFVLFFBQUMsOEJBQThCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ3BFLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLG1CQUFtQixJQUFHLFFBQVEsQ0FBUSxDQUMvQyxDQUNkLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Accessibility } from '../../../objects/facets/Accessibility';
|
|
2
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
3
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
import { ScrollView } from 'react-native';
|
|
6
|
+
export interface PromptFilesProps extends Accessibility, Dev, CommonProps {
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export type PromptFilesRef = HTMLDivElement;
|
|
10
|
+
export type PromptFilesNativeRef = ScrollView;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"accessibilityLabel": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"string"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"testId": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"values": [
|
|
26
|
+
"undefined",
|
|
27
|
+
"string"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"id": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"values": [
|
|
33
|
+
"undefined",
|
|
34
|
+
"string"
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
"className": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"values": [
|
|
40
|
+
"undefined",
|
|
41
|
+
"string"
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Box, BoxContent } from '../../../../components/box';
|
|
2
|
+
import { Card, CardContent } from '../../../../components/card';
|
|
3
|
+
import { Column } from '../../../../components/columns';
|
|
4
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
5
|
+
import { FlexBox } from '../../../../components/flex-box';
|
|
6
|
+
import { Icon } from '../../../../components/icon';
|
|
7
|
+
import { Image } from '../../../../components/image';
|
|
8
|
+
import { Text, TextLevels } from '../../../../components/text';
|
|
9
|
+
import { useTrilogyContext } from '../../../../context';
|
|
10
|
+
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
11
|
+
import { Align } from '../../../../objects';
|
|
12
|
+
import { TypographyBold } from '../../../../objects/Typography';
|
|
13
|
+
import clsx from 'clsx';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
var PromptFile = React.forwardRef(function (_a, ref) {
|
|
16
|
+
var onDelete = _a.onDelete, src = _a.src, name = _a.name, type = _a.type;
|
|
17
|
+
var styled = useTrilogyContext().styled;
|
|
18
|
+
var classesImgContainer = hashClass(styled, clsx('prompt-files-file'));
|
|
19
|
+
var classesImg = hashClass(styled, clsx('prompt-files-img'));
|
|
20
|
+
if (type === 'image') {
|
|
21
|
+
return (React.createElement("div", { className: classesImgContainer, ref: ref },
|
|
22
|
+
React.createElement(Image, { src: src, alt: name, className: classesImg }),
|
|
23
|
+
React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete prompt-files-delete-img', onClick: onDelete })));
|
|
24
|
+
}
|
|
25
|
+
return (React.createElement(Column, { narrow: true, ref: ref },
|
|
26
|
+
React.createElement(Card, { flat: true, className: 'prompt-files-doc prompt-files-file' },
|
|
27
|
+
React.createElement(CardContent, { className: 'prompt-files-doc-card-content' },
|
|
28
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
29
|
+
React.createElement(Box, { backgroundColor: 'MAIN_FADE', className: 'prompt-files-doc-preview' },
|
|
30
|
+
React.createElement(BoxContent, null,
|
|
31
|
+
React.createElement(Icon, { name: 'tri-file-attached' }))),
|
|
32
|
+
React.createElement(FlexBox, { direction: 'column' },
|
|
33
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
34
|
+
React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_BOLD], level: TextLevels.THREE, className: 'prompt-files-file-name' }, name),
|
|
35
|
+
React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete', onClick: onDelete })),
|
|
36
|
+
React.createElement(Text, { level: TextLevels.FOUR }, type)))))));
|
|
37
|
+
});
|
|
38
|
+
PromptFile.displayName = ComponentName.PromptFile;
|
|
39
|
+
export default PromptFile;
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L2ZpbGVzL2ZpbGUvUHJvbXB0RmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUE2QixFQUFFLEdBQUc7UUFBaEMsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBO0lBQ3RGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFBO0lBQ3hFLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQTtJQUU5RCxJQUFJLElBQUksS0FBSyxPQUFPLEVBQUU7UUFDcEIsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsR0FBRztZQUMzQyxvQkFBQyxLQUFLLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUk7WUFDckQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLDZDQUE2QyxFQUFDLE9BQU8sRUFBRSxRQUFRLEdBQUksQ0FDaEcsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsTUFBTSxJQUFDLE1BQU0sUUFBQyxHQUFHLEVBQUUsR0FBRztRQUNyQixvQkFBQyxJQUFJLElBQUMsSUFBSSxRQUFDLFNBQVMsRUFBQyxvQ0FBb0M7WUFDdkQsb0JBQUMsV0FBVyxJQUFDLFNBQVMsRUFBQywrQkFBK0I7Z0JBQ3BELG9CQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU07b0JBQzFCLG9CQUFDLEdBQUcsSUFBQyxlQUFlLEVBQUMsV0FBVyxFQUFDLFNBQVMsRUFBQywwQkFBMEI7d0JBQ25FLG9CQUFDLFVBQVU7NEJBQ1Qsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxtQkFBbUIsR0FBRyxDQUN0QixDQUNUO29CQUNOLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsUUFBUTt3QkFDekIsb0JBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTTs0QkFDMUIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUN2QyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFDdkIsU0FBUyxFQUFDLHdCQUF3QixJQUVqQyxJQUFJLENBQ0E7NEJBQ1Asb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLHFCQUFxQixFQUFDLE9BQU8sRUFBRSxRQUFRLEdBQUksQ0FDcEU7d0JBQ1Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNuQyxDQUNGLENBQ0UsQ0FDVCxDQUNBLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { GapSize } from '../../../../components/columns';
|
|
3
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
4
|
+
import { Icon, IconName, IconSize } from '../../../../components/icon';
|
|
5
|
+
import { Image, RadiusValues } from '../../../../components/image';
|
|
6
|
+
import { SpacerSize } from '../../../../components/spacer';
|
|
7
|
+
import { Text, TextLevels } from '../../../../components/text';
|
|
8
|
+
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
9
|
+
import { getRadiusStyle } from '../../../../objects/facets/Radius';
|
|
10
|
+
import { TypographyBold } from '../../../../objects/Typography';
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import { StyleSheet, View } from 'react-native';
|
|
13
|
+
var HEIGHT_ITEM = 64;
|
|
14
|
+
var HEIGHT_IMG_FILE = 40;
|
|
15
|
+
var MAX_WIDTH_FILE = 264;
|
|
16
|
+
var PromptFile = React.forwardRef(function (_a, ref) {
|
|
17
|
+
var onDelete = _a.onDelete, src = _a.src, name = _a.name, type = _a.type;
|
|
18
|
+
var backgroundTimes = getColorStyle(TrilogyColor.MAIN_FADE);
|
|
19
|
+
var styles = StyleSheet.create({
|
|
20
|
+
cardImg: {
|
|
21
|
+
backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
|
|
22
|
+
borderRadius: getRadiusStyle(RadiusValues.SMALL),
|
|
23
|
+
width: HEIGHT_IMG_FILE,
|
|
24
|
+
height: HEIGHT_IMG_FILE,
|
|
25
|
+
justifyContent: 'center',
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
},
|
|
28
|
+
fileItem: {
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
flexWrap: 'nowrap',
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
borderWidth: 1,
|
|
33
|
+
borderColor: getColorStyle(TrilogyColor.MAIN_FADE),
|
|
34
|
+
borderRadius: getRadiusStyle(RadiusValues.SMALL),
|
|
35
|
+
padding: SpacerSize.TWO,
|
|
36
|
+
maxWidth: MAX_WIDTH_FILE,
|
|
37
|
+
gap: GapSize.TEN,
|
|
38
|
+
height: HEIGHT_ITEM,
|
|
39
|
+
},
|
|
40
|
+
icon: {
|
|
41
|
+
flexDirection: 'row',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
width: HEIGHT_IMG_FILE,
|
|
44
|
+
},
|
|
45
|
+
times: {
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
right: 4,
|
|
48
|
+
top: 4,
|
|
49
|
+
backgroundColor: backgroundTimes,
|
|
50
|
+
borderRadius: 100,
|
|
51
|
+
padding: 2,
|
|
52
|
+
},
|
|
53
|
+
cardContent: { flexShrink: 1, gap: GapSize.EIGHT },
|
|
54
|
+
timesFile: {
|
|
55
|
+
backgroundColor: backgroundTimes,
|
|
56
|
+
borderRadius: 100,
|
|
57
|
+
padding: 2,
|
|
58
|
+
alignSelf: 'flex-start',
|
|
59
|
+
},
|
|
60
|
+
});
|
|
61
|
+
if (type === 'image') {
|
|
62
|
+
return (React.createElement(View, { ref: ref },
|
|
63
|
+
React.createElement(Image, { src: src, alt: name, height: HEIGHT_ITEM, width: HEIGHT_ITEM, radius: RadiusValues.SMALL }),
|
|
64
|
+
React.createElement(View, { style: styles.times },
|
|
65
|
+
React.createElement(Icon, { name: IconName.TIMES, onClick: onDelete, size: IconSize.SMALLER }))));
|
|
66
|
+
}
|
|
67
|
+
return (React.createElement(View, { style: styles.fileItem, ref: ref },
|
|
68
|
+
React.createElement(View, { style: styles.cardImg },
|
|
69
|
+
React.createElement(Icon, __assign({ name: IconName.FILE_ATTACHED, size: IconSize.SMALLER }, { style: styles.icon }))),
|
|
70
|
+
React.createElement(View, { style: styles.cardContent },
|
|
71
|
+
React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_BOLD], level: TextLevels.THREE, numberOfLines: 1 }, name),
|
|
72
|
+
React.createElement(Text, { level: TextLevels.FOUR, numberOfLines: 1 }, type)),
|
|
73
|
+
React.createElement(View, { style: styles.timesFile },
|
|
74
|
+
React.createElement(Icon, { name: IconName.TIMES, onClick: onDelete, size: IconSize.SMALLER }))));
|
|
75
|
+
});
|
|
76
|
+
PromptFile.displayName = ComponentName.PromptFile;
|
|
77
|
+
export default PromptFile;
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9maWxlL1Byb21wdEZpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsSUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFBO0FBQ3RCLElBQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQTtBQUMxQixJQUFNLGNBQWMsR0FBRyxHQUFHLENBQUE7QUFFMUIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUE2QixFQUFFLEdBQUc7UUFBaEMsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBO0lB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
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ClickEvent } from '../../../../events/OnClickEvent';
|
|
2
|
+
import { Accessibility } from '../../../../objects/facets/Accessibility';
|
|
3
|
+
import { CommonProps } from '../../../../objects/facets/CommonProps';
|
|
4
|
+
import { Dev } from '../../../../objects/facets/Dev';
|
|
5
|
+
import { View } from 'react-native';
|
|
6
|
+
export interface PromptFileProps extends Accessibility, Dev, CommonProps {
|
|
7
|
+
type?: 'image' | string;
|
|
8
|
+
name: string;
|
|
9
|
+
src: string | number;
|
|
10
|
+
onDelete?: ClickEvent;
|
|
11
|
+
}
|
|
12
|
+
export type PromptFileRef = HTMLDivElement;
|
|
13
|
+
export type PromptFileNativeRef = View;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"type": {
|
|
3
|
+
"type": "string",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"string"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"name": {
|
|
10
|
+
"type": "string",
|
|
11
|
+
"values": []
|
|
12
|
+
},
|
|
13
|
+
"src": {
|
|
14
|
+
"type": "string",
|
|
15
|
+
"values": [
|
|
16
|
+
"string",
|
|
17
|
+
"number"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"onDelete": {
|
|
21
|
+
"type": "function",
|
|
22
|
+
"values": [
|
|
23
|
+
"undefined",
|
|
24
|
+
"ClickEvent"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
"accessibilityLabel": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"values": [
|
|
30
|
+
"undefined",
|
|
31
|
+
"string"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"testId": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"values": [
|
|
37
|
+
"undefined",
|
|
38
|
+
"string"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"id": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"values": [
|
|
44
|
+
"undefined",
|
|
45
|
+
"string"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
"className": {
|
|
49
|
+
"type": "string",
|
|
50
|
+
"values": [
|
|
51
|
+
"undefined",
|
|
52
|
+
"string"
|
|
53
|
+
]
|
|
54
|
+
}
|
|
55
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import PromptFile from './PromptFile';
|
|
2
|
+
export * from './PromptFileProps';
|
|
3
|
+
export { PromptFile };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9maWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLG1CQUFtQixDQUFBO0FBQ2pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import PromptFiles from './PromptFiles';
|
|
2
|
+
export * from './PromptFilesProps';
|
|
3
|
+
export { PromptFiles };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import Prompt from './Prompt';
|
|
2
|
+
import { PromptFiles } from './files';
|
|
3
|
+
import { PromptFile } from './files/file';
|
|
4
|
+
import { PromptTextarea } from './textarea';
|
|
5
|
+
import { PromptToolbar } from './toolbar';
|
|
6
|
+
import { PromptMicrophone } from './toolbar/microphone';
|
|
7
|
+
import { PromptSubmit } from './toolbar/submit';
|
|
8
|
+
import { PromptTools } from './toolbar/tools';
|
|
9
|
+
import { PromptButton } from './toolbar/tools/button';
|
|
10
|
+
import { PromptInputFile } from './toolbar/tools/inputFile';
|
|
11
|
+
import { PromptSelect } from './toolbar/tools/select';
|
|
12
|
+
import { PromptSelectOption } from './toolbar/tools/select/options';
|
|
13
|
+
export { Prompt, PromptButton, PromptFile, PromptFiles, PromptInputFile, PromptMicrophone, PromptSelect, PromptSelectOption, PromptSubmit, PromptTextarea, PromptToolbar, PromptTools, };
|
|
14
|
+
export * from './PromptProps';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Prompt from './Prompt';
|
|
2
|
+
import { PromptFiles } from './files';
|
|
3
|
+
import { PromptFile } from './files/file';
|
|
4
|
+
import { PromptTextarea } from './textarea';
|
|
5
|
+
import { PromptToolbar } from './toolbar';
|
|
6
|
+
import { PromptMicrophone } from './toolbar/microphone';
|
|
7
|
+
import { PromptSubmit } from './toolbar/submit';
|
|
8
|
+
import { PromptTools } from './toolbar/tools';
|
|
9
|
+
import { PromptButton } from './toolbar/tools/button';
|
|
10
|
+
import { PromptInputFile } from './toolbar/tools/inputFile';
|
|
11
|
+
import { PromptSelect } from './toolbar/tools/select';
|
|
12
|
+
import { PromptSelectOption } from './toolbar/tools/select/options';
|
|
13
|
+
export { Prompt, PromptButton, PromptFile, PromptFiles, PromptInputFile, PromptMicrophone, PromptSelect, PromptSelectOption, PromptSubmit, PromptTextarea, PromptToolbar, PromptTools, };
|
|
14
|
+
export * from './PromptProps';
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRW5FLE9BQU8sRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixZQUFZLEVBQ1osa0JBQWtCLEVBQ2xCLFlBQVksRUFDWixjQUFjLEVBQ2QsYUFBYSxFQUNiLFdBQVcsR0FDWixDQUFBO0FBRUQsY0FBYyxlQUFlLENBQUEifQ==
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { Textarea } from '../../../components/textarea';
|
|
4
|
+
import { useTrilogyContext } from '../../../context';
|
|
5
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import React, { useContext, useEffect } from 'react';
|
|
8
|
+
import { PromptContext } from '../context';
|
|
9
|
+
var PromptTextarea = React.forwardRef(function (_a, ref) {
|
|
10
|
+
var className = _a.className, value = _a.value, onChange = _a.onChange, others = __rest(_a, ["className", "value", "onChange"]);
|
|
11
|
+
var styled = useTrilogyContext().styled;
|
|
12
|
+
var classes = hashClass(styled, clsx('prompt-textarea', className));
|
|
13
|
+
var _b = useContext(PromptContext), setText = _b.setText, setIsTyping = _b.setIsTyping;
|
|
14
|
+
var handleTextareaChange = function (e) {
|
|
15
|
+
var textarea = e.target;
|
|
16
|
+
textarea.style.height = 'auto';
|
|
17
|
+
textarea.style.height = "".concat(textarea.scrollHeight, "px");
|
|
18
|
+
};
|
|
19
|
+
var handleChange = function (e) {
|
|
20
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
21
|
+
setIsTyping(true);
|
|
22
|
+
};
|
|
23
|
+
useEffect(function () {
|
|
24
|
+
setText(value !== null && value !== void 0 ? value : '');
|
|
25
|
+
if (!value)
|
|
26
|
+
setIsTyping(false);
|
|
27
|
+
}, [value, setIsTyping, setText]);
|
|
28
|
+
return (React.createElement(Textarea, __assign({ value: value, ref: ref, className: classes, onChange: handleChange }, __assign({ onInput: handleTextareaChange }, others))));
|
|
29
|
+
});
|
|
30
|
+
PromptTextarea.displayName = ComponentName.PromptTextarea;
|
|
31
|
+
export default PromptTextarea;
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90ZXh0YXJlYS9Qcm9tcHRUZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFFaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHMUMsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDckMsVUFBQyxFQUF5QyxFQUFFLEdBQUc7SUFBNUMsSUFBQSxTQUFTLGVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXZDLGtDQUF5QyxDQUFGO0lBQzlCLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDL0QsSUFBQSxLQUEyQixVQUFVLENBQUMsYUFBYSxDQUFDLEVBQWxELE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQThCLENBQUE7SUFFMUQsSUFBTSxvQkFBb0IsR0FBRyxVQUFDLENBQXVDO1FBQ25FLElBQU0sUUFBUSxHQUFHLENBQUMsQ0FBQyxNQUE2QixDQUFBO1FBQ2hELFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtRQUM5QixRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFHLFFBQVEsQ0FBQyxZQUFZLE9BQUksQ0FBQTtJQUN0RCxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQXNCO1FBQzFDLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNiLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNuQixDQUFDLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixPQUFPLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLENBQUE7UUFDcEIsSUFBSSxDQUFDLEtBQUs7WUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWpDLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLGFBQ1AsS0FBSyxFQUFFLEtBQUssRUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLFFBQVEsRUFBRSxZQUFZLGVBQ2hCLE9BQU8sRUFBRSxvQkFBb0IsSUFBSyxNQUFNLEdBQzlDLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextInput } from 'react-native';
|
|
3
|
+
import { PromptTextareaProps } from './PromptTextareaProps';
|
|
4
|
+
declare const PromptTextarea: React.ForwardRefExoticComponent<PromptTextareaProps & React.RefAttributes<TextInput>>;
|
|
5
|
+
export default PromptTextarea;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { SpacerSize } from '../../../components/spacer';
|
|
4
|
+
import Textarea from '../../../components/textarea/Textarea.native';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
6
|
+
import React, { useContext, useEffect, useImperativeHandle, useRef } from 'react';
|
|
7
|
+
import { StyleSheet } from 'react-native';
|
|
8
|
+
import { PromptContext } from '../context';
|
|
9
|
+
var PromptTextarea = React.forwardRef(function (_a, ref) {
|
|
10
|
+
var value = _a.value, onChange = _a.onChange, others = __rest(_a, ["value", "onChange"]);
|
|
11
|
+
var _b = useContext(PromptContext), setText = _b.setText, setIsFocused = _b.setIsFocused, isSend = _b.isSend, setIsSend = _b.setIsSend, setIsTyping = _b.setIsTyping, isFocused = _b.isFocused;
|
|
12
|
+
var textareaRef = useRef(null);
|
|
13
|
+
useImperativeHandle(ref, function () { return textareaRef.current; });
|
|
14
|
+
var style = StyleSheet.create({
|
|
15
|
+
textarea: {
|
|
16
|
+
maxHeight: 100,
|
|
17
|
+
paddingHorizontal: SpacerSize.FOUR,
|
|
18
|
+
paddingTop: SpacerSize.FOUR,
|
|
19
|
+
color: getColorStyle(TrilogyColor.MAIN),
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
var handleChange = function (e) {
|
|
23
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
24
|
+
setIsTyping(true);
|
|
25
|
+
};
|
|
26
|
+
useEffect(function () {
|
|
27
|
+
setText(value !== null && value !== void 0 ? value : '');
|
|
28
|
+
if (!value)
|
|
29
|
+
setIsTyping(false);
|
|
30
|
+
}, [value, setIsTyping, setText]);
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
var _a;
|
|
33
|
+
if (isSend) {
|
|
34
|
+
(_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
35
|
+
setIsSend(false);
|
|
36
|
+
}
|
|
37
|
+
}, [isSend, setIsSend]);
|
|
38
|
+
useEffect(function () {
|
|
39
|
+
var _a;
|
|
40
|
+
if (!isFocused) {
|
|
41
|
+
(_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
42
|
+
}
|
|
43
|
+
}, [isFocused]);
|
|
44
|
+
return (React.createElement(Textarea, __assign({ value: value, ref: textareaRef, onChange: handleChange }, __assign(__assign({}, others), { style: style.textarea, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }))));
|
|
45
|
+
});
|
|
46
|
+
PromptTextarea.displayName = ComponentName.PromptTextarea;
|
|
47
|
+
export default PromptTextarea;
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdGV4dGFyZWEvUHJvbXB0VGV4dGFyZWEubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLFFBQVEsTUFBTSx1Q0FBdUMsQ0FBQTtBQUU1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBOEIsRUFBRSxHQUFHO0lBQWpDLElBQUEsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE1QixxQkFBOEIsQ0FBRjtJQUNyQixJQUFBLEtBQXVFLFVBQVUsQ0FBQyxhQUFhLENBQUMsRUFBOUYsT0FBTyxhQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQThCLENBQUE7SUFDdEcsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFZLElBQUksQ0FBQyxDQUFBO0lBQzNDLG1CQUFtQixDQUFDLEdBQUcsRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLE9BQW9CLEVBQWhDLENBQWdDLENBQUMsQ0FBQTtJQUVoRSxJQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQzlCLFFBQVEsRUFBRTtZQUNSLFNBQVMsRUFBRSxHQUFHO1lBQ2QsaUJBQWlCLEVBQUUsVUFBVSxDQUFDLElBQUk7WUFDbEMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxJQUFJO1lBQzNCLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUN4QztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0I7UUFDMUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2IsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ25CLENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLE9BQU8sQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxFQUFFLENBQUMsQ0FBQTtRQUNwQixJQUFJLENBQUMsS0FBSztZQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFakMsU0FBUyxDQUFDOztRQUNSLElBQUksTUFBTSxFQUFFO1lBQ1YsTUFBQSxXQUFXLENBQUMsT0FBTywwQ0FBRSxJQUFJLEVBQUUsQ0FBQTtZQUMzQixTQUFTLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDakI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2QixTQUFTLENBQUM7O1FBQ1IsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNkLE1BQUEsV0FBVyxDQUFDLE9BQU8sMENBQUUsSUFBSSxFQUFFLENBQUE7U0FDNUI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsYUFDUCxLQUFLLEVBQUUsS0FBSyxFQUNaLEdBQUcsRUFBRSxXQUFXLEVBQ2hCLFFBQVEsRUFBRSxZQUFZLDBCQUVqQixNQUFNLEtBQ1QsS0FBSyxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3JCLE9BQU8sRUFBRSxjQUFNLE9BQUEsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFsQixDQUFrQixFQUNqQyxNQUFNLEVBQUUsY0FBTSxPQUFBLFlBQVksQ0FBQyxLQUFLLENBQUMsRUFBbkIsQ0FBbUIsS0FFbkMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextareaChangeEvent } from '../../../components/textarea/TextareaProps';
|
|
3
|
+
import { Accessibility } from '../../../objects/facets/Accessibility';
|
|
4
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
6
|
+
import { TextInput } from 'react-native';
|
|
7
|
+
export interface PromptTextareaProps extends Accessibility, Dev, CommonProps {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
onChange?: (e: TextareaChangeEvent) => void;
|
|
12
|
+
}
|
|
13
|
+
export type PromptTextareaRef = HTMLTextAreaElement;
|
|
14
|
+
export type PromptTextareaNativeRef = TextInput;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWFQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3RleHRhcmVhL1Byb21wdFRleHRhcmVhUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"placeholder": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"string"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"value": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"values": [
|
|
26
|
+
"undefined",
|
|
27
|
+
"string"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"onChange": {
|
|
31
|
+
"type": "function",
|
|
32
|
+
"values": [
|
|
33
|
+
"undefined",
|
|
34
|
+
"TextareaChangeEvent) => void"
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
"accessibilityLabel": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"values": [
|
|
40
|
+
"undefined",
|
|
41
|
+
"string"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
"testId": {
|
|
45
|
+
"type": "string",
|
|
46
|
+
"values": [
|
|
47
|
+
"undefined",
|
|
48
|
+
"string"
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
"id": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"values": [
|
|
54
|
+
"undefined",
|
|
55
|
+
"string"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
"className": {
|
|
59
|
+
"type": "string",
|
|
60
|
+
"values": [
|
|
61
|
+
"undefined",
|
|
62
|
+
"string"
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import PromptTextarea from './PromptTextarea';
|
|
2
|
+
export * from './PromptTextareaProps';
|
|
3
|
+
export { PromptTextarea };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90ZXh0YXJlYS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsQ0FBQSJ9
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
var PromptToolbar = React.forwardRef(function (_a, ref) {
|
|
8
|
+
var className = _a.className, others = __rest(_a, ["className"]);
|
|
9
|
+
var styled = useTrilogyContext().styled;
|
|
10
|
+
var classes = hashClass(styled, clsx('prompt-toolbar', className));
|
|
11
|
+
return React.createElement("div", __assign({ ref: ref, className: classes }, others));
|
|
12
|
+
});
|
|
13
|
+
PromptToolbar.displayName = ComponentName.PromptToolbar;
|
|
14
|
+
export default PromptToolbar;
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvUHJvbXB0VG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUF3QixFQUFFLEdBQUc7SUFBM0IsSUFBQSxTQUFTLGVBQUEsRUFBSyxNQUFNLGNBQXRCLGFBQXdCLENBQUY7SUFDMUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNwRSxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUN2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { GapSize } from '../../../components/columns';
|
|
3
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
|
+
import { SpacerSize } from '../../../components/spacer';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
7
|
+
var PromptToolbar = React.forwardRef(function (_a, ref) {
|
|
8
|
+
var others = __rest(_a, []);
|
|
9
|
+
var styles = StyleSheet.create({
|
|
10
|
+
view: {
|
|
11
|
+
flexDirection: 'row',
|
|
12
|
+
gap: GapSize.EIGHT,
|
|
13
|
+
padding: SpacerSize.FOUR,
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
flexWrap: 'nowrap',
|
|
16
|
+
justifyContent: 'flex-end',
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
return React.createElement(View, __assign({ ref: ref, style: styles.view }, others));
|
|
20
|
+
});
|
|
21
|
+
PromptToolbar.displayName = ComponentName.PromptToolbar;
|
|
22
|
+
export default PromptToolbar;
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VG9vbGJhci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL1Byb21wdFRvb2xiYXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DLElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZDLFVBQUMsRUFBYSxFQUFFLEdBQUc7UUFBYixNQUFNLGNBQVgsRUFBYSxDQUFGO0lBQzdGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osYUFBYSxFQUFFLEtBQUs7WUFDcEIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxLQUFLO1lBQ2xCLE9BQU8sRUFBRSxVQUFVLENBQUMsSUFBSTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixRQUFRLEVBQUUsUUFBUTtZQUNsQixjQUFjLEVBQUUsVUFBVTtTQUMzQjtLQUNGLENBQUMsQ0FBQTtJQUNGLE9BQU8sb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDM0QsQ0FBQyxDQUFDLENBQUE7QUFFRixhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==
|