@trilogy-ds/react 4.15.0-timepicker-circular-native → 4.15.1
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/Alert.js +3 -3
- package/lib/components/alert/AlertPropsDefaults.js +11 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +11 -1
- package/lib/components/alert/context/ToastPropsDefaults.js +11 -1
- package/lib/components/autocomplete/AutoComplete.js +7 -5
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +22 -2
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +22 -2
- package/lib/components/button/ButtonPropsDefaults.js +11 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +1 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.js +26 -4
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +2 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +34 -7
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +19 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContext.d.ts +3 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContext.js +5 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextProps.d.ts +3 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextProps.js +2 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextPropsDefaults.js +9 -0
- package/lib/components/checkbox/tiles/context/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/context/index.js +3 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +26 -13
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +10 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +4 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +25 -1
- package/lib/components/divider/DividerPropsDefaults.js +11 -1
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +11 -1
- package/lib/components/enumsComponentsName.d.ts +14 -1
- package/lib/components/enumsComponentsName.js +14 -1
- package/lib/components/fab/FabPropsDefaults.js +11 -1
- package/lib/components/icon/IconNameEnum.d.ts +6 -1
- package/lib/components/icon/IconNameEnum.js +6 -1
- package/lib/components/icon/IconPropsDefaults.js +11 -1
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.js +3 -2
- package/lib/components/input/Input.js +3 -3
- package/lib/components/input/Input.native.js +6 -22
- package/lib/components/input/InputPropsDefaults.js +22 -2
- package/lib/components/link/LinkDefaults.js +11 -1
- package/lib/components/link/LinkPropsDefaults.js +11 -1
- package/lib/components/link/LinkPropsNativeDefaults.js +11 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +11 -1
- package/lib/components/modal/Modal.native.js +2 -2
- package/lib/components/prompt/Prompt.d.ts +13 -0
- package/lib/components/prompt/Prompt.js +36 -0
- package/lib/components/prompt/Prompt.native.d.ts +5 -0
- package/lib/components/prompt/Prompt.native.js +30 -0
- package/lib/components/prompt/PromptProps.d.ts +16 -0
- package/lib/components/prompt/PromptProps.js +6 -0
- package/lib/components/prompt/PromptPropsDefaults.js +60 -0
- package/lib/components/prompt/context/index.d.ts +29 -0
- package/lib/components/prompt/context/index.js +44 -0
- package/lib/components/prompt/files/PromptFiles.d.ts +10 -0
- package/lib/components/prompt/files/PromptFiles.js +29 -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 +13 -0
- package/lib/components/prompt/files/file/PromptFile.js +49 -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 +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.js +42 -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 +16 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.js +2 -0
- package/lib/components/prompt/textarea/PromptTextareaPropsDefaults.js +81 -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 +10 -0
- package/lib/components/prompt/toolbar/PromptToolbar.js +21 -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 +14 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.js +35 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +33 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.js +2 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophonePropsDefaults.js +61 -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 +15 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +54 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +44 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.d.ts +18 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.js +6 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitPropsDefaults.js +68 -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 +10 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.js +21 -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 +16 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.js +35 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +33 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.d.ts +19 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonPropsDefaults.js +157 -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 +13 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.js +37 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js +30 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFilePropsDefaults.js +53 -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 +16 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.js +62 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.js +22 -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 +12 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.js +19 -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/tiles/RadioTiles.d.ts +1 -0
- package/lib/components/radio/tiles/RadioTiles.js +27 -5
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +3 -3
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -7
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +4 -5
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +19 -0
- package/lib/components/radio/tiles/context/RadioTilesContext.d.ts +3 -0
- package/lib/components/radio/tiles/context/RadioTilesContext.js +5 -0
- package/lib/components/radio/tiles/context/RadioTilesContextProps.d.ts +3 -0
- package/lib/components/radio/tiles/context/RadioTilesContextProps.js +2 -0
- package/lib/components/radio/tiles/context/RadioTilesContextPropsDefaults.js +9 -0
- package/lib/components/radio/tiles/context/index.d.ts +2 -0
- package/lib/components/radio/tiles/context/index.js +3 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -1
- package/lib/components/radio/tiles/tile/RadioTile.js +23 -20
- package/lib/components/radio/tiles/tile/RadioTile.native.js +8 -5
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +21 -4
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +5 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +11 -1
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +19 -76
- package/lib/components/select/PropsDefaults.js +19 -1
- package/lib/components/select/Select.native.js +9 -9
- package/lib/components/select/SelectNativePropsDefaults.js +19 -1
- package/lib/components/select/SelectProps.d.ts +1 -0
- package/lib/components/select/SelectPropsDefaults.js +19 -1
- package/lib/components/select/option/SelectOptionPropsDefaults.js +11 -1
- package/lib/components/select/web/SelectNative.js +2 -2
- package/lib/components/stepper/Stepper.js +26 -17
- package/lib/components/stepper/Stepper.native.js +20 -26
- package/lib/components/stepper/step/Step.js +8 -15
- package/lib/components/stepper/step/StepPropsDefaults.js +11 -1
- package/lib/components/sticker/StickerPropsDefaults.js +11 -1
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +11 -1
- package/lib/components/tag/TagPropsDefaults.js +6 -1
- package/lib/components/text/TextPropsDefaults.js +4 -0
- package/lib/components/textarea/Textarea.native.js +27 -18
- package/lib/components/textarea/TextareaProps.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +11 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +11 -1
- package/lib/components/{timepicker-circular/TimepickerCircularPropsDefaults.js → timepicker/BaseTimepickerPropsDefaults.js} +7 -0
- package/lib/components/timepicker/CircularTimepickerPropsDefaults.js +56 -0
- package/lib/components/timepicker/DefaultTimepickerPropsDefaults.js +88 -0
- package/lib/components/timepicker/Timepicker.d.ts +16 -0
- package/lib/components/timepicker/Timepicker.js +26 -0
- package/lib/components/timepicker/Timepicker.native.d.ts +4 -0
- package/lib/components/timepicker/Timepicker.native.js +14 -0
- package/lib/components/timepicker/TimepickerProps.d.ts +23 -0
- package/lib/components/timepicker/TimepickerProps.js +2 -0
- package/lib/components/timepicker/circular/TimepickerCircular.d.ts +11 -0
- package/lib/components/timepicker/circular/TimepickerCircular.js +351 -0
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +467 -0
- package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircularEnum.js +1 -1
- package/lib/components/timepicker/circular/TimepickerCircularProps.d.ts +7 -0
- package/lib/components/timepicker/circular/TimepickerCircularProps.js +2 -0
- package/lib/components/{timepicker-circular → timepicker/circular}/index.js +1 -1
- package/lib/components/timepicker/default/TimepickerDefault.d.ts +4 -0
- package/lib/components/timepicker/default/TimepickerDefault.js +206 -0
- package/lib/components/timepicker/default/TimepickerDefault.native.d.ts +5 -0
- package/lib/components/timepicker/default/TimepickerDefault.native.js +83 -0
- package/lib/components/timepicker/default/TimepickerDefaultProps.d.ts +6 -0
- package/lib/components/timepicker/default/TimepickerDefaultProps.js +2 -0
- package/lib/components/timepicker/default/TimepickerDefaultPropsDefaults.js +9 -0
- package/lib/components/timepicker/default/index.d.ts +2 -0
- package/lib/components/timepicker/default/index.js +3 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.d.ts +13 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.js +22 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.native.d.ts +13 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.native.js +69 -0
- package/lib/components/timepicker/default/selector/index.d.ts +2 -0
- package/lib/components/timepicker/default/selector/index.js +3 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.d.ts +12 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.js +14 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.d.ts +12 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.js +38 -0
- package/lib/components/timepicker/default/selector/item/index.d.ts +2 -0
- package/lib/components/timepicker/default/selector/item/index.js +3 -0
- package/lib/components/timepicker/index.d.ts +2 -0
- package/lib/components/timepicker/index.js +3 -0
- package/lib/objects/Typography/TypographyColor.d.ts +3 -1
- package/lib/objects/Typography/TypographyColor.js +9 -1
- package/lib/objects/facets/Grid.d.ts +9 -0
- package/lib/objects/facets/Grid.js +2 -0
- 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 +1 -1
- package/lib/components/timepicker-circular/TimepickerCircular.d.ts +0 -8
- package/lib/components/timepicker-circular/TimepickerCircular.js +0 -12
- package/lib/components/timepicker-circular/TimepickerCircular.native.js +0 -523
- package/lib/components/timepicker-circular/TimepickerCircularProps.d.ts +0 -13
- package/lib/components/timepicker-circular/TimepickerCircularProps.js +0 -2
- /package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircular.native.d.ts +0 -0
- /package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircularEnum.d.ts +0 -0
- /package/lib/components/{timepicker-circular → timepicker/circular}/index.d.ts +0 -0
|
@@ -0,0 +1,49 @@
|
|
|
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
|
+
/**
|
|
16
|
+
* PromptFile component - Displays an individual file attachment with preview and delete option
|
|
17
|
+
* @param src {string} Source URL for the file (required for images)
|
|
18
|
+
* @param name {string} Display name of the file
|
|
19
|
+
* @param type {string} File type (e.g., 'image', 'pdf', 'doc')
|
|
20
|
+
* @param onDelete {Function} Callback function when delete button is clicked
|
|
21
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
22
|
+
* @param testId {string} Test Id for Test Integration
|
|
23
|
+
*/
|
|
24
|
+
var PromptFile = React.forwardRef(function (_a, ref) {
|
|
25
|
+
var onDelete = _a.onDelete, src = _a.src, name = _a.name, type = _a.type;
|
|
26
|
+
var styled = useTrilogyContext().styled;
|
|
27
|
+
var classesImgContainer = hashClass(styled, clsx('prompt-files-file'));
|
|
28
|
+
var classesImg = clsx('prompt-files-img');
|
|
29
|
+
if (type === 'image') {
|
|
30
|
+
return (React.createElement("div", { className: classesImgContainer, ref: ref },
|
|
31
|
+
React.createElement(Image, { src: src, alt: name, className: classesImg }),
|
|
32
|
+
React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete prompt-files-delete-img', onClick: onDelete })));
|
|
33
|
+
}
|
|
34
|
+
return (React.createElement(Column, { narrow: true, ref: ref },
|
|
35
|
+
React.createElement(Card, { flat: true, className: 'prompt-files-doc prompt-files-file' },
|
|
36
|
+
React.createElement(CardContent, { className: 'prompt-files-doc-card-content' },
|
|
37
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
38
|
+
React.createElement(Box, { backgroundColor: 'MAIN_FADE', className: 'prompt-files-doc-preview' },
|
|
39
|
+
React.createElement(BoxContent, null,
|
|
40
|
+
React.createElement(Icon, { name: 'tri-file-attached' }))),
|
|
41
|
+
React.createElement(FlexBox, { direction: 'column', className: 'prompt-files-doc-preview-content' },
|
|
42
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
43
|
+
React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_BOLD], level: TextLevels.THREE, className: 'prompt-files-file-name' }, name),
|
|
44
|
+
React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete', onClick: onDelete })),
|
|
45
|
+
React.createElement(Text, { level: TextLevels.FOUR }, type)))))));
|
|
46
|
+
});
|
|
47
|
+
PromptFile.displayName = ComponentName.PromptFile;
|
|
48
|
+
export default PromptFile;
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L2ZpbGVzL2ZpbGUvUHJvbXB0RmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQTZCLEVBQUUsR0FBRztRQUFoQyxRQUFRLGNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxJQUFJLFVBQUE7SUFDdEYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUE7SUFDeEUsSUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUE7SUFFM0MsSUFBSSxJQUFJLEtBQUssT0FBTyxFQUFFO1FBQ3BCLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLEdBQUc7WUFDM0Msb0JBQUMsS0FBSyxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFJO1lBQ3JELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLFNBQVMsRUFBQyw2Q0FBNkMsRUFBQyxPQUFPLEVBQUUsUUFBUSxHQUFJLENBQ2hHLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLE1BQU0sSUFBQyxNQUFNLFFBQUMsR0FBRyxFQUFFLEdBQUc7UUFDckIsb0JBQUMsSUFBSSxJQUFDLElBQUksUUFBQyxTQUFTLEVBQUMsb0NBQW9DO1lBQ3ZELG9CQUFDLFdBQVcsSUFBQyxTQUFTLEVBQUMsK0JBQStCO2dCQUNwRCxvQkFBQyxPQUFPLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNO29CQUMxQixvQkFBQyxHQUFHLElBQUMsZUFBZSxFQUFDLFdBQVcsRUFBQyxTQUFTLEVBQUMsMEJBQTBCO3dCQUNuRSxvQkFBQyxVQUFVOzRCQUNULG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsbUJBQW1CLEdBQUcsQ0FDdEIsQ0FDVDtvQkFDTixvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsa0NBQWtDO3dCQUN0RSxvQkFBQyxPQUFPLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNOzRCQUMxQixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUFDLEVBQ3ZDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUN2QixTQUFTLEVBQUMsd0JBQXdCLElBRWpDLElBQUksQ0FDQTs0QkFDUCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxTQUFTLEVBQUMscUJBQXFCLEVBQUMsT0FBTyxFQUFFLFFBQVEsR0FBSSxDQUNwRTt3QkFDVixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUcsSUFBSSxDQUFRLENBQ25DLENBQ0YsQ0FDRSxDQUNULENBQ0EsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -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,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PromptTextareaProps } from './PromptTextareaProps';
|
|
3
|
+
/**
|
|
4
|
+
* PromptTextarea component - Auto-resizing textarea for prompt input
|
|
5
|
+
* @param value {string} Current value of the textarea
|
|
6
|
+
* @param onChange {Function} Change event handler
|
|
7
|
+
* @param placeholder {string} Placeholder text
|
|
8
|
+
* @param disabled {boolean} Whether the textarea is disabled
|
|
9
|
+
* @param readOnly {boolean} Whether the textarea is read-only
|
|
10
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
11
|
+
* @param testId {string} Test Id for Test Integration
|
|
12
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
13
|
+
*/
|
|
14
|
+
declare const PromptTextarea: React.ForwardRefExoticComponent<PromptTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
15
|
+
export default PromptTextarea;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { Textarea } from '../../../components/textarea';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React, { useContext, useEffect } from 'react';
|
|
6
|
+
import { PromptContext } from '../context';
|
|
7
|
+
/**
|
|
8
|
+
* PromptTextarea component - Auto-resizing textarea for prompt input
|
|
9
|
+
* @param value {string} Current value of the textarea
|
|
10
|
+
* @param onChange {Function} Change event handler
|
|
11
|
+
* @param placeholder {string} Placeholder text
|
|
12
|
+
* @param disabled {boolean} Whether the textarea is disabled
|
|
13
|
+
* @param readOnly {boolean} Whether the textarea is read-only
|
|
14
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
15
|
+
* @param testId {string} Test Id for Test Integration
|
|
16
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
17
|
+
*/
|
|
18
|
+
var PromptTextarea = React.forwardRef(function (_a, ref) {
|
|
19
|
+
var className = _a.className, value = _a.value, onChange = _a.onChange, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["className", "value", "onChange", "disabled", "readOnly"]);
|
|
20
|
+
var classes = clsx('prompt-textarea', className);
|
|
21
|
+
var _b = useContext(PromptContext), setText = _b.setText, setIsTyping = _b.setIsTyping, isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
|
|
22
|
+
var isDisable = isDisabled || disabled;
|
|
23
|
+
var isReadOnly = isReadonly || readOnly;
|
|
24
|
+
var handleTextareaChange = function (e) {
|
|
25
|
+
var textarea = e.target;
|
|
26
|
+
textarea.style.height = 'auto';
|
|
27
|
+
textarea.style.height = "".concat(textarea.scrollHeight, "px");
|
|
28
|
+
};
|
|
29
|
+
var handleChange = function (e) {
|
|
30
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
31
|
+
setIsTyping(true);
|
|
32
|
+
};
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
setText(value !== null && value !== void 0 ? value : '');
|
|
35
|
+
if (!value)
|
|
36
|
+
setIsTyping(false);
|
|
37
|
+
}, [value, setIsTyping, setText]);
|
|
38
|
+
return (React.createElement(Textarea, __assign({ disabled: isDisable, value: value, ref: ref, className: classes, onChange: handleChange }, __assign({ onInput: handleTextareaChange, readOnly: isReadOnly }, others))));
|
|
39
|
+
});
|
|
40
|
+
PromptTextarea.displayName = ComponentName.PromptTextarea;
|
|
41
|
+
export default PromptTextarea;
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90ZXh0YXJlYS9Qcm9tcHRUZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFFaEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNyQyxVQUFDLEVBQTZELEVBQUUsR0FBRztJQUFoRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBM0QsMERBQTZELENBQUY7SUFDMUQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFBO0lBQzVDLElBQUEsS0FBbUQsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUExRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFVBQVUsZ0JBQThCLENBQUE7SUFFbEYsSUFBTSxTQUFTLEdBQUcsVUFBVSxJQUFJLFFBQVEsQ0FBQTtJQUN4QyxJQUFNLFVBQVUsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBRXpDLElBQU0sb0JBQW9CLEdBQUcsVUFBQyxDQUF1QztRQUNuRSxJQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsTUFBNkIsQ0FBQTtRQUNoRCxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUE7UUFDOUIsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsVUFBRyxRQUFRLENBQUMsWUFBWSxPQUFJLENBQUE7SUFDdEQsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQjtRQUMxQyxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDYixXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDbkIsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsT0FBTyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxDQUFBO1FBQ3BCLElBQUksQ0FBQyxLQUFLO1lBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUVqQyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxhQUNQLFFBQVEsRUFBRSxTQUFTLEVBQ25CLEtBQUssRUFBRSxLQUFLLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsT0FBTyxFQUNsQixRQUFRLEVBQUUsWUFBWSxlQUNoQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFVBQVUsSUFBSyxNQUFNLEdBQ3BFLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=
|
|
@@ -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, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["value", "onChange", "disabled", "readOnly"]);
|
|
11
|
+
var _b = useContext(PromptContext), setText = _b.setText, setIsFocused = _b.setIsFocused, isSend = _b.isSend, setIsSend = _b.setIsSend, setIsTyping = _b.setIsTyping, isSpeech = _b.isSpeech, setIsSpeech = _b.setIsSpeech, isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
|
|
12
|
+
var textareaRef = useRef(null);
|
|
13
|
+
var color = getColorStyle(TrilogyColor.MAIN);
|
|
14
|
+
useImperativeHandle(ref, function () { return textareaRef.current; });
|
|
15
|
+
var isDisable = isDisabled || disabled;
|
|
16
|
+
var isReadOnly = isReadonly || readOnly;
|
|
17
|
+
var style = StyleSheet.create({
|
|
18
|
+
textarea: {
|
|
19
|
+
maxHeight: 100,
|
|
20
|
+
paddingHorizontal: SpacerSize.FOUR,
|
|
21
|
+
paddingTop: SpacerSize.FOUR,
|
|
22
|
+
color: color,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
var handleChange = function (e) {
|
|
26
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
27
|
+
if (!isSpeech && e.textareaValue.trim().length > 0) {
|
|
28
|
+
setIsTyping(true);
|
|
29
|
+
setIsSpeech(false);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
setText(value !== null && value !== void 0 ? value : '');
|
|
34
|
+
if (!value)
|
|
35
|
+
setIsTyping(false);
|
|
36
|
+
}, [value, setIsTyping, setText]);
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
var _a;
|
|
39
|
+
if (isSend) {
|
|
40
|
+
(_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
41
|
+
setIsSend(false);
|
|
42
|
+
}
|
|
43
|
+
}, [isSend, setIsSend]);
|
|
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); }, disabled: isDisable, readOnly: isReadOnly }))));
|
|
45
|
+
});
|
|
46
|
+
PromptTextarea.displayName = ComponentName.PromptTextarea;
|
|
47
|
+
export default PromptTextarea;
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdGV4dGFyZWEvUHJvbXB0VGV4dGFyZWEubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLFFBQVEsTUFBTSx1Q0FBdUMsQ0FBQTtBQUU1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBa0QsRUFBRSxHQUFHO0lBQXJELElBQUEsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFoRCw2Q0FBa0QsQ0FBRjtJQUN6QyxJQUFBLEtBQ0osVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQURuQixPQUFPLGFBQUEsRUFBRSxZQUFZLGtCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsVUFBVSxnQkFDakYsQ0FBQTtJQUUzQixJQUFNLFdBQVcsR0FBRyxNQUFNLENBQVksSUFBSSxDQUFDLENBQUE7SUFDM0MsSUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUU5QyxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxPQUFvQixFQUFoQyxDQUFnQyxDQUFDLENBQUE7SUFFaEUsSUFBTSxTQUFTLEdBQUcsVUFBVSxJQUFJLFFBQVEsQ0FBQTtJQUN4QyxJQUFNLFVBQVUsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBRXpDLElBQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDOUIsUUFBUSxFQUFFO1lBQ1IsU0FBUyxFQUFFLEdBQUc7WUFDZCxpQkFBaUIsRUFBRSxVQUFVLENBQUMsSUFBSTtZQUNsQyxVQUFVLEVBQUUsVUFBVSxDQUFDLElBQUk7WUFDM0IsS0FBSyxFQUFFLEtBQUs7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0I7UUFDMUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2IsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbEQsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ2pCLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtTQUNuQjtJQUNILENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLE9BQU8sQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxFQUFFLENBQUMsQ0FBQTtRQUNwQixJQUFJLENBQUMsS0FBSztZQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFakMsU0FBUyxDQUFDOztRQUNSLElBQUksTUFBTSxFQUFFO1lBQ1YsTUFBQSxXQUFXLENBQUMsT0FBTywwQ0FBRSxJQUFJLEVBQUUsQ0FBQTtZQUMzQixTQUFTLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDakI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsb0JBQUMsUUFBUSxhQUNQLEtBQUssRUFBRSxLQUFLLEVBQ1osR0FBRyxFQUFFLFdBQVcsRUFDaEIsUUFBUSxFQUFFLFlBQVksMEJBRWpCLE1BQU0sS0FDVCxLQUFLLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDckIsT0FBTyxFQUFFLGNBQU0sT0FBQSxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQWxCLENBQWtCLEVBQ2pDLE1BQU0sRUFBRSxjQUFNLE9BQUEsWUFBWSxDQUFDLEtBQUssQ0FBQyxFQUFuQixDQUFtQixFQUNqQyxRQUFRLEVBQUUsU0FBUyxFQUNuQixRQUFRLEVBQUUsVUFBVSxLQUV0QixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGNBQWMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQTtBQUN6RCxlQUFlLGNBQWMsQ0FBQSJ9
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
+
disabled?: boolean;
|
|
13
|
+
readOnly?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export type PromptTextareaRef = HTMLTextAreaElement;
|
|
16
|
+
export type PromptTextareaNativeRef = TextInput;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWFQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3RleHRhcmVhL1Byb21wdFRleHRhcmVhUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
"disabled": {
|
|
38
|
+
"type": "boolean",
|
|
39
|
+
"values": [
|
|
40
|
+
"undefined",
|
|
41
|
+
"false",
|
|
42
|
+
"true"
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
"readOnly": {
|
|
46
|
+
"type": "boolean",
|
|
47
|
+
"values": [
|
|
48
|
+
"undefined",
|
|
49
|
+
"false",
|
|
50
|
+
"true"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
"accessibilityLabel": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"values": [
|
|
56
|
+
"undefined",
|
|
57
|
+
"string"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
"testId": {
|
|
61
|
+
"type": "string",
|
|
62
|
+
"values": [
|
|
63
|
+
"undefined",
|
|
64
|
+
"string"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
"id": {
|
|
68
|
+
"type": "string",
|
|
69
|
+
"values": [
|
|
70
|
+
"undefined",
|
|
71
|
+
"string"
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
"className": {
|
|
75
|
+
"type": "string",
|
|
76
|
+
"values": [
|
|
77
|
+
"undefined",
|
|
78
|
+
"string"
|
|
79
|
+
]
|
|
80
|
+
}
|
|
81
|
+
};
|
|
@@ -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,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PromptToolbarProps } from './PromptToolbarProps';
|
|
3
|
+
/**
|
|
4
|
+
* PromptToolbar component - Container for prompt action buttons and tools
|
|
5
|
+
* @param children {ReactNode} Toolbar content (buttons, tools, etc.)
|
|
6
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
7
|
+
* @param testId {string} Test Id for Test Integration
|
|
8
|
+
*/
|
|
9
|
+
declare const PromptToolbar: React.ForwardRefExoticComponent<PromptToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default PromptToolbar;
|
|
@@ -0,0 +1,21 @@
|
|
|
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
|
+
/**
|
|
8
|
+
* PromptToolbar component - Container for prompt action buttons and tools
|
|
9
|
+
* @param children {ReactNode} Toolbar content (buttons, tools, etc.)
|
|
10
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
11
|
+
* @param testId {string} Test Id for Test Integration
|
|
12
|
+
*/
|
|
13
|
+
var PromptToolbar = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var className = _a.className, others = __rest(_a, ["className"]);
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
var classes = hashClass(styled, clsx('prompt-toolbar', className));
|
|
17
|
+
return React.createElement("div", __assign({ ref: ref, className: classes }, others));
|
|
18
|
+
});
|
|
19
|
+
PromptToolbar.displayName = ComponentName.PromptToolbar;
|
|
20
|
+
export default PromptToolbar;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvUHJvbXB0VG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7O0dBS0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF1QyxVQUFDLEVBQXdCLEVBQUUsR0FBRztJQUEzQixJQUFBLFNBQVMsZUFBQSxFQUFLLE1BQU0sY0FBdEIsYUFBd0IsQ0FBRjtJQUMxRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -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==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
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 PromptToolbarProps extends Accessibility, Dev, CommonProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export type PromptToolbarRef = HTMLDivElement;
|
|
10
|
+
export type PromptToolbarNativeRef = View;
|