@trilogy-ds/react 4.15.3 → 4.16.1-icons
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/accordion/Accordion.js +3 -3
- package/lib/components/accordion/AccordionProps.d.ts +2 -1
- package/lib/components/accordion/AccordionPropsDefaults.js +7 -0
- package/lib/components/accordion/item/AccordionItem.js +3 -3
- package/lib/components/accordion/item/AccordionItemProps.d.ts +2 -1
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +7 -0
- package/lib/components/accordion/item/body/AccordionBody.native.js +3 -3
- package/lib/components/accordion/item/header/AccordionHeader.js +3 -3
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +2 -1
- package/lib/components/accordion/item/header/AccordionHeaderPropsDefaults.js +7 -0
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +7 -0
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +7 -0
- package/lib/components/badge/Badge.js +4 -4
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/content/BoxContent.js +3 -3
- package/lib/components/box/footer/BoxFooter.js +3 -3
- package/lib/components/box/header/BoxHeader.js +3 -3
- package/lib/components/box/header/BoxHeaderProps.d.ts +2 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +7 -0
- package/lib/components/box/item/BoxItem.js +3 -3
- package/lib/components/box/item/BoxItemProps.d.ts +2 -1
- package/lib/components/box/item/BoxItemPropsDefaults.js +7 -0
- package/lib/components/breadcrumb/Breadcrumb.js +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +2 -2
- package/lib/components/button/Button.js +9 -9
- package/lib/components/button/list/ButtonList.js +3 -3
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListPropsDefaults.js +7 -0
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +7 -0
- package/lib/components/card/Card.js +4 -4
- package/lib/components/card/CardProps.d.ts +2 -1
- package/lib/components/card/CardPropsDefaults.js +7 -0
- package/lib/components/card/content/CardContent.js +3 -3
- package/lib/components/card/content/CardContentProps.d.ts +2 -1
- package/lib/components/card/content/CardContentPropsDefaults.js +7 -0
- package/lib/components/card/image/CardImage.js +3 -3
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +7 -0
- package/lib/components/checkbox/Checkbox.js +3 -3
- package/lib/components/checkbox/CheckboxCommonPropsDefaults.js +7 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -1
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +7 -0
- package/lib/components/checkbox/CheckboxWithLabelDefaults.js +7 -0
- package/lib/components/checkbox/list/CheckboxList.js +3 -3
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +2 -2
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +7 -0
- 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.js +34 -7
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +4 -4
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +26 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +18 -9
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +10 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +4 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +21 -0
- package/lib/components/chips/Chips.js +3 -3
- package/lib/components/chips/list/ChipsList.js +3 -3
- package/lib/components/chips/list/ChipsListProps.d.ts +2 -1
- package/lib/components/chips/list/ChipsListPropsDefaults.js +7 -0
- package/lib/components/columns/Columns.js +3 -3
- package/lib/components/columns/ColumnsProps.d.ts +2 -1
- package/lib/components/columns/ColumnsPropsDefaults.js +7 -0
- package/lib/components/columns/column/Column.js +3 -3
- package/lib/components/columns/column/ColumnProps.d.ts +2 -1
- package/lib/components/columns/column/ColumnPropsDefaults.js +7 -0
- package/lib/components/container/Container.js +3 -3
- package/lib/components/container/ContainerProps.d.ts +2 -1
- package/lib/components/container/ContainerPropsDefaults.js +7 -0
- package/lib/components/countdown/Countdown.js +3 -3
- package/lib/components/countdown/CountdownProps.d.ts +2 -1
- package/lib/components/countdown/CountdownPropsDefaults.js +7 -0
- package/lib/components/divider/Divider.js +3 -3
- package/lib/components/divider/DividerProps.d.ts +2 -2
- package/lib/components/divider/DividerPropsDefaults.js +7 -0
- package/lib/components/fab/Fab.js +3 -3
- package/lib/components/flex-box/FlexBox.js +3 -3
- package/lib/components/flex-box/FlexBoxProps.d.ts +2 -1
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +7 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +3 -3
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +2 -1
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +7 -0
- package/lib/components/hero/Hero.js +3 -3
- package/lib/components/hero/HeroProps.d.ts +2 -2
- package/lib/components/hero/HeroPropsDefaults.js +7 -0
- package/lib/components/icon/Icon.js +3 -3
- package/lib/components/image/Image.js +3 -3
- package/lib/components/image/ImageProps.d.ts +2 -2
- package/lib/components/image/ImagePropsDefaults.js +7 -0
- package/lib/components/input/Input.d.ts +1 -0
- package/lib/components/input/Input.js +17 -8
- package/lib/components/input/Input.native.js +12 -6
- package/lib/components/input/InputProps.d.ts +1 -0
- package/lib/components/input/InputPropsDefaults.js +7 -0
- package/lib/components/link/Link.d.ts +1 -1
- package/lib/components/link/Link.js +6 -6
- package/lib/components/link/LinkDefaults.js +8 -0
- package/lib/components/link/LinkProps.d.ts +1 -0
- package/lib/components/link/LinkPropsDefaults.js +8 -0
- package/lib/components/link/LinkPropsNativeDefaults.js +8 -0
- package/lib/components/list/item/description/ListItemDescription.js +4 -3
- package/lib/components/list/item/description/ListItemDescriptionProps.d.ts +2 -1
- package/lib/components/list/item/description/ListItemDescriptionPropsDefaults.js +7 -0
- package/lib/components/modal/Modal.js +3 -3
- package/lib/components/modal/body/ModalBody.js +3 -3
- package/lib/components/modal/body/ModalBodyProps.d.ts +2 -1
- package/lib/components/modal/body/ModalBodyPropsDefaults.js +7 -0
- package/lib/components/modal/footer/ModalFooter.js +3 -3
- package/lib/components/modal/footer/ModalFooterProps.d.ts +2 -1
- package/lib/components/modal/footer/ModalFooterPropsDefaults.js +7 -0
- package/lib/components/otp/Otp.js +4 -4
- package/lib/components/otp/OtpProps.d.ts +2 -1
- package/lib/components/otp/OtpPropsDefaults.js +7 -0
- package/lib/components/pagination/Pagination.js +3 -3
- package/lib/components/popover/Popover.js +3 -3
- package/lib/components/price/Price.js +16 -11
- package/lib/components/progress/Progress.js +4 -4
- package/lib/components/progress/ProgressProps.d.ts +2 -1
- package/lib/components/progress/ProgressPropsDefaults.js +7 -0
- package/lib/components/progress/item/ProgressItem.js +3 -3
- package/lib/components/progress/item/ProgressItemProps.d.ts +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +7 -0
- package/lib/components/progress/radial/ProgressRadial.js +3 -3
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +2 -2
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +7 -0
- package/lib/components/prompt/Prompt.js +3 -3
- package/lib/components/prompt/context/index.d.ts +2 -0
- package/lib/components/prompt/context/index.js +5 -2
- package/lib/components/prompt/textarea/PromptTextarea.native.js +4 -5
- package/lib/components/prompt/toolbar/PromptToolbar.js +3 -3
- package/lib/components/prompt/toolbar/PromptToolbar.native.d.ts +1 -2
- package/lib/components/prompt/toolbar/PromptToolbar.native.js +6 -4
- package/lib/components/prompt/toolbar/tools/PromptTools.js +3 -3
- package/lib/components/radio/Radio.js +3 -3
- package/lib/components/radio/RadioProps.d.ts +2 -2
- package/lib/components/radio/RadioPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioList.js +3 -3
- package/lib/components/radio/list/RadioListProps.d.ts +2 -2
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +7 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +1 -0
- package/lib/components/radio/tiles/RadioTiles.js +26 -4
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +1 -0
- 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 +26 -0
- package/lib/components/radio/tiles/tile/RadioTile.js +16 -7
- package/lib/components/radio/tiles/tile/RadioTile.native.js +8 -5
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +21 -7
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +6 -8
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +21 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +21 -81
- package/lib/components/range/Range.js +3 -3
- package/lib/components/rows/Rows.js +3 -3
- package/lib/components/rows/RowsProps.d.ts +2 -1
- package/lib/components/rows/RowsPropsDefaults.js +7 -0
- package/lib/components/rows/row/Row.js +3 -3
- package/lib/components/rows/row/RowProps.d.ts +2 -1
- package/lib/components/rows/row/RowPropsDefaults.js +7 -0
- package/lib/components/scroll-view/ScrollView.js +3 -3
- package/lib/components/scroll-view/ScrollViewProps.d.ts +2 -2
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +7 -0
- package/lib/components/section/Section.js +3 -3
- package/lib/components/section/SectionProps.d.ts +2 -2
- package/lib/components/section/SectionPropsDefaults.js +7 -0
- package/lib/components/segment-control/SegmentControl.js +3 -3
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +7 -0
- package/lib/components/segment-control/item/SegmentControlItem.js +3 -3
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +2 -2
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +7 -0
- package/lib/components/select/option/SelectOption.js +2 -2
- package/lib/components/select/web/SelectDynamic.js +3 -3
- package/lib/components/spacer/Spacer.js +3 -3
- package/lib/components/spacer/SpacerProps.d.ts +2 -1
- package/lib/components/spacer/SpacerPropsDefaults.js +7 -0
- package/lib/components/stepper/Stepper.js +31 -20
- package/lib/components/stepper/Stepper.native.js +15 -13
- package/lib/components/stepper/StepperProps.d.ts +2 -1
- package/lib/components/stepper/StepperPropsDefaults.js +7 -0
- package/lib/components/stepper/step/Step.js +8 -17
- package/lib/components/stepper/step/StepProps.d.ts +2 -1
- package/lib/components/stepper/step/StepPropsDefaults.js +7 -0
- package/lib/components/sticker/Sticker.js +3 -3
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +7 -0
- package/lib/components/switch/Switch.js +3 -3
- package/lib/components/switch/SwitchProps.d.ts +2 -1
- package/lib/components/switch/SwitchPropsDefaults.js +7 -0
- package/lib/components/table/Table.js +3 -3
- package/lib/components/table/TableProps.d.ts +2 -1
- package/lib/components/table/TableProps.js +1 -1
- package/lib/components/table/TablePropsDefaults.js +7 -0
- package/lib/components/table/body/TableBody.js +3 -3
- package/lib/components/table/body/TableBodyProps.d.ts +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +7 -0
- package/lib/components/table/head/TableHead.js +3 -3
- package/lib/components/table/head/TableHeadProps.d.ts +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +7 -0
- package/lib/components/table/td/TableTd.js +3 -3
- package/lib/components/table/td/TableTdProps.d.ts +2 -2
- package/lib/components/table/td/TableTdPropsDefaults.js +7 -0
- package/lib/components/table/th/TableTh.js +3 -3
- package/lib/components/table/th/TableThProps.d.ts +2 -2
- package/lib/components/table/th/TableThPropsDefaults.js +7 -0
- package/lib/components/table/tr/TableTr.js +3 -3
- package/lib/components/table/tr/TableTrProps.d.ts +2 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +7 -0
- package/lib/components/tabs/Tabs.js +3 -3
- package/lib/components/tag/Tag.js +3 -3
- package/lib/components/tag/list/TagList.js +3 -3
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +7 -0
- package/lib/components/text/Text.js +3 -3
- package/lib/components/textarea/Textarea.js +3 -3
- package/lib/components/timeline/Timeline.js +3 -3
- package/lib/components/timeline/TimelineProps.d.ts +2 -1
- package/lib/components/timeline/TimelinePropsDefaults.js +7 -0
- package/lib/components/timeline/content/TimelineContent.js +4 -4
- package/lib/components/timeline/content/TimelineContentProps.d.ts +2 -1
- package/lib/components/timeline/content/TimelineContentPropsDefaults.js +7 -0
- package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js +7 -0
- package/lib/components/timeline/item/TimelineItem.js +3 -3
- package/lib/components/timeline/item/TimelineItemProps.d.ts +2 -1
- package/lib/components/timeline/item/TimelineItemPropsDefaults.js +7 -0
- package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js +7 -0
- package/lib/components/timeline/marker/TimelineMarker.js +3 -3
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +5 -2
- package/lib/components/title/Title.js +3 -3
- package/lib/components/view/View.js +3 -3
- package/lib/components/view/ViewProps.d.ts +2 -2
- package/lib/components/view/ViewProps.js +1 -1
- package/lib/components/view/ViewPropsDefaults.js +7 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +2 -5
|
@@ -1,10 +1,15 @@
|
|
|
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
|
-
import { useTrilogyContext } from '../../context';
|
|
6
2
|
import { Text } from '../../components/text';
|
|
3
|
+
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
+
import { Align } from '../../objects';
|
|
6
|
+
import { TypographyColor } from '../../objects/Typography/TypographyColor';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import * as React from 'react';
|
|
7
9
|
import { ComponentName } from '../enumsComponentsName';
|
|
10
|
+
import { FlexBox } from '../flex-box';
|
|
11
|
+
import { Icon } from '../icon';
|
|
12
|
+
import { Title } from '../title';
|
|
8
13
|
/**
|
|
9
14
|
* Stepper Component
|
|
10
15
|
* @param centered Center the stepper
|
|
@@ -13,10 +18,11 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
13
18
|
* @param className Additional CSS Classes
|
|
14
19
|
*/
|
|
15
20
|
var Stepper = React.forwardRef(function (_a, ref) {
|
|
16
|
-
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
21
|
+
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "testId"]);
|
|
17
22
|
var styled = useTrilogyContext().styled;
|
|
18
|
-
var classes = hashClass(styled, clsx('stepper-
|
|
19
|
-
var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
23
|
+
var classes = hashClass(styled, clsx('stepper-container', className));
|
|
24
|
+
var _b = __read(React.useState({ label: null, step: 1, icon: null }), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
25
|
+
var classesSteps = hashClass(styled, clsx('stepper-wrapper'));
|
|
20
26
|
var nbChild = React.useMemo(function () {
|
|
21
27
|
if (children && Array.isArray(children))
|
|
22
28
|
return children.length;
|
|
@@ -25,32 +31,37 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
25
31
|
return 0;
|
|
26
32
|
}, [children]);
|
|
27
33
|
React.useEffect(function () {
|
|
34
|
+
var _a, _b, _c, _d;
|
|
28
35
|
if (children) {
|
|
29
36
|
if (Array.isArray(children)) {
|
|
30
37
|
var haveCurrentStep_1 = false;
|
|
31
38
|
children.map(function (child, index) {
|
|
32
|
-
var _a;
|
|
39
|
+
var _a, _b, _c;
|
|
33
40
|
if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
|
|
34
41
|
haveCurrentStep_1 = true;
|
|
35
|
-
setCurrentStep(index + 1);
|
|
42
|
+
setCurrentStep({ step: index + 1, label: (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.label, icon: (_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.iconName });
|
|
36
43
|
}
|
|
37
44
|
});
|
|
38
|
-
if (!haveCurrentStep_1)
|
|
39
|
-
setCurrentStep(1);
|
|
45
|
+
if (!haveCurrentStep_1) {
|
|
46
|
+
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 });
|
|
47
|
+
}
|
|
40
48
|
}
|
|
41
49
|
else {
|
|
42
|
-
setCurrentStep(1);
|
|
50
|
+
setCurrentStep({ label: null, step: 1, icon: null });
|
|
43
51
|
}
|
|
44
52
|
}
|
|
45
53
|
}, [children]);
|
|
46
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others),
|
|
55
|
+
React.createElement(Text, { level: 2, typo: [TypographyColor.TEXT_PLACEHOLDER], className: 'stepper-steps' },
|
|
56
|
+
"\u00C9tape ",
|
|
57
|
+
currentStep.step,
|
|
58
|
+
" sur ",
|
|
59
|
+
nbChild),
|
|
60
|
+
React.createElement(FlexBox, { align: Align.CENTER, className: 'stepper-content' },
|
|
61
|
+
currentStep.icon && React.createElement(Icon, { name: currentStep.icon, size: 'small' }),
|
|
62
|
+
React.createElement(Title, { level: 5, className: 'step-label', key: "step-".concat(currentStep.step, "-").concat(currentStep.label) }, currentStep.label)),
|
|
63
|
+
React.createElement("div", { className: classesSteps }, children)));
|
|
53
64
|
});
|
|
54
65
|
Stepper.displayName = ComponentName.Stepper;
|
|
55
66
|
export default Stepper;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNqQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxTQUFTLENBQUE7QUFDeEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFVBQVUsQ0FBQTtBQUtoQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDOUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxD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
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
4
|
+
import { Text } 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 { TypographyBold, TypographyColor } from '../../objects';
|
|
5
|
-
import { Text, TextLevels } from '../../components/text';
|
|
6
|
-
import { Icon, IconSize } from '../../components/icon';
|
|
7
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
8
8
|
/**
|
|
9
9
|
* Stepper Component
|
|
10
10
|
* @param centered {boolean} Center the stepper
|
|
@@ -26,14 +26,15 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
26
26
|
flexDirection: 'row',
|
|
27
27
|
justifyContent: 'space-between',
|
|
28
28
|
alignItems: 'center',
|
|
29
|
-
marginTop:
|
|
29
|
+
marginTop: 8,
|
|
30
|
+
marginBottom: 12,
|
|
30
31
|
},
|
|
31
32
|
hasIcon: {
|
|
32
33
|
flexDirection: 'row',
|
|
34
|
+
alignItems: 'center',
|
|
33
35
|
},
|
|
34
36
|
icon: {
|
|
35
37
|
marginRight: 4,
|
|
36
|
-
marginTop: 3,
|
|
37
38
|
},
|
|
38
39
|
counter: {
|
|
39
40
|
marginRight: 10,
|
|
@@ -79,17 +80,18 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
79
80
|
}
|
|
80
81
|
}, [children]);
|
|
81
82
|
return (React.createElement(View, { ref: ref },
|
|
82
|
-
React.createElement(
|
|
83
|
+
React.createElement(Text, { level: 3, typo: [TypographyColor.TEXT_PLACEHOLDER] },
|
|
84
|
+
"\u00C9tape ",
|
|
85
|
+
currentStep.step,
|
|
86
|
+
" sur ",
|
|
87
|
+
nbChild),
|
|
83
88
|
React.createElement(View, { style: styles.step },
|
|
84
89
|
React.createElement(View, { style: styles.hasIcon },
|
|
85
90
|
currentStep.iconName && (React.createElement(Text, { style: styles.icon },
|
|
86
91
|
React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
|
|
87
|
-
React.createElement(Text, { level:
|
|
88
|
-
|
|
89
|
-
currentStep.step,
|
|
90
|
-
"/",
|
|
91
|
-
nbChild))));
|
|
92
|
+
React.createElement(Text, { level: 2, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name))),
|
|
93
|
+
React.createElement(View, __assign({ style: styles.steppers }, others), children)));
|
|
92
94
|
});
|
|
93
95
|
Stepper.displayName = ComponentName.Stepper;
|
|
94
96
|
export default Stepper;
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFTL0M7Ozs7R0FJRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBdUIsRUFBRSxHQUFHO0lBQTFCLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQy9FLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELElBQUksRUFBRTtZQUNKLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFNBQVMsRUFBRSxDQUFDO1lBQ1os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
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
4
5
|
/**
|
|
5
6
|
* Stepper Interface
|
|
6
7
|
*/
|
|
7
|
-
export interface StepperProps extends CommonProps {
|
|
8
|
+
export interface StepperProps extends CommonProps, Dev {
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
}
|
|
10
11
|
export type StepperRef = HTMLDivElement;
|
|
@@ -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,11 @@ 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, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
|
|
21
|
+
var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, testId = _a.testId, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error", "testId"]);
|
|
24
22
|
var styled = useTrilogyContext().styled;
|
|
25
|
-
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
26
23
|
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
|
-
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 }))));
|
|
24
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-label": label, "data-testid": testId }, others));
|
|
34
25
|
});
|
|
35
26
|
Step.displayName = ComponentName.Step;
|
|
36
27
|
export default Step;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQW1GLEVBQUUsR0FBRztJQUF0RixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBakYsd0ZBQW1GLENBQUY7SUFDeEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUcsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
2
|
import { IconName, IconNameValues } from '../../../components/icon';
|
|
3
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
4
5
|
/**
|
|
5
6
|
* Stepper Step Interface
|
|
6
7
|
*/
|
|
7
|
-
export interface StepProps extends CommonProps {
|
|
8
|
+
export interface StepProps extends CommonProps, Dev {
|
|
8
9
|
active?: boolean;
|
|
9
10
|
current?: boolean;
|
|
10
11
|
done?: boolean;
|
|
@@ -20,13 +20,13 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
20
20
|
* @param others
|
|
21
21
|
*/
|
|
22
22
|
var Sticker = React.forwardRef(function (_a, ref) {
|
|
23
|
-
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
|
|
23
|
+
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, testId = _a.testId, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel", "testId"]);
|
|
24
24
|
var styled = useTrilogyContext().styled;
|
|
25
25
|
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
|
|
26
|
-
return (React.createElement("p", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel }, others),
|
|
26
|
+
return (React.createElement("p", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel, "data-testid": testId }, others),
|
|
27
27
|
iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
28
28
|
label));
|
|
29
29
|
});
|
|
30
30
|
Sticker.displayName = ComponentName.Sticker;
|
|
31
31
|
export default Sticker;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQVczRCxFQUFFLEdBQUc7SUFWSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVmlELHdHQVczRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxPQUFPLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQzNDLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsRUFDVCxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQ0FBRyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsa0JBQWtCLGlCQUFlLE1BQU0sSUFBTSxNQUFNO1FBQ3JHLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Small } from '../../objects/facets/Small';
|
|
2
|
-
import { Accessibility, VariantProps } from '../../objects/facets';
|
|
2
|
+
import { Accessibility, Dev, VariantProps } from '../../objects/facets';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
4
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
5
5
|
import { View } from 'react-native';
|
|
6
|
-
export interface StickerProps extends Small, VariantProps, CommonProps, Accessibility {
|
|
6
|
+
export interface StickerProps extends Small, VariantProps, CommonProps, Accessibility, Dev {
|
|
7
7
|
label: string;
|
|
8
8
|
iconName?: IconName | IconNameValues;
|
|
9
9
|
outlined?: boolean;
|
|
@@ -23,7 +23,7 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
23
23
|
* @param reversed {boolean} change switch position
|
|
24
24
|
*/
|
|
25
25
|
var Switch = React.forwardRef(function (_a, ref) {
|
|
26
|
-
var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
|
|
26
|
+
var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, testId = _a.testId, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth", "testId"]);
|
|
27
27
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
28
28
|
var styled = useTrilogyContext().styled;
|
|
29
29
|
React.useEffect(function () {
|
|
@@ -35,7 +35,7 @@ var Switch = React.forwardRef(function (_a, ref) {
|
|
|
35
35
|
}
|
|
36
36
|
}, [checked, readonly]);
|
|
37
37
|
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
|
|
38
|
-
React.createElement("input", __assign({ onChange: function (e) {
|
|
38
|
+
React.createElement("input", __assign({ "data-testid": testId, onChange: function (e) {
|
|
39
39
|
if (!readonly) {
|
|
40
40
|
setChecked(!_checked);
|
|
41
41
|
}
|
|
@@ -62,4 +62,4 @@ var Switch = React.forwardRef(function (_a, ref) {
|
|
|
62
62
|
});
|
|
63
63
|
Switch.displayName = ComponentName.Switch;
|
|
64
64
|
export default Switch;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBZ0J4RCxFQUFFLEdBQUc7SUFmSixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNILE1BQU0sY0FmOEMsb0pBZ0J4RCxDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRWpILHVEQUNlLE1BQU0sRUFDbkIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLENBQUMsUUFBUSxFQUFFO29CQUNiLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFBO2lCQUN0QjtnQkFDRCxJQUFJLFFBQVEsRUFBRTtvQkFDWixRQUFRLENBQUM7d0JBQ1AsV0FBVyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTzt3QkFDN0IsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTtxQkFDMUIsQ0FBQyxDQUFBO2lCQUNIO1lBQ0gsQ0FBQztZQUNELDhEQUE4RDtZQUM5RCxPQUFPLEVBQUUsVUFBQyxDQUFNO2dCQUNkLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksT0FBTyxFQUFFO29CQUNYLE9BQU8sQ0FBQzt3QkFDTixXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDLEVBQ0QsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsaUJBQVUsRUFBRSxDQUFFLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQ3hFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxpQkFBVSxFQUFFLENBQUUsSUFBRyxLQUFLLENBQVMsQ0FDM0MsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { StatusProps } from '../../objects/facets/Status';
|
|
2
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
3
|
import { Switch } from 'react-native';
|
|
4
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
4
5
|
export interface SwitchChangeEvent {
|
|
5
6
|
switchState: boolean;
|
|
6
7
|
switchName: string;
|
|
7
8
|
}
|
|
8
9
|
type SwitchEventHandler = (event: SwitchChangeEvent) => void;
|
|
9
|
-
export interface SwitchProps extends StatusProps, CommonProps {
|
|
10
|
+
export interface SwitchProps extends StatusProps, CommonProps, Dev {
|
|
10
11
|
checked?: boolean;
|
|
11
12
|
onChange?: SwitchEventHandler;
|
|
12
13
|
onClick?: SwitchEventHandler;
|
|
@@ -18,11 +18,11 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
18
18
|
* @param striped {boolean} striped lines
|
|
19
19
|
*/
|
|
20
20
|
var Table = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact"]);
|
|
21
|
+
var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, testId = _a.testId, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact", "testId"]);
|
|
22
22
|
var styled = useTrilogyContext().styled;
|
|
23
23
|
var classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
|
|
24
|
-
return React.createElement("table", __assign({ ref: ref, id: id, className: classes }, others));
|
|
24
|
+
return React.createElement("table", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
25
25
|
});
|
|
26
26
|
Table.displayName = ComponentName.Table;
|
|
27
27
|
export default Table;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQXdCLE1BQU0sY0FBYyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQVNyRCxFQUFFLEdBQUc7SUFSSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULGNBQThCLEVBQTlCLE1BQU0sbUJBQUcsZUFBZSxDQUFDLEtBQUssS0FBQSxFQUM5QixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBUjJDLDBFQVNyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDekYsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
import { Fullwidth } from '../../objects/facets/Fullwidth';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
5
6
|
export declare enum TableBorderEnum {
|
|
6
7
|
ALL = "all",
|
|
7
8
|
INNER = "inner",
|
|
8
9
|
LINES = "lines"
|
|
9
10
|
}
|
|
10
|
-
export interface TableProps extends Fullwidth, CommonProps {
|
|
11
|
+
export interface TableProps extends Fullwidth, CommonProps, Dev {
|
|
11
12
|
children: React.ReactNode;
|
|
12
13
|
border?: TableBorderEnum;
|
|
13
14
|
striped?: boolean;
|
|
@@ -4,4 +4,4 @@ export var TableBorderEnum;
|
|
|
4
4
|
TableBorderEnum["INNER"] = "inner";
|
|
5
5
|
TableBorderEnum["LINES"] = "lines";
|
|
6
6
|
})(TableBorderEnum || (TableBorderEnum = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==
|
|
@@ -16,11 +16,11 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
16
16
|
* @param backgroundColor {TrilogyColor} background color
|
|
17
17
|
*/
|
|
18
18
|
var TableBody = React.forwardRef(function (_a, ref) {
|
|
19
|
-
var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
|
|
19
|
+
var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "id", "color", "backgroundColor", "testId"]);
|
|
20
20
|
var styled = useTrilogyContext().styled;
|
|
21
21
|
var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
|
|
22
|
-
return React.createElement("tbody", __assign({ ref: ref, id: id, className: classes }, others));
|
|
22
|
+
return React.createElement("tbody", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
23
23
|
});
|
|
24
24
|
TableBody.displayName = ComponentName.TableBody;
|
|
25
25
|
export default TableBody;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDbEgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3pGLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
3
|
+
import { Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
-
export interface TableBodyProps extends CommonProps {
|
|
5
|
+
export interface TableBodyProps extends CommonProps, Dev {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
color?: TrilogyColor | TrilogyColorValues;
|
|
8
8
|
backgroundColor?: TrilogyColor | TrilogyColorValues;
|
|
@@ -16,11 +16,11 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
16
16
|
* @param backgroundColor {TrilogyColor} background color
|
|
17
17
|
*/
|
|
18
18
|
var TableHead = React.forwardRef(function (_a, ref) {
|
|
19
|
-
var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
|
|
19
|
+
var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "id", "color", "backgroundColor", "testId"]);
|
|
20
20
|
var styled = useTrilogyContext().styled;
|
|
21
21
|
var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
|
|
22
|
-
return React.createElement("thead", __assign({ ref: ref, id: id, className: classes }, others));
|
|
22
|
+
return React.createElement("thead", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
23
23
|
});
|
|
24
24
|
TableHead.displayName = ComponentName.TableHead;
|
|
25
25
|
export default TableHead;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDbEgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3pGLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
3
|
+
import { Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
-
export interface TableHeadProps extends CommonProps {
|
|
5
|
+
export interface TableHeadProps extends CommonProps, Dev {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
color?: TrilogyColor | TrilogyColorValues;
|
|
8
8
|
backgroundColor?: TrilogyColor | TrilogyColorValues;
|
|
@@ -13,11 +13,11 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
13
13
|
* @param colSpan {number} Defines the number of columns a cell should span
|
|
14
14
|
*/
|
|
15
15
|
var TableTd = React.forwardRef(function (_a, ref) {
|
|
16
|
-
var className = _a.className, id = _a.id, rowSpan = _a.rowSpan, colSpan = _a.colSpan, others = __rest(_a, ["className", "id", "rowSpan", "colSpan"]);
|
|
16
|
+
var className = _a.className, id = _a.id, rowSpan = _a.rowSpan, colSpan = _a.colSpan, testId = _a.testId, others = __rest(_a, ["className", "id", "rowSpan", "colSpan", "testId"]);
|
|
17
17
|
var styled = useTrilogyContext().styled;
|
|
18
18
|
var classes = hashClass(styled, clsx(className));
|
|
19
|
-
return React.createElement("td", __assign({ ref: ref, id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan }, others));
|
|
19
|
+
return React.createElement("td", __assign({ ref: ref, id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan, "data-testid": testId }, others));
|
|
20
20
|
});
|
|
21
21
|
TableTd.displayName = ComponentName.TableTd;
|
|
22
22
|
export default TableTd;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDdEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNsRCxPQUFPLHFDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFILENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { Clickable } from '../../../objects';
|
|
3
|
+
import { Clickable, Dev } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
-
export interface TableTdProps extends Clickable, CommonProps {
|
|
5
|
+
export interface TableTdProps extends Clickable, CommonProps, Dev {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
rowSpan?: number;
|
|
8
8
|
colSpan?: number;
|