@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
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { hashClass } from '../../helpers';
|
|
5
2
|
import { useTrilogyContext } from '../../context';
|
|
6
|
-
import {
|
|
3
|
+
import { hashClass } from '../../helpers';
|
|
4
|
+
import { Align, TypographyColor } from '../../objects';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
7
7
|
import { ComponentName } from '../enumsComponentsName';
|
|
8
|
+
import { FlexBox } from '../flex-box';
|
|
9
|
+
import { Icon } from '../icon';
|
|
10
|
+
import { Text } from '../text';
|
|
11
|
+
import { Title } from '../title';
|
|
8
12
|
/**
|
|
9
13
|
* Stepper Component
|
|
10
14
|
* @param centered Center the stepper
|
|
@@ -16,7 +20,8 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
16
20
|
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
17
21
|
var styled = useTrilogyContext().styled;
|
|
18
22
|
var classes = hashClass(styled, clsx('stepper-wrapper', className));
|
|
19
|
-
var
|
|
23
|
+
var classesSteps = hashClass(styled, clsx('stepper-items'));
|
|
24
|
+
var _b = __read(React.useState({ label: null, step: 1, icon: null }), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
20
25
|
var nbChild = React.useMemo(function () {
|
|
21
26
|
if (children && Array.isArray(children))
|
|
22
27
|
return children.length;
|
|
@@ -25,32 +30,36 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
25
30
|
return 0;
|
|
26
31
|
}, [children]);
|
|
27
32
|
React.useEffect(function () {
|
|
33
|
+
var _a, _b, _c, _d;
|
|
28
34
|
if (children) {
|
|
29
35
|
if (Array.isArray(children)) {
|
|
30
36
|
var haveCurrentStep_1 = false;
|
|
31
37
|
children.map(function (child, index) {
|
|
32
|
-
var _a;
|
|
33
|
-
if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
|
|
38
|
+
var _a, _b, _c, _d;
|
|
39
|
+
if (((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) && ((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.label)) {
|
|
34
40
|
haveCurrentStep_1 = true;
|
|
35
|
-
setCurrentStep(index + 1);
|
|
41
|
+
setCurrentStep({ step: index + 1, label: (_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.label, icon: (_d = child === null || child === void 0 ? void 0 : child.props) === null || _d === void 0 ? void 0 : _d.iconName });
|
|
36
42
|
}
|
|
37
43
|
});
|
|
38
44
|
if (!haveCurrentStep_1)
|
|
39
|
-
setCurrentStep(1);
|
|
45
|
+
setCurrentStep({ step: 1, label: (_b = (_a = children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.label, icon: (_d = (_c = children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.iconName });
|
|
40
46
|
}
|
|
41
47
|
else {
|
|
42
|
-
setCurrentStep(1);
|
|
48
|
+
setCurrentStep({ label: null, step: 1, icon: null });
|
|
43
49
|
}
|
|
44
50
|
}
|
|
45
51
|
}, [children]);
|
|
46
52
|
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
React.createElement(Text, { level: 2, className: 'step-count', typo: [TypographyColor.TEXT_PLACEHOLDER] },
|
|
54
|
+
"\u00C9tape ",
|
|
55
|
+
currentStep.step,
|
|
56
|
+
" sur ",
|
|
57
|
+
nbChild),
|
|
58
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
59
|
+
currentStep.icon && React.createElement(Icon, { name: currentStep.icon, size: 'small' }),
|
|
60
|
+
React.createElement(Title, { level: 5, className: 'step-label', key: "step-".concat(currentStep.step, "-").concat(currentStep.label) }, currentStep.label)),
|
|
61
|
+
React.createElement("div", { className: classesSteps }, children)));
|
|
53
62
|
});
|
|
54
63
|
Stepper.displayName = ComponentName.Stepper;
|
|
55
64
|
export default Stepper;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxTQUFTLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM5QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBSWhDOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUN0RixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3JFLElBQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUE7SUFDdkQsSUFB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
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
4
|
+
import { Text, TextLevels } from '../../components/text';
|
|
5
|
+
import { TypographyBold, TypographyColor } from '../../objects';
|
|
2
6
|
import * as React from 'react';
|
|
3
7
|
import { StyleSheet, View } from 'react-native';
|
|
4
|
-
import {
|
|
5
|
-
import { Text, TextLevels } from '../../components/text';
|
|
6
|
-
import { Icon, IconSize } from '../../components/icon';
|
|
7
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
8
|
+
import { Title, TitleLevels } from '../title';
|
|
8
9
|
/**
|
|
9
10
|
* Stepper Component
|
|
10
11
|
* @param centered {boolean} Center the stepper
|
|
@@ -21,22 +22,15 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
21
22
|
steppers: {
|
|
22
23
|
flexDirection: 'row',
|
|
23
24
|
flex: 1,
|
|
24
|
-
|
|
25
|
-
step: {
|
|
26
|
-
flexDirection: 'row',
|
|
27
|
-
justifyContent: 'space-between',
|
|
28
|
-
alignItems: 'center',
|
|
29
|
-
marginTop: 10,
|
|
25
|
+
marginTop: 12,
|
|
30
26
|
},
|
|
31
27
|
hasIcon: {
|
|
32
28
|
flexDirection: 'row',
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
marginRight: 4,
|
|
36
|
-
marginTop: 3,
|
|
29
|
+
alignItems: 'center',
|
|
30
|
+
gap: 8,
|
|
37
31
|
},
|
|
38
32
|
counter: {
|
|
39
|
-
|
|
33
|
+
marginBottom: 8,
|
|
40
34
|
},
|
|
41
35
|
});
|
|
42
36
|
var nbChild = React.useMemo(function () {
|
|
@@ -79,17 +73,17 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
79
73
|
}
|
|
80
74
|
}, [children]);
|
|
81
75
|
return (React.createElement(View, { ref: ref },
|
|
82
|
-
React.createElement(
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement(
|
|
89
|
-
currentStep.
|
|
90
|
-
|
|
91
|
-
|
|
76
|
+
React.createElement(Text, { style: styles.counter, level: TextLevels.TWO, typo: [TypographyColor.TEXT_PLACEHOLDER] },
|
|
77
|
+
"\u00C9tape ",
|
|
78
|
+
currentStep.step,
|
|
79
|
+
" sur ",
|
|
80
|
+
nbChild),
|
|
81
|
+
React.createElement(View, { style: styles.hasIcon },
|
|
82
|
+
currentStep.iconName && (React.createElement(View, null,
|
|
83
|
+
React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
|
|
84
|
+
React.createElement(Title, { level: TitleLevels.FIVE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name)),
|
|
85
|
+
React.createElement(View, __assign({ style: styles.steppers }, others), children)));
|
|
92
86
|
});
|
|
93
87
|
Stepper.displayName = ComponentName.Stepper;
|
|
94
88
|
export default Stepper;
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBUzdDOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMvRSxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBZTtRQUNqRSxJQUFJLEVBQUUsQ0FBQztRQUNQLElBQUksRUFBRSxFQUFFO1FBQ1IsUUFBUSxFQUFFLEVBQUU7S0FDYixDQUFDLElBQUEsRUFKSyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBSWhDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFFBQVEsRUFBRTtZQUNSLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1lBQ1AsU0FBUyxFQUFFLEVBQUU7U0FDZDtRQUNELE9BQU8sRUFBRTtZQUNQLGFB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
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { is } from '../../../services/classify';
|
|
5
|
-
import { hashClass } from '../../../helpers';
|
|
6
|
-
import { useTrilogyContext } from '../../../context';
|
|
7
|
-
import Icon from '../../../components/icon/Icon';
|
|
8
|
-
import { IconSize } from '../../../components/icon';
|
|
9
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers';
|
|
5
|
+
import { is } from '../../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import React from 'react';
|
|
10
8
|
/**
|
|
11
9
|
* Stepper Step Component
|
|
12
10
|
* @param active {boolean} Active step
|
|
@@ -20,18 +18,13 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
20
18
|
* @param label {string} Step label
|
|
21
19
|
*/
|
|
22
20
|
var Step = React.forwardRef(function (_a, ref) {
|
|
23
|
-
var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label,
|
|
21
|
+
var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, error = _a.error, iconName = _a.iconName, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "error", "iconName"]);
|
|
24
22
|
var styled = useTrilogyContext().styled;
|
|
25
23
|
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
26
24
|
var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
|
|
27
|
-
/**
|
|
28
|
-
* If no markup return div
|
|
29
|
-
*/
|
|
30
25
|
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-label": label }, others),
|
|
31
|
-
React.createElement("div", { className: classesStepLabel }
|
|
32
|
-
label,
|
|
33
|
-
!done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
|
|
26
|
+
React.createElement("div", { className: classesStepLabel })));
|
|
34
27
|
});
|
|
35
28
|
Step.displayName = ComponentName.Step;
|
|
36
29
|
export default Step;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQTJFLEVBQUUsR0FBRztJQUE5RSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBekUsOEVBQTJFLENBQUY7SUFDaEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFBO0lBRTlELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixjQUFjLEVBQ2QsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsSUFBSSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDbEIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDdEUsNkJBQUssU0FBUyxFQUFFLGdCQUFnQixHQUFJLENBQ2hDLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -39,6 +39,7 @@ export default {
|
|
|
39
39
|
"tri-arrow-left",
|
|
40
40
|
"tri-arrow-right",
|
|
41
41
|
"tri-arrow-up",
|
|
42
|
+
"tri-arrow-high",
|
|
42
43
|
"tri-bell",
|
|
43
44
|
"tri-calendar",
|
|
44
45
|
"tri-check-circle",
|
|
@@ -46,7 +47,9 @@ export default {
|
|
|
46
47
|
"tri-exclamation-circle",
|
|
47
48
|
"tri-eye-slash",
|
|
48
49
|
"tri-eye",
|
|
50
|
+
"tri-file-attached",
|
|
49
51
|
"tri-infos-circle",
|
|
52
|
+
"tri-micro",
|
|
50
53
|
"tri-search",
|
|
51
54
|
"tri-times",
|
|
52
55
|
"tri-trash",
|
|
@@ -58,11 +61,14 @@ export default {
|
|
|
58
61
|
"tri-picto-payment-mastercard",
|
|
59
62
|
"tri-picto-payment-paypal",
|
|
60
63
|
"tri-picto-payment-visa",
|
|
64
|
+
"tri-paperclip",
|
|
65
|
+
"tri-clock",
|
|
61
66
|
"tri-alert",
|
|
62
67
|
"tri-arrow-down",
|
|
63
68
|
"tri-arrow-left",
|
|
64
69
|
"tri-arrow-right",
|
|
65
70
|
"tri-arrow-up",
|
|
71
|
+
"tri-arrow-high",
|
|
66
72
|
"tri-bell",
|
|
67
73
|
"tri-calendar",
|
|
68
74
|
"tri-check-circle",
|
|
@@ -70,7 +76,9 @@ export default {
|
|
|
70
76
|
"tri-exclamation-circle",
|
|
71
77
|
"tri-eye-slash",
|
|
72
78
|
"tri-eye",
|
|
79
|
+
"tri-file-attached",
|
|
73
80
|
"tri-infos-circle",
|
|
81
|
+
"tri-micro",
|
|
74
82
|
"tri-search",
|
|
75
83
|
"tri-times",
|
|
76
84
|
"tri-trash",
|
|
@@ -81,7 +89,9 @@ export default {
|
|
|
81
89
|
"tri-picto-payment-cb",
|
|
82
90
|
"tri-picto-payment-mastercard",
|
|
83
91
|
"tri-picto-payment-paypal",
|
|
84
|
-
"tri-picto-payment-visa"
|
|
92
|
+
"tri-picto-payment-visa",
|
|
93
|
+
"tri-paperclip",
|
|
94
|
+
"tri-clock"
|
|
85
95
|
]
|
|
86
96
|
},
|
|
87
97
|
"error": {
|
|
@@ -12,6 +12,7 @@ export default {
|
|
|
12
12
|
"tri-arrow-left",
|
|
13
13
|
"tri-arrow-right",
|
|
14
14
|
"tri-arrow-up",
|
|
15
|
+
"tri-arrow-high",
|
|
15
16
|
"tri-bell",
|
|
16
17
|
"tri-calendar",
|
|
17
18
|
"tri-check-circle",
|
|
@@ -19,7 +20,9 @@ export default {
|
|
|
19
20
|
"tri-exclamation-circle",
|
|
20
21
|
"tri-eye-slash",
|
|
21
22
|
"tri-eye",
|
|
23
|
+
"tri-file-attached",
|
|
22
24
|
"tri-infos-circle",
|
|
25
|
+
"tri-micro",
|
|
23
26
|
"tri-search",
|
|
24
27
|
"tri-times",
|
|
25
28
|
"tri-trash",
|
|
@@ -31,11 +34,14 @@ export default {
|
|
|
31
34
|
"tri-picto-payment-mastercard",
|
|
32
35
|
"tri-picto-payment-paypal",
|
|
33
36
|
"tri-picto-payment-visa",
|
|
37
|
+
"tri-paperclip",
|
|
38
|
+
"tri-clock",
|
|
34
39
|
"tri-alert",
|
|
35
40
|
"tri-arrow-down",
|
|
36
41
|
"tri-arrow-left",
|
|
37
42
|
"tri-arrow-right",
|
|
38
43
|
"tri-arrow-up",
|
|
44
|
+
"tri-arrow-high",
|
|
39
45
|
"tri-bell",
|
|
40
46
|
"tri-calendar",
|
|
41
47
|
"tri-check-circle",
|
|
@@ -43,7 +49,9 @@ export default {
|
|
|
43
49
|
"tri-exclamation-circle",
|
|
44
50
|
"tri-eye-slash",
|
|
45
51
|
"tri-eye",
|
|
52
|
+
"tri-file-attached",
|
|
46
53
|
"tri-infos-circle",
|
|
54
|
+
"tri-micro",
|
|
47
55
|
"tri-search",
|
|
48
56
|
"tri-times",
|
|
49
57
|
"tri-trash",
|
|
@@ -54,7 +62,9 @@ export default {
|
|
|
54
62
|
"tri-picto-payment-cb",
|
|
55
63
|
"tri-picto-payment-mastercard",
|
|
56
64
|
"tri-picto-payment-paypal",
|
|
57
|
-
"tri-picto-payment-visa"
|
|
65
|
+
"tri-picto-payment-visa",
|
|
66
|
+
"tri-paperclip",
|
|
67
|
+
"tri-clock"
|
|
58
68
|
]
|
|
59
69
|
},
|
|
60
70
|
"outlined": {
|
|
@@ -216,6 +216,7 @@ export default {
|
|
|
216
216
|
"tri-arrow-left",
|
|
217
217
|
"tri-arrow-right",
|
|
218
218
|
"tri-arrow-up",
|
|
219
|
+
"tri-arrow-high",
|
|
219
220
|
"tri-bell",
|
|
220
221
|
"tri-calendar",
|
|
221
222
|
"tri-check-circle",
|
|
@@ -223,7 +224,9 @@ export default {
|
|
|
223
224
|
"tri-exclamation-circle",
|
|
224
225
|
"tri-eye-slash",
|
|
225
226
|
"tri-eye",
|
|
227
|
+
"tri-file-attached",
|
|
226
228
|
"tri-infos-circle",
|
|
229
|
+
"tri-micro",
|
|
227
230
|
"tri-search",
|
|
228
231
|
"tri-times",
|
|
229
232
|
"tri-trash",
|
|
@@ -235,11 +238,14 @@ export default {
|
|
|
235
238
|
"tri-picto-payment-mastercard",
|
|
236
239
|
"tri-picto-payment-paypal",
|
|
237
240
|
"tri-picto-payment-visa",
|
|
241
|
+
"tri-paperclip",
|
|
242
|
+
"tri-clock",
|
|
238
243
|
"tri-alert",
|
|
239
244
|
"tri-arrow-down",
|
|
240
245
|
"tri-arrow-left",
|
|
241
246
|
"tri-arrow-right",
|
|
242
247
|
"tri-arrow-up",
|
|
248
|
+
"tri-arrow-high",
|
|
243
249
|
"tri-bell",
|
|
244
250
|
"tri-calendar",
|
|
245
251
|
"tri-check-circle",
|
|
@@ -247,7 +253,9 @@ export default {
|
|
|
247
253
|
"tri-exclamation-circle",
|
|
248
254
|
"tri-eye-slash",
|
|
249
255
|
"tri-eye",
|
|
256
|
+
"tri-file-attached",
|
|
250
257
|
"tri-infos-circle",
|
|
258
|
+
"tri-micro",
|
|
251
259
|
"tri-search",
|
|
252
260
|
"tri-times",
|
|
253
261
|
"tri-trash",
|
|
@@ -258,7 +266,9 @@ export default {
|
|
|
258
266
|
"tri-picto-payment-cb",
|
|
259
267
|
"tri-picto-payment-mastercard",
|
|
260
268
|
"tri-picto-payment-paypal",
|
|
261
|
-
"tri-picto-payment-visa"
|
|
269
|
+
"tri-picto-payment-visa",
|
|
270
|
+
"tri-paperclip",
|
|
271
|
+
"tri-clock"
|
|
262
272
|
]
|
|
263
273
|
},
|
|
264
274
|
"label": {
|
|
@@ -34,6 +34,7 @@ export default {
|
|
|
34
34
|
"tri-arrow-left",
|
|
35
35
|
"tri-arrow-right",
|
|
36
36
|
"tri-arrow-up",
|
|
37
|
+
"tri-arrow-high",
|
|
37
38
|
"tri-bell",
|
|
38
39
|
"tri-calendar",
|
|
39
40
|
"tri-check-circle",
|
|
@@ -41,7 +42,9 @@ export default {
|
|
|
41
42
|
"tri-exclamation-circle",
|
|
42
43
|
"tri-eye-slash",
|
|
43
44
|
"tri-eye",
|
|
45
|
+
"tri-file-attached",
|
|
44
46
|
"tri-infos-circle",
|
|
47
|
+
"tri-micro",
|
|
45
48
|
"tri-search",
|
|
46
49
|
"tri-times",
|
|
47
50
|
"tri-trash",
|
|
@@ -52,7 +55,9 @@ export default {
|
|
|
52
55
|
"tri-picto-payment-cb",
|
|
53
56
|
"tri-picto-payment-mastercard",
|
|
54
57
|
"tri-picto-payment-paypal",
|
|
55
|
-
"tri-picto-payment-visa"
|
|
58
|
+
"tri-picto-payment-visa",
|
|
59
|
+
"tri-paperclip",
|
|
60
|
+
"tri-clock"
|
|
56
61
|
]
|
|
57
62
|
},
|
|
58
63
|
"small": {
|
|
@@ -37,6 +37,8 @@ export default {
|
|
|
37
37
|
"has-text-grey",
|
|
38
38
|
"has-text-white",
|
|
39
39
|
"has-text-disabled",
|
|
40
|
+
"has-text-main-fade",
|
|
41
|
+
"has-text-font-placeholder",
|
|
40
42
|
"has-text-main",
|
|
41
43
|
"has-text-accent",
|
|
42
44
|
"has-text-info",
|
|
@@ -46,6 +48,8 @@ export default {
|
|
|
46
48
|
"has-text-grey",
|
|
47
49
|
"has-text-white",
|
|
48
50
|
"has-text-disabled",
|
|
51
|
+
"has-text-main-fade",
|
|
52
|
+
"has-text-font-placeholder",
|
|
49
53
|
"is-capitalized",
|
|
50
54
|
"is-lowercase",
|
|
51
55
|
"is-uppercase",
|
|
@@ -5,7 +5,7 @@ import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputT
|
|
|
5
5
|
import { TypographyColor } from '../../objects';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
7
|
import { StatusState } from '../../objects/facets/Status';
|
|
8
|
-
import React, { useState } from 'react';
|
|
8
|
+
import React, { useEffect, useState } from 'react';
|
|
9
9
|
import { StyleSheet, Text, TextInput, View } from 'react-native';
|
|
10
10
|
import { SpacerSize } from '../spacer';
|
|
11
11
|
import { Text as TrilogyText } from '../text';
|
|
@@ -41,42 +41,48 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
41
41
|
var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _b = _a.customHeight, customHeight = _b === void 0 ? 120 : _b, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
|
|
42
42
|
var _c = __read(useState(value || ''), 2), _value = _c[0], setValue = _c[1];
|
|
43
43
|
var _d = __read(useState(false), 2), isFocus = _d[0], setIsFocus = _d[1];
|
|
44
|
-
var
|
|
44
|
+
var getTextareaColor = isFocus ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL;
|
|
45
|
+
var getStatusColor = status === 'success'
|
|
46
|
+
? StatusState.SUCCESS
|
|
47
|
+
: status === 'warning'
|
|
48
|
+
? StatusState.WARNING
|
|
49
|
+
: status === 'error'
|
|
50
|
+
? StatusState.ERROR
|
|
51
|
+
: getTextareaColor;
|
|
52
|
+
var borderColorTextarea = getColorStyle(getStatusColor);
|
|
53
|
+
var helpColor = getColorStyle(getStatusColor);
|
|
54
|
+
var colorTextarea = getColorStyle(TrilogyColor.MAIN);
|
|
55
|
+
var backgroundColorTeaxtarea = getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND);
|
|
56
|
+
var counterColor = getColorStyle(TrilogyColor.MAIN);
|
|
57
|
+
var counterBackground = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.BACKGROUND);
|
|
58
|
+
var placeholderTextColor = getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.FONT_PLACEHOLDER);
|
|
45
59
|
var styles = StyleSheet.create({
|
|
46
60
|
textarea: {
|
|
47
61
|
borderWidth: isFocus ? 2 : 1,
|
|
48
62
|
borderRadius: 3,
|
|
49
|
-
borderColor:
|
|
50
|
-
(status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
|
|
51
|
-
(status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
|
|
52
|
-
(status && status === 'default' && textareaColor) ||
|
|
53
|
-
textareaColor,
|
|
63
|
+
borderColor: borderColorTextarea,
|
|
54
64
|
height: customHeight,
|
|
55
65
|
justifyContent: 'flex-start',
|
|
56
66
|
paddingLeft: (iconNameLeft && isFocus && 47) || (iconNameLeft && 48) || 16,
|
|
57
67
|
paddingRight: (iconNameRight && 48) || 16,
|
|
58
68
|
paddingTop: isFocus ? 10 : 11,
|
|
59
69
|
textAlignVertical: 'top',
|
|
60
|
-
color:
|
|
61
|
-
backgroundColor:
|
|
70
|
+
color: colorTextarea,
|
|
71
|
+
backgroundColor: backgroundColorTeaxtarea,
|
|
62
72
|
},
|
|
63
73
|
help: {
|
|
64
74
|
fontSize: 12,
|
|
65
|
-
color:
|
|
66
|
-
(status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
|
|
67
|
-
(status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
|
|
68
|
-
(status && status === 'default' && textareaColor) ||
|
|
69
|
-
textareaColor,
|
|
75
|
+
color: helpColor,
|
|
70
76
|
paddingLeft: 4,
|
|
71
77
|
paddingTop: 2,
|
|
72
78
|
},
|
|
73
79
|
counter: {
|
|
74
80
|
fontSize: 10,
|
|
75
|
-
color:
|
|
81
|
+
color: counterColor,
|
|
76
82
|
position: 'absolute',
|
|
77
83
|
bottom: help ? 24 : 8,
|
|
78
84
|
right: 8,
|
|
79
|
-
backgroundColor:
|
|
85
|
+
backgroundColor: counterBackground,
|
|
80
86
|
padding: 3,
|
|
81
87
|
},
|
|
82
88
|
leftIcon: {
|
|
@@ -92,6 +98,9 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
92
98
|
zIndex: 10,
|
|
93
99
|
},
|
|
94
100
|
});
|
|
101
|
+
useEffect(function () {
|
|
102
|
+
setValue(value !== null && value !== void 0 ? value : '');
|
|
103
|
+
}, [value]);
|
|
95
104
|
return (React.createElement(View, { style: { gap: SpacerSize.THREE } },
|
|
96
105
|
label && (React.createElement(TrilogyText, { typo: TypographyColor.TEXT_MAIN },
|
|
97
106
|
label,
|
|
@@ -108,7 +117,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
108
117
|
textareaValue: text,
|
|
109
118
|
});
|
|
110
119
|
}
|
|
111
|
-
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor:
|
|
120
|
+
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); }, placeholderTextColor: placeholderTextColor }, others)),
|
|
112
121
|
iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
|
|
113
122
|
React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
|
|
114
123
|
maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
|
|
@@ -116,4 +125,4 @@ var Textarea = React.forwardRef(function (_a, ref) {
|
|
|
116
125
|
});
|
|
117
126
|
Textarea.displayName = ComponentName.Textarea;
|
|
118
127
|
export default Textarea;
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3JELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEMsT0FBTyxFQUFFLElBQUksSUFBSSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFzQkMsRUFDRCxHQUFHO0lBdEJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxF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
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
|
|
2
2
|
import { Referenceable, ReferenceableNative } from '../../objects/facets/Referenceable';
|
|
3
|
+
import { TextInput } from 'react-native';
|
|
3
4
|
import { IconStatus } from '../../components/icon';
|
|
4
5
|
import { InputAutoCapitalize, InputAutoCapitalizeValues, InputAutoCompleteType, InputAutoCompleteTypeValues, InputKeyboardAppearance, InputKeyboardAppearanceValues, InputKeyboardType, InputKeyboardTypeValues, InputStatus, InputStatusValues, InputTextContentType, InputTextContentTypeValues } from '../../components/input/InputEnum';
|
|
5
6
|
import { Accessibility, Dev } from '../../objects';
|
|
6
|
-
import { TextInput } from 'react-native';
|
|
7
7
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
8
8
|
export interface TextareaChangeEvent {
|
|
9
9
|
textareaName: string;
|
|
10
10
|
textareaValue: string;
|
|
11
11
|
}
|
|
12
|
-
type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
|
|
12
|
+
export type TextareaChangeEventHandler = (event: TextareaChangeEvent) => void;
|
|
13
13
|
type TextareaPropsWeb = Accessibility & Dev & {
|
|
14
14
|
placeholder?: string;
|
|
15
15
|
defaultValue?: string;
|
|
@@ -7,6 +7,7 @@ export default {
|
|
|
7
7
|
"tri-arrow-left",
|
|
8
8
|
"tri-arrow-right",
|
|
9
9
|
"tri-arrow-up",
|
|
10
|
+
"tri-arrow-high",
|
|
10
11
|
"tri-bell",
|
|
11
12
|
"tri-calendar",
|
|
12
13
|
"tri-check-circle",
|
|
@@ -14,7 +15,9 @@ export default {
|
|
|
14
15
|
"tri-exclamation-circle",
|
|
15
16
|
"tri-eye-slash",
|
|
16
17
|
"tri-eye",
|
|
18
|
+
"tri-file-attached",
|
|
17
19
|
"tri-infos-circle",
|
|
20
|
+
"tri-micro",
|
|
18
21
|
"tri-search",
|
|
19
22
|
"tri-times",
|
|
20
23
|
"tri-trash",
|
|
@@ -26,11 +29,14 @@ export default {
|
|
|
26
29
|
"tri-picto-payment-mastercard",
|
|
27
30
|
"tri-picto-payment-paypal",
|
|
28
31
|
"tri-picto-payment-visa",
|
|
32
|
+
"tri-paperclip",
|
|
33
|
+
"tri-clock",
|
|
29
34
|
"tri-alert",
|
|
30
35
|
"tri-arrow-down",
|
|
31
36
|
"tri-arrow-left",
|
|
32
37
|
"tri-arrow-right",
|
|
33
38
|
"tri-arrow-up",
|
|
39
|
+
"tri-arrow-high",
|
|
34
40
|
"tri-bell",
|
|
35
41
|
"tri-calendar",
|
|
36
42
|
"tri-check-circle",
|
|
@@ -38,7 +44,9 @@ export default {
|
|
|
38
44
|
"tri-exclamation-circle",
|
|
39
45
|
"tri-eye-slash",
|
|
40
46
|
"tri-eye",
|
|
47
|
+
"tri-file-attached",
|
|
41
48
|
"tri-infos-circle",
|
|
49
|
+
"tri-micro",
|
|
42
50
|
"tri-search",
|
|
43
51
|
"tri-times",
|
|
44
52
|
"tri-trash",
|
|
@@ -49,7 +57,9 @@ export default {
|
|
|
49
57
|
"tri-picto-payment-cb",
|
|
50
58
|
"tri-picto-payment-mastercard",
|
|
51
59
|
"tri-picto-payment-paypal",
|
|
52
|
-
"tri-picto-payment-visa"
|
|
60
|
+
"tri-picto-payment-visa",
|
|
61
|
+
"tri-paperclip",
|
|
62
|
+
"tri-clock"
|
|
53
63
|
]
|
|
54
64
|
},
|
|
55
65
|
"accessibilityLabel": {
|