@trilogy-ds/react 4.15.3 → 4.16.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/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 +3 -3
- 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 +1 -1
- package/package.json +2 -5
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
4
|
+
import { Sticker } from '../../../../components/sticker';
|
|
4
5
|
import { useTrilogyContext } from '../../../../context';
|
|
5
6
|
import { hashClass } from '../../../../helpers';
|
|
7
|
+
import { VariantState } from '../../../../objects';
|
|
6
8
|
import { is } from '../../../../services/classify';
|
|
7
9
|
import clsx from 'clsx';
|
|
8
10
|
import * as React from 'react';
|
|
9
11
|
import { useEffect, useState } from 'react';
|
|
10
|
-
import { Sticker } from '../../../../components/sticker';
|
|
11
|
-
import { VariantState } from '../../../../objects';
|
|
12
12
|
/**
|
|
13
13
|
* CheckboxTile
|
|
14
14
|
* @param id {string}
|
|
@@ -28,25 +28,34 @@ import { VariantState } from '../../../../objects';
|
|
|
28
28
|
* @param className {string} Additional CSS Classes
|
|
29
29
|
*/
|
|
30
30
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
31
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant"]);
|
|
31
|
+
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant", "testId"]);
|
|
32
32
|
var styled = useTrilogyContext().styled;
|
|
33
33
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
34
|
+
var refInput = React.useRef(null);
|
|
34
35
|
useEffect(function () {
|
|
35
36
|
if (!readonly) {
|
|
36
37
|
setChecked(checked || false);
|
|
37
38
|
}
|
|
38
39
|
}, [checked, readonly]);
|
|
39
|
-
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className))
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className)), role: 'button', onClick: function (e) {
|
|
41
|
+
var _a;
|
|
42
|
+
if (disabled || readonly)
|
|
43
|
+
return;
|
|
44
|
+
var target = e.target;
|
|
45
|
+
if (target.closest('input, label'))
|
|
46
|
+
return;
|
|
47
|
+
(_a = refInput.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
48
|
+
} },
|
|
49
|
+
React.createElement("input", __assign({ "data-testid": testId, ref: refInput, type: 'checkbox', readOnly: readonly, required: required, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
|
|
50
|
+
React.createElement("div", { className: hashClass(styled, clsx('checkbox-container')) },
|
|
42
51
|
icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
|
|
43
52
|
horizontal ? (React.createElement("span", null,
|
|
44
|
-
React.createElement("
|
|
53
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
45
54
|
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement("
|
|
55
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
47
56
|
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))),
|
|
48
57
|
sticker && React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'checkbox-sticker', small: true })));
|
|
49
58
|
});
|
|
50
59
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
51
60
|
export default CheckboxTile;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFHM0M7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWtCQyxFQUNELEdBQUc7SUFsQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNW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
|
|
@@ -2,16 +2,18 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconName, IconSize } from '../../../../components/icon';
|
|
4
4
|
import { SpacerSize } from '../../../../components/spacer';
|
|
5
|
+
import { Sticker } from '../../../../components/sticker';
|
|
5
6
|
import { Text, TextLevels } from '../../../../components/text';
|
|
6
7
|
import { View } from '../../../../components/view';
|
|
7
8
|
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantState } from '../../../../objects';
|
|
8
|
-
import React, { useState } from 'react';
|
|
9
|
+
import React, { useContext, useState } from 'react';
|
|
9
10
|
import { StyleSheet, TouchableOpacity, View as ViewRN } from 'react-native';
|
|
10
|
-
import {
|
|
11
|
+
import { CheckboxTilesContext } from '../context';
|
|
11
12
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
12
13
|
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant"]);
|
|
13
14
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
14
15
|
var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
|
|
16
|
+
var isGrid = useContext(CheckboxTilesContext).isGrid;
|
|
15
17
|
var styles = StyleSheet.create({
|
|
16
18
|
container: {
|
|
17
19
|
flexDirection: 'row',
|
|
@@ -32,8 +34,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
32
34
|
color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
|
|
33
35
|
},
|
|
34
36
|
tile: {
|
|
37
|
+
flex: isGrid ? 1 : undefined,
|
|
35
38
|
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
36
|
-
maxWidth: '50%',
|
|
39
|
+
maxWidth: isGrid ? '100%' : '50%',
|
|
37
40
|
borderWidth: (_checked && 2) || 1,
|
|
38
41
|
width: 'auto',
|
|
39
42
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
@@ -47,6 +50,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
47
50
|
alignSelf: horizontal ? 'flex-start' : 'center',
|
|
48
51
|
},
|
|
49
52
|
horizontal: {
|
|
53
|
+
flex: isGrid ? 1 : undefined,
|
|
50
54
|
flexDirection: 'row',
|
|
51
55
|
alignItems: 'center',
|
|
52
56
|
gap: SpacerSize.THREE,
|
|
@@ -88,7 +92,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
88
92
|
} },
|
|
89
93
|
React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
|
|
90
94
|
React.createElement(View, { style: { gap: SpacerSize.ONE, flex: 1 } },
|
|
91
|
-
label && typeof label.valueOf() === 'string'
|
|
95
|
+
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))) : (label),
|
|
92
96
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))));
|
|
93
97
|
}
|
|
94
98
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
|
|
@@ -102,9 +106,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
102
106
|
justifyContent: 'center',
|
|
103
107
|
} },
|
|
104
108
|
React.createElement(Icon, { size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: icon }))),
|
|
105
|
-
label && typeof label.valueOf() === 'string'
|
|
109
|
+
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.ONE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: [styles.label] }, String(label))) : (label),
|
|
106
110
|
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyAlign.TEXT_CENTERED] }, String(description))))));
|
|
107
111
|
});
|
|
108
112
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
109
113
|
export default CheckboxTile;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEcsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHakQsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWNDLEVBQ0QsR0FBRztJQWRELElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0ws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
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TouchableOpacity } from 'react-native';
|
|
3
2
|
import { CheckboxProps } from '../../../../components/checkbox/CheckboxProps';
|
|
4
3
|
import { IconName, IconNameValues } from '../../../../components/icon';
|
|
5
4
|
import { CommonProps } from '../../../../objects/facets/CommonProps';
|
|
6
|
-
import { VariantProps } from '../../../../objects';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
*/
|
|
10
|
-
export interface CheckboxTileProps extends CheckboxProps, CommonProps {
|
|
5
|
+
import { Dev, VariantProps } from '../../../../objects';
|
|
6
|
+
import { ReactNode } from 'react';
|
|
7
|
+
export interface CheckboxTileProps extends Omit<CheckboxProps, 'label'>, CommonProps, Dev {
|
|
11
8
|
horizontal?: boolean;
|
|
12
9
|
icon?: IconName | IconNameValues;
|
|
13
10
|
description?: string | React.ReactNode;
|
|
14
11
|
sticker?: string;
|
|
15
12
|
stickerVariant?: VariantProps['variant'];
|
|
13
|
+
label?: string | ReactNode;
|
|
16
14
|
}
|
|
17
15
|
export type CheckboxTileRef = HTMLDivElement;
|
|
18
16
|
export type CheckboxTileNativeRef = TouchableOpacity;
|
|
@@ -104,6 +104,20 @@ export default {
|
|
|
104
104
|
"INFO"
|
|
105
105
|
]
|
|
106
106
|
},
|
|
107
|
+
"label": {
|
|
108
|
+
"type": "react",
|
|
109
|
+
"values": [
|
|
110
|
+
"undefined",
|
|
111
|
+
"null",
|
|
112
|
+
"string",
|
|
113
|
+
"number",
|
|
114
|
+
"false",
|
|
115
|
+
"true",
|
|
116
|
+
"JSXElementConstructor<any>>",
|
|
117
|
+
"ReactNode>",
|
|
118
|
+
"ReactPortal"
|
|
119
|
+
]
|
|
120
|
+
},
|
|
107
121
|
"id": {
|
|
108
122
|
"type": "string",
|
|
109
123
|
"values": [
|
|
@@ -117,5 +131,12 @@ export default {
|
|
|
117
131
|
"undefined",
|
|
118
132
|
"string"
|
|
119
133
|
]
|
|
134
|
+
},
|
|
135
|
+
"testId": {
|
|
136
|
+
"type": "string",
|
|
137
|
+
"values": [
|
|
138
|
+
"undefined",
|
|
139
|
+
"string"
|
|
140
|
+
]
|
|
120
141
|
}
|
|
121
142
|
};
|
|
@@ -18,13 +18,13 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
18
18
|
* @param others
|
|
19
19
|
*/
|
|
20
20
|
var Chips = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id"]);
|
|
21
|
+
var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id", "testId"]);
|
|
22
22
|
var styled = useTrilogyContext().styled;
|
|
23
23
|
var classes = hashClass(styled, clsx('chips', active && is('active'), className));
|
|
24
|
-
return (React.createElement("button", __assign({ ref: ref }, { disabled: disabled }, { "aria-disabled": disabled, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
|
|
24
|
+
return (React.createElement("button", __assign({ "data-testid": testId, ref: ref }, { disabled: disabled }, { "aria-disabled": disabled, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
|
|
25
25
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
26
26
|
} }, others), children));
|
|
27
27
|
});
|
|
28
28
|
Chips.displayName = ComponentName.Chips;
|
|
29
29
|
export default Chips;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFBQyxFQUF5RSxFQUFFLEdBQUc7SUFBNUUsSUFBQSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXZFLDBFQUF5RSxDQUFGO0lBQzlELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFbkYsT0FBTyxDQUNMLHdEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsSUFDSixFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUscUJBQ1gsUUFBUSxFQUN2QixFQUFFLEVBQUUsRUFBRSxrQkFDUSxDQUFDLENBQUMsTUFBTSxFQUN0QixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2QsQ0FBQyxJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -15,11 +15,11 @@ import * as React from 'react';
|
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
17
|
var ChipsList = React.forwardRef(function (_a, ref) {
|
|
18
|
-
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy"]);
|
|
18
|
+
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy", "testId"]);
|
|
19
19
|
var styled = useTrilogyContext().styled;
|
|
20
20
|
var classes = hashClass(styled, clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable'), className));
|
|
21
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, className: classes }, others), children));
|
|
21
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, className: classes, "data-testid": testId }, others), children));
|
|
22
22
|
});
|
|
23
23
|
ChipsList.displayName = ComponentName.ChipsList;
|
|
24
24
|
export default ChipsList;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQTZGLEVBQUUsR0FBRztJQUFoRyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTNGLDhGQUE2RixDQUFGO0lBQ2xGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMxRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUMsT0FBTyxxQkFBa0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sR0FDOUgsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { ScrollView, type View } from 'react-native';
|
|
6
6
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
7
|
-
|
|
7
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
8
|
+
export interface ChipsListProps extends CommonProps, Dev {
|
|
8
9
|
children?: React.ReactNode | React.ReactElement;
|
|
9
10
|
multiple?: boolean;
|
|
10
11
|
scrollable?: boolean;
|
|
@@ -21,11 +21,11 @@ import React from 'react';
|
|
|
21
21
|
* @param mobile {boolean} Responsive mode
|
|
22
22
|
*/
|
|
23
23
|
var Columns = React.forwardRef(function (_a, ref) {
|
|
24
|
-
var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, fullheight = _a.fullheight, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign", "fullheight"]);
|
|
24
|
+
var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign", "fullheight", "testId"]);
|
|
25
25
|
var styled = useTrilogyContext().styled;
|
|
26
26
|
var classes = hashClass(styled, clsx('columns', multiline && is('multiline'), fullBleed && is('fullbleed'), scrollable && is('scrollable'), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), mobile && is('mobile'), align && is(getJustifiedClassName(align)), verticalAlign && is(getAlignClassName(verticalAlign)), marginless && is("marginless"), fullheight && is('fullheight'), className));
|
|
27
|
-
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
27
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
28
28
|
});
|
|
29
29
|
Columns.displayName = ComponentName.Columns;
|
|
30
30
|
export default Columns;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDcEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQ0UsRUFBaUksRUFDakksR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBL0gsNElBQWlJLENBQUY7SUFHdkgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { GapSize } from '../../components/columns/ColumnsTypes';
|
|
3
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
3
4
|
import { AlignableProps } from '../../objects/facets/Alignable';
|
|
4
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
6
|
import { View } from 'react-native';
|
|
6
7
|
/**
|
|
7
8
|
* Columns Interface
|
|
8
9
|
*/
|
|
9
|
-
export interface ColumnsProps extends AlignableProps, CommonProps {
|
|
10
|
+
export interface ColumnsProps extends AlignableProps, CommonProps, Dev {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
multiline?: boolean;
|
|
12
13
|
scrollable?: boolean;
|
|
@@ -31,11 +31,11 @@ import React from 'react';
|
|
|
31
31
|
* @param align { Alignable | AlignableValues} align content
|
|
32
32
|
*/
|
|
33
33
|
var Column = React.forwardRef(function (_a, ref) {
|
|
34
|
-
var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
|
|
34
|
+
var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, testId = _a.testId, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign", "testId"]);
|
|
35
35
|
var styled = useTrilogyContext().styled;
|
|
36
36
|
var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
|
|
37
|
-
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
37
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
38
38
|
});
|
|
39
39
|
Column.displayName = ComponentName.Column;
|
|
40
40
|
export default Column;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBcUJDLEVBQ0QsR0FBRztJQXJCRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNaLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGdCQUFnQixzQkFBQSxFQUNoQixZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBLEVBQ04sYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FwQlgsc1FBcUJDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN2RixDQUFDLENBQ0YsQ0FBQTtBQUNELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
|
|
3
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
3
4
|
import { AlignableProps } from '../../../objects/facets/Alignable';
|
|
4
5
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
6
|
import { View } from 'react-native';
|
|
6
7
|
/**
|
|
7
8
|
* Columns Item Interface
|
|
8
9
|
*/
|
|
9
|
-
export interface ColumnProps extends AlignableProps, CommonProps {
|
|
10
|
+
export interface ColumnProps extends AlignableProps, CommonProps, Dev {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
12
|
size?: ColumnsSize;
|
|
12
13
|
mobileSize?: ColumnsSize;
|
|
@@ -14,11 +14,11 @@ import { is } from '../../services/classify';
|
|
|
14
14
|
* @param id {string} Set id attribute
|
|
15
15
|
*/
|
|
16
16
|
var Container = React.forwardRef(function (_a, ref) {
|
|
17
|
-
var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
|
|
17
|
+
var className = _a.className, id = _a.id, medium = _a.medium, testId = _a.testId, others = __rest(_a, ["className", "id", "medium", "testId"]);
|
|
18
18
|
var styled = useTrilogyContext().styled;
|
|
19
19
|
var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
|
|
20
|
-
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
20
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
|
|
21
21
|
});
|
|
22
22
|
Container.displayName = ComponentName.Container;
|
|
23
23
|
export default Container;
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNEMsRUFBRSxHQUFHO0lBQS9DLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExQyx1Q0FBNEMsQ0FBRjtJQUNqQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQXNDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDMUgsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
2
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
4
|
import { View } from 'react-native';
|
|
4
|
-
export interface ContainerProps extends CommonProps {
|
|
5
|
+
export interface ContainerProps extends CommonProps, Dev {
|
|
5
6
|
children?: React.ReactNode;
|
|
6
7
|
medium?: boolean;
|
|
7
8
|
}
|
|
@@ -27,7 +27,7 @@ var calculateTimer = function (timeDifference) {
|
|
|
27
27
|
* @param centered
|
|
28
28
|
*/
|
|
29
29
|
var Countdown = React.forwardRef(function (_a, ref) {
|
|
30
|
-
var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted"]);
|
|
30
|
+
var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, testId = _a.testId, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted", "testId"]);
|
|
31
31
|
var styled = useTrilogyContext().styled;
|
|
32
32
|
var _b = __read(useState(deadline), 1), timeLeft = _b[0];
|
|
33
33
|
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
@@ -111,7 +111,7 @@ var Countdown = React.forwardRef(function (_a, ref) {
|
|
|
111
111
|
setInit(false);
|
|
112
112
|
}
|
|
113
113
|
}, [timer, event, init]);
|
|
114
|
-
return (React.createElement("ul", __assign({ ref: ref, id: id, className: classes }, others),
|
|
114
|
+
return (React.createElement("ul", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others),
|
|
115
115
|
(show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
|
|
116
116
|
React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.days ? timer.days : 0),
|
|
117
117
|
"j")),
|
|
@@ -127,4 +127,4 @@ var Countdown = React.forwardRef(function (_a, ref) {
|
|
|
127
127
|
});
|
|
128
128
|
Countdown.displayName = ComponentName.Countdown;
|
|
129
129
|
export default Countdown;
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
130
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxFQUFF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
|
|
@@ -2,10 +2,11 @@ import { type View } from 'react-native';
|
|
|
2
2
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
4
|
import { CountdownFormat } from './CountdownEnum';
|
|
5
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
5
6
|
/**
|
|
6
7
|
* Countdown Interface
|
|
7
8
|
*/
|
|
8
|
-
export interface CountdownProps extends CommonProps {
|
|
9
|
+
export interface CountdownProps extends CommonProps, Dev {
|
|
9
10
|
deadline: Date;
|
|
10
11
|
format?: CountdownFormat;
|
|
11
12
|
event?: ClickEvent;
|
|
@@ -18,15 +18,15 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
18
18
|
* @param others
|
|
19
19
|
*/
|
|
20
20
|
var Divider = React.forwardRef(function (_a, ref) {
|
|
21
|
-
var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
|
|
21
|
+
var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, testId = _a.testId, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted", "testId"]);
|
|
22
22
|
var styled = useTrilogyContext().styled;
|
|
23
23
|
var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && has('icon')));
|
|
24
24
|
var contentClasses = hashClass(styled, clsx('divider-content'));
|
|
25
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": 'separator', className: classes }, others),
|
|
25
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": testId || 'separator', className: classes }, others),
|
|
26
26
|
React.createElement("p", { className: contentClasses },
|
|
27
27
|
iconName && !content && React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }),
|
|
28
28
|
content && content)));
|
|
29
29
|
});
|
|
30
30
|
Divider.displayName = ComponentName.Divider;
|
|
31
31
|
export default Divider;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFVM0QsRUFBRSxHQUFHO0lBVEosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVRpRCx5RkFVM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQ3hCLENBQ0YsQ0FBQTtJQUNELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUVqRSxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLElBQUksV0FBVyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN2RiwyQkFBRyxTQUFTLEVBQUUsY0FBYztZQUN6QixRQUFRLElBQUksQ0FBQyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDdkUsT0FBTyxJQUFJLE9BQU8sQ0FDakIsQ0FDQSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Marginless } from '../../objects';
|
|
1
|
+
import { Dev, Marginless } from '../../objects';
|
|
2
2
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
/**
|
|
6
6
|
* Divider Interface
|
|
7
7
|
*/
|
|
8
|
-
export interface DividerProps extends Marginless, CommonProps {
|
|
8
|
+
export interface DividerProps extends Marginless, CommonProps, Dev {
|
|
9
9
|
content?: string;
|
|
10
10
|
unboxed?: boolean;
|
|
11
11
|
iconName?: IconNameValues | IconName;
|