@trilogy-ds/react 4.1.2-beta-1 → 4.1.2-beta-3
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/item/AccordionItem.js +15 -2
- package/lib/components/alert/Alert.d.ts +2 -0
- package/lib/components/alert/Alert.js +28 -25
- package/lib/components/alert/AlertEnum.d.ts +9 -0
- package/lib/components/alert/AlertEnum.js +10 -0
- package/lib/components/alert/AlertProps.d.ts +3 -0
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/alert/AlertPropsDefaults.js +18 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +18 -0
- package/lib/components/autocomplete/Autocomplete.helpers.js +7 -4
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +6 -6
- package/lib/components/button/ButtonPropsDefaults.js +6 -6
- package/lib/components/card/image/CardImage.js +2 -2
- package/lib/components/checkbox/Checkbox.d.ts +1 -0
- package/lib/components/checkbox/Checkbox.js +4 -3
- package/lib/components/checkbox/CheckboxCommonPropsDefaults.js +8 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -0
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +8 -0
- package/lib/components/checkbox/CheckboxWithLabelDefaults.js +8 -0
- package/lib/components/checkbox/list/CheckboxList.d.ts +14 -0
- package/lib/components/checkbox/list/CheckboxList.js +27 -0
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +9 -0
- package/lib/components/checkbox/list/CheckboxList.native.js +25 -0
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +26 -0
- package/lib/components/checkbox/list/CheckboxListProps.js +2 -0
- package/lib/components/checkbox/list/CheckboxListPropsDefaults.js +10 -0
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +59 -0
- package/lib/components/checkbox/list/index.d.ts +2 -0
- package/lib/components/checkbox/list/index.js +3 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -3
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +1 -0
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +7 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +3 -3
- package/lib/components/enumsComponentsName.d.ts +1 -1
- package/lib/components/enumsComponentsName.js +2 -2
- package/lib/components/input/Input.js +2 -2
- package/lib/components/link/LinkDefaults.js +6 -6
- package/lib/components/link/LinkPropsDefaults.js +6 -6
- package/lib/components/link/LinkPropsNativeDefaults.js +6 -6
- package/lib/components/modal/Modal.js +33 -42
- package/lib/components/otp/Otp.js +6 -2
- package/lib/components/otp/OtpProps.d.ts +3 -0
- package/lib/components/otp/OtpPropsAccessibilityDefaults.js +104 -0
- package/lib/components/radio/Radio.d.ts +2 -1
- package/lib/components/radio/Radio.js +5 -4
- package/lib/components/radio/RadioProps.d.ts +1 -0
- package/lib/components/radio/RadioPropsDefaults.js +8 -0
- package/lib/components/radio/list/RadioList.d.ts +5 -4
- package/lib/components/radio/list/RadioList.js +9 -7
- package/lib/components/radio/list/RadioListProps.d.ts +1 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +7 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +2 -1
- package/lib/components/radio/tiles/RadioTiles.js +6 -4
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +1 -1
- package/lib/components/radio/tiles/RadioTiles.native.js +1 -1
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +7 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -0
- package/lib/components/radio/tiles/tile/RadioTile.js +4 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +8 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +6 -6
- package/lib/components/title/TitlePropsDefaults.js +3 -3
- package/lib/components/view/ViewPropsDefaults.js +1 -1
- package/lib/helpers/require.d.ts +2 -0
- package/lib/helpers/require.js +3 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -22,8 +22,21 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
22
22
|
ariaProps['tabIndex'] = -1;
|
|
23
23
|
ariaProps['aria-disabled'] = true;
|
|
24
24
|
}
|
|
25
|
-
return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) {
|
|
25
|
+
return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) {
|
|
26
|
+
if (disabled) {
|
|
27
|
+
e.preventDefault();
|
|
28
|
+
e.stopPropagation();
|
|
29
|
+
}
|
|
30
|
+
if (onClick && !disabled) {
|
|
31
|
+
onClick(e);
|
|
32
|
+
}
|
|
33
|
+
}, onKeyDown: function (e) {
|
|
34
|
+
if (disabled) {
|
|
35
|
+
e.preventDefault();
|
|
36
|
+
e.stopPropagation();
|
|
37
|
+
}
|
|
38
|
+
} }), children));
|
|
26
39
|
});
|
|
27
40
|
AccordionItem.displayName = ComponentName.AccordionItem;
|
|
28
41
|
export default AccordionItem;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQStFLEVBQUUsR0FBRztJQUFsRixJQUFBLElBQUksVUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE3RSw4REFBK0UsQ0FBRjtJQUNwRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sU0FBUyxHQUFxRCxFQUFFLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDMUIsU0FBUyxDQUFDLGVBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQTtLQUNsQztJQUVELE9BQU8sQ0FDTCwwQ0FDRSxJQUFJLEVBQUUsSUFBSSxJQUNOLFNBQVMsbUJBQ0EsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksUUFBUSxFQUFFO2dCQUNaLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtnQkFDbEIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO2FBQ3BCO1lBQ0QsSUFBSSxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ3hCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxFQUNELFNBQVMsRUFBRSxVQUFDLENBQUM7WUFDWCxJQUFJLFFBQVEsRUFBRTtnQkFDWixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7Z0JBQ2xCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTthQUNwQjtRQUNILENBQUMsS0FFQSxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -11,6 +11,8 @@ import { AlertProps, ToasterStatusProps } from './AlertProps';
|
|
|
11
11
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
12
12
|
* @param className {string} Additionnal CSS Classes
|
|
13
13
|
* @param testId {string} Test Id for Test Integration
|
|
14
|
+
* @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
15
|
+
|
|
14
16
|
*/
|
|
15
17
|
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
18
|
/**
|
|
@@ -15,27 +15,28 @@ import ToasterContext from './context';
|
|
|
15
15
|
/**
|
|
16
16
|
* Toaster Component
|
|
17
17
|
*
|
|
18
|
-
*
|
|
18
|
+
* This component displays a toast with various customization options.
|
|
19
19
|
*
|
|
20
|
-
* @param {Object} props -
|
|
21
|
-
* @param {React.ReactNode} [props.children] -
|
|
22
|
-
* @param {React.ReactNode} [props.toasterChildren] -
|
|
23
|
-
* @param {string} [props.className] -
|
|
24
|
-
* @param {IconName | IconNameValues} [props.iconName] -
|
|
25
|
-
* @param {string | React.ReactNode} [props.title] -
|
|
26
|
-
* @param {string | React.ReactNode} [props.description] - Description
|
|
27
|
-
* @param {ClickEvent} [props.closable] -
|
|
28
|
-
* @param {ToasterAlertPosition} [props.position] - Position
|
|
29
|
-
* @param {ToasterAlertFloat} [props.float] - Floating
|
|
30
|
-
* @param {number} [props.offset] - Offset
|
|
31
|
-
* @param {boolean} [props.display] -
|
|
32
|
-
* @param {string} [props.id] -
|
|
33
|
-
* @param {string} [props.testId] -
|
|
34
|
-
* @param {string} [props.status] -
|
|
35
|
-
* @param {
|
|
36
|
-
* @param {
|
|
20
|
+
* @param {Object} props - Component properties
|
|
21
|
+
* @param {React.ReactNode} [props.children] - Custom content of the toast
|
|
22
|
+
* @param {React.ReactNode} [props.toasterChildren] - Optional content of the toast
|
|
23
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
24
|
+
* @param {IconName | IconNameValues} [props.iconName] - Name of the icon to display
|
|
25
|
+
* @param {string | React.ReactNode} [props.title] - Title of the toast
|
|
26
|
+
* @param {string | React.ReactNode} [props.description] - Description of the toast
|
|
27
|
+
* @param {ClickEvent} [props.closable] - Function for closing the toast
|
|
28
|
+
* @param {ToasterAlertPosition} [props.position] - Position of the toast
|
|
29
|
+
* @param {ToasterAlertFloat} [props.float] - Floating of the toast
|
|
30
|
+
* @param {number} [props.offset] - Offset from the position
|
|
31
|
+
* @param {boolean} [props.display] - Indicates whether the toast should be displayed
|
|
32
|
+
* @param {string} [props.id] - Unique identifier for the toast
|
|
33
|
+
* @param {string} [props.testId] - Test identifier for test integration
|
|
34
|
+
* @param {string} [props.status] - Current status of the toast (INFO | SUCCESS | WARNING | ERROR)
|
|
35
|
+
* @param {string} [props.markup] - Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
36
|
+
* @param {ClickEvent} [props.onClick] - Function called when clicking on the toast
|
|
37
|
+
* @param {Object} [props.others] - Other additional properties
|
|
37
38
|
*
|
|
38
|
-
* @returns {JSX.Element | null}
|
|
39
|
+
* @returns {JSX.Element | null} The toast component to display
|
|
39
40
|
*
|
|
40
41
|
* @example
|
|
41
42
|
* <ToasterAlert
|
|
@@ -47,7 +48,7 @@ import ToasterContext from './context';
|
|
|
47
48
|
* />
|
|
48
49
|
*/
|
|
49
50
|
var ToasterAlert = function (_a) {
|
|
50
|
-
var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren"]);
|
|
51
|
+
var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, markup = _a.markup, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren", "markup"]);
|
|
51
52
|
var styled = useTrilogyContext().styled;
|
|
52
53
|
var positionStyles = __assign(__assign({ position: 'fixed' }, (position === ToasterAlertPosition.BOTTOM ? { bottom: offset || 0 } : { top: offset || 0 })), (float === ToasterAlertFloat.RIGHT ? { right: offset || 0 } : { left: offset || 0 }));
|
|
53
54
|
var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !status && is('info'), className));
|
|
@@ -58,7 +59,7 @@ var ToasterAlert = function (_a) {
|
|
|
58
59
|
}, className: classes, "data-testid": testId }, others), children ? (children) : (React.createElement(React.Fragment, null,
|
|
59
60
|
iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
|
|
60
61
|
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
61
|
-
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
62
|
+
title && (React.createElement(Title, { markup: markup, level: TitleLevels.SIX }, title)),
|
|
62
63
|
description && React.createElement(Text, null, description),
|
|
63
64
|
toasterChildren && toasterChildren),
|
|
64
65
|
closable && (React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL })))))) : null;
|
|
@@ -74,9 +75,11 @@ var ToasterAlert = function (_a) {
|
|
|
74
75
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
75
76
|
* @param className {string} Additionnal CSS Classes
|
|
76
77
|
* @param testId {string} Test Id for Test Integration
|
|
78
|
+
* @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
79
|
+
|
|
77
80
|
*/
|
|
78
81
|
var Alert = React.forwardRef(function (_a, ref) {
|
|
79
|
-
var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display"]);
|
|
82
|
+
var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, markup = _a.markup, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display", "markup"]);
|
|
80
83
|
var styled = useTrilogyContext().styled;
|
|
81
84
|
var classes = hashClass(styled, clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
|
|
82
85
|
var iconAlert = React.useMemo(function () {
|
|
@@ -96,7 +99,7 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
96
99
|
}, className: classes }, others),
|
|
97
100
|
React.createElement(Icon, { name: iconAlert }),
|
|
98
101
|
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
99
|
-
title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.SIX }, title) : title,
|
|
102
|
+
title && typeof title.valueOf() === 'string' ? (React.createElement(Title, { markup: markup, level: TitleLevels.SIX }, title)) : (title),
|
|
100
103
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO }, description)) : (description))));
|
|
101
104
|
}
|
|
102
105
|
return React.createElement("div", null);
|
|
@@ -134,8 +137,8 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
134
137
|
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
135
138
|
return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
|
|
136
139
|
children,
|
|
137
|
-
toasterState && (React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display }))));
|
|
140
|
+
toasterState && (React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display, markup: toasterState.markup }))));
|
|
138
141
|
};
|
|
139
142
|
Alert.displayName = ComponentName.Alert;
|
|
140
143
|
export default Alert;
|
|
141
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9FLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ2hILE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUV0Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFrQkQ7SUFqQm5CLElBQUEsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FB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
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export var AlertMarkup;
|
|
2
|
+
(function (AlertMarkup) {
|
|
3
|
+
AlertMarkup["P"] = "p";
|
|
4
|
+
AlertMarkup["H2"] = "h2";
|
|
5
|
+
AlertMarkup["H3"] = "h3";
|
|
6
|
+
AlertMarkup["H4"] = "h4";
|
|
7
|
+
AlertMarkup["H5"] = "h5";
|
|
8
|
+
AlertMarkup["H6"] = "h6";
|
|
9
|
+
})(AlertMarkup || (AlertMarkup = {}));
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksV0FPWDtBQVBELFdBQVksV0FBVztJQUNyQixzQkFBTyxDQUFBO0lBQ1Asd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7QUFDWCxDQUFDLEVBUFcsV0FBVyxLQUFYLFdBQVcsUUFPdEIifQ==
|
|
@@ -7,6 +7,7 @@ import { Clickable } from '../../objects/facets/Clickable';
|
|
|
7
7
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
8
8
|
import { Dev } from '../../objects/facets/Dev';
|
|
9
9
|
import { StatusProps } from '../../objects/facets/Status';
|
|
10
|
+
import { AlertMarkup, AlertMarkupValues } from './AlertEnum';
|
|
10
11
|
export declare enum ToasterAlertPosition {
|
|
11
12
|
TOP = "top",
|
|
12
13
|
BOTTOM = "bottom"
|
|
@@ -31,6 +32,7 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
|
|
|
31
32
|
display?: boolean;
|
|
32
33
|
onShow?: () => void;
|
|
33
34
|
onHide?: () => void;
|
|
35
|
+
markup?: AlertMarkup | AlertMarkupValues;
|
|
34
36
|
}
|
|
35
37
|
/**
|
|
36
38
|
* Alert Interface
|
|
@@ -42,6 +44,7 @@ export interface AlertProps extends StatusProps, Clickable, Accessibility, Dev,
|
|
|
42
44
|
display?: boolean;
|
|
43
45
|
toaster?: boolean;
|
|
44
46
|
banner?: boolean;
|
|
47
|
+
markup?: AlertMarkup | AlertMarkupValues;
|
|
45
48
|
}
|
|
46
49
|
export type AlertRef = HTMLDivElement;
|
|
47
50
|
export type AlertNativeRef = View;
|
|
@@ -8,4 +8,4 @@ export var ToasterAlertFloat;
|
|
|
8
8
|
ToasterAlertFloat["RIGHT"] = "right";
|
|
9
9
|
ToasterAlertFloat["LEFT"] = "left";
|
|
10
10
|
})(ToasterAlertFloat || (ToasterAlertFloat = {}));
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvQWxlcnRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLG1DQUFXLENBQUE7SUFDWCx5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQjtBQUNELE1BQU0sQ0FBTixJQUFZLGlCQUdYO0FBSEQsV0FBWSxpQkFBaUI7SUFDM0Isb0NBQWUsQ0FBQTtJQUNmLGtDQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsaUJBQWlCLEtBQWpCLGlCQUFpQixRQUc1QiJ9
|
|
@@ -103,6 +103,24 @@ export default {
|
|
|
103
103
|
"true"
|
|
104
104
|
]
|
|
105
105
|
},
|
|
106
|
+
"markup": {
|
|
107
|
+
"type": "enum",
|
|
108
|
+
"values": [
|
|
109
|
+
"undefined",
|
|
110
|
+
"p",
|
|
111
|
+
"h2",
|
|
112
|
+
"h3",
|
|
113
|
+
"h4",
|
|
114
|
+
"h5",
|
|
115
|
+
"h6",
|
|
116
|
+
"p",
|
|
117
|
+
"h2",
|
|
118
|
+
"h3",
|
|
119
|
+
"h4",
|
|
120
|
+
"h5",
|
|
121
|
+
"h6"
|
|
122
|
+
]
|
|
123
|
+
},
|
|
106
124
|
"status": {
|
|
107
125
|
"type": "enum",
|
|
108
126
|
"values": [
|
|
@@ -182,6 +182,24 @@ export default {
|
|
|
182
182
|
"() => void"
|
|
183
183
|
]
|
|
184
184
|
},
|
|
185
|
+
"markup": {
|
|
186
|
+
"type": "enum",
|
|
187
|
+
"values": [
|
|
188
|
+
"undefined",
|
|
189
|
+
"p",
|
|
190
|
+
"h2",
|
|
191
|
+
"h3",
|
|
192
|
+
"h4",
|
|
193
|
+
"h5",
|
|
194
|
+
"h6",
|
|
195
|
+
"p",
|
|
196
|
+
"h2",
|
|
197
|
+
"h3",
|
|
198
|
+
"h4",
|
|
199
|
+
"h5",
|
|
200
|
+
"h6"
|
|
201
|
+
]
|
|
202
|
+
},
|
|
185
203
|
"status": {
|
|
186
204
|
"type": "enum",
|
|
187
205
|
"values": [
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
export var getLabel = function (data) { return (typeof data === 'string' ? data : data['label']); };
|
|
2
2
|
var escapeRegExp = function (str) {
|
|
3
|
-
return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
3
|
+
return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
4
4
|
};
|
|
5
5
|
export var defaultMatching = function (data, value) {
|
|
6
6
|
var escapedValue = escapeRegExp(value);
|
|
7
|
-
var
|
|
8
|
-
return data.filter(function (item) {
|
|
7
|
+
var searchWords = escapedValue.split(/\s+/).filter(function (word) { return word.length > 0; });
|
|
8
|
+
return data.filter(function (item) {
|
|
9
|
+
var itemLabel = getLabel(item).toLowerCase();
|
|
10
|
+
return searchWords.every(function (word) { return itemLabel.includes(word.toLowerCase()); });
|
|
11
|
+
});
|
|
9
12
|
};
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b2NvbXBsZXRlLmhlbHBlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxJQUE0QixJQUFLLE9BQUEsQ0FBQyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQWpELENBQWlELENBQUM7QUFFNUcsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUFXO0lBQy9CLE9BQU8sR0FBRyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxNQUFNLENBQUMsQ0FBQztBQUNwRCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBbUMsSUFBUyxFQUFFLEtBQWE7SUFDeEYsSUFBTSxZQUFZLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLElBQU0sV0FBVyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQWYsQ0FBZSxDQUFDLENBQUM7SUFFOUUsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQUEsSUFBSTtRQUNyQixJQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDL0MsT0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBdEMsQ0FBc0MsQ0FBQyxDQUFDO0lBQzNFLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=
|
|
@@ -12,6 +12,12 @@ export default {
|
|
|
12
12
|
"undefined",
|
|
13
13
|
"symbol",
|
|
14
14
|
"object",
|
|
15
|
+
"p",
|
|
16
|
+
"h2",
|
|
17
|
+
"h3",
|
|
18
|
+
"h4",
|
|
19
|
+
"h5",
|
|
20
|
+
"h6",
|
|
15
21
|
"text",
|
|
16
22
|
"search",
|
|
17
23
|
"button",
|
|
@@ -57,11 +63,6 @@ export default {
|
|
|
57
63
|
"footer",
|
|
58
64
|
"form",
|
|
59
65
|
"h1",
|
|
60
|
-
"h2",
|
|
61
|
-
"h3",
|
|
62
|
-
"h4",
|
|
63
|
-
"h5",
|
|
64
|
-
"h6",
|
|
65
66
|
"head",
|
|
66
67
|
"header",
|
|
67
68
|
"hgroup",
|
|
@@ -92,7 +93,6 @@ export default {
|
|
|
92
93
|
"optgroup",
|
|
93
94
|
"option",
|
|
94
95
|
"output",
|
|
95
|
-
"p",
|
|
96
96
|
"param",
|
|
97
97
|
"picture",
|
|
98
98
|
"pre",
|
|
@@ -68,6 +68,12 @@ export default {
|
|
|
68
68
|
"undefined",
|
|
69
69
|
"symbol",
|
|
70
70
|
"object",
|
|
71
|
+
"p",
|
|
72
|
+
"h2",
|
|
73
|
+
"h3",
|
|
74
|
+
"h4",
|
|
75
|
+
"h5",
|
|
76
|
+
"h6",
|
|
71
77
|
"text",
|
|
72
78
|
"search",
|
|
73
79
|
"button",
|
|
@@ -113,11 +119,6 @@ export default {
|
|
|
113
119
|
"footer",
|
|
114
120
|
"form",
|
|
115
121
|
"h1",
|
|
116
|
-
"h2",
|
|
117
|
-
"h3",
|
|
118
|
-
"h4",
|
|
119
|
-
"h5",
|
|
120
|
-
"h6",
|
|
121
122
|
"head",
|
|
122
123
|
"header",
|
|
123
124
|
"hgroup",
|
|
@@ -148,7 +149,6 @@ export default {
|
|
|
148
149
|
"optgroup",
|
|
149
150
|
"option",
|
|
150
151
|
"output",
|
|
151
|
-
"p",
|
|
152
152
|
"param",
|
|
153
153
|
"picture",
|
|
154
154
|
"pre",
|
|
@@ -17,7 +17,7 @@ import * as React from 'react';
|
|
|
17
17
|
* @param className Additionnal CSS Classes
|
|
18
18
|
*/
|
|
19
19
|
var CardImage = React.forwardRef(function (_a, ref) {
|
|
20
|
-
var src = _a.src,
|
|
20
|
+
var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
|
|
21
21
|
var styled = useTrilogyContext().styled;
|
|
22
22
|
var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
|
|
23
23
|
return (React.createElement("div", { ref: ref, id: id, onClick: function (e) {
|
|
@@ -30,4 +30,4 @@ var CardImage = React.forwardRef(function (_a, ref) {
|
|
|
30
30
|
});
|
|
31
31
|
CardImage.displayName = ComponentName.CardImage;
|
|
32
32
|
export default CardImage;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBMEQsRUFBRSxHQUFHO0lBQTdELElBQUEsR0FBRyxTQUFBLEVBQUUsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUF4RCxvREFBMEQsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -13,6 +13,7 @@ import { CheckboxProps } from './CheckboxProps';
|
|
|
13
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
14
|
* @param value {string} Value for checkbox
|
|
15
15
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
16
|
+
* @param required {boolean} Required input checkboxes
|
|
16
17
|
*/
|
|
17
18
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export default Checkbox;
|
|
@@ -17,9 +17,10 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
17
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
18
|
* @param value {string} Value for checkbox
|
|
19
19
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
20
|
+
* @param required {boolean} Required input checkboxes
|
|
20
21
|
*/
|
|
21
22
|
var Checkbox = React.forwardRef(function (_a, ref) {
|
|
22
|
-
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, children = _a.children, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children"]);
|
|
23
|
+
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, children = _a.children, required = _a.required, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children", "required"]);
|
|
23
24
|
var styled = useTrilogyContext().styled;
|
|
24
25
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
25
26
|
useEffect(function () {
|
|
@@ -39,9 +40,9 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
39
40
|
: setChecked(target.checked);
|
|
40
41
|
};
|
|
41
42
|
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox', className)) },
|
|
42
|
-
React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
|
|
43
|
+
React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, required: required, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
|
|
43
44
|
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
|
|
44
45
|
});
|
|
45
46
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
46
47
|
export default Checkbox;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBMkgsRUFDM0gsR0FBRztJQURELElBQUEsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLElBQU0sY0FBYyxHQUFHLFVBQUMsQ0FBc0M7UUFDcEQsSUFBQSxNQUFNLEdBQUssQ0FBQyxPQUFOLENBQU07UUFDcEIsUUFBUTtZQUNOLENBQUMsQ0FBQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNyQixhQUFhLEVBQUUsTUFBTSxDQUFDLEtBQUs7Z0JBQzNCLFlBQVksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDekIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2FBQ2hDLENBQUM7WUFDSixDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxjQUFjLElBQ3BCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CheckboxListWebProps } from './CheckboxListProps';
|
|
3
|
+
/**
|
|
4
|
+
* Checkbox List Component
|
|
5
|
+
* @param children {ReactNode} CheckboxList children
|
|
6
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
|
+
* @param className {string} Additionnal CSS Classes
|
|
8
|
+
* @param align {boolean} align Checkboxes
|
|
9
|
+
* @param verticalDesktop {boolean} Vertical Checkboxes
|
|
10
|
+
* @param horizontalMobile {boolean} Expect mobile screen
|
|
11
|
+
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
12
|
+
*/
|
|
13
|
+
declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListWebProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export default CheckboxList;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers';
|
|
5
|
+
import { getJustifiedClassName } from '../../../objects';
|
|
6
|
+
import { is } from '../../../services';
|
|
7
|
+
import { isRequiredChild } from '../../../helpers/require';
|
|
8
|
+
import clsx from 'clsx';
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
/**
|
|
11
|
+
* Checkbox List Component
|
|
12
|
+
* @param children {ReactNode} CheckboxList children
|
|
13
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
+
* @param className {string} Additionnal CSS Classes
|
|
15
|
+
* @param align {boolean} align Checkboxes
|
|
16
|
+
* @param verticalDesktop {boolean} Vertical Checkboxes
|
|
17
|
+
* @param horizontalMobile {boolean} Expect mobile screen
|
|
18
|
+
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
19
|
+
*/
|
|
20
|
+
var CheckboxList = React.forwardRef(function (_a, ref) {
|
|
21
|
+
var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children"]);
|
|
22
|
+
var styled = useTrilogyContext().styled;
|
|
23
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, role: "group", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkboxes', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children));
|
|
24
|
+
});
|
|
25
|
+
CheckboxList.displayName = ComponentName.CheckboxList;
|
|
26
|
+
export default CheckboxList;
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9saXN0L0NoZWNrYm94TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQUMsRUFBeUcsRUFBRSxHQUFHO0lBQTVHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdkcsMEdBQXlHLENBQUY7SUFDOUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsT0FBTyxxQkFDSyx1QkFBdUIsbUJBQ3pCLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzdELFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUMzQyxlQUFlLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQzFDLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CheckboxListProps } from './CheckboxListProps';
|
|
3
|
+
/**
|
|
4
|
+
* CheckboxList Native Component
|
|
5
|
+
* @param children {ReactNode} CheckboxList children
|
|
6
|
+
* @param autolayout {boolean} Apply auto-layout rules
|
|
7
|
+
*/
|
|
8
|
+
declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListProps & React.RefAttributes<import("react-native/types").View>>;
|
|
9
|
+
export default CheckboxList;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { AutoLayoutWrapper } from '../../../components/autolayout';
|
|
3
|
+
import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
|
|
4
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
|
+
import { SpacerSize } from '../../../components/spacer';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
8
|
+
var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
9
|
+
var SPACING_MATRIX = [
|
|
10
|
+
[INSERT_SPACE_BETWEEN, 'Checkbox', 'Divider', TWO],
|
|
11
|
+
[INSERT_SPACE_BETWEEN, 'Divider', 'Checkbox', TWO],
|
|
12
|
+
[INSERT_SPACE_BETWEEN, 'Checkbox', 'Checkbox', THREE],
|
|
13
|
+
];
|
|
14
|
+
/**
|
|
15
|
+
* CheckboxList Native Component
|
|
16
|
+
* @param children {ReactNode} CheckboxList children
|
|
17
|
+
* @param autolayout {boolean} Apply auto-layout rules
|
|
18
|
+
*/
|
|
19
|
+
var CheckboxList = React.forwardRef(function (_a, ref) {
|
|
20
|
+
var children = _a.children;
|
|
21
|
+
return React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX, children: children }));
|
|
22
|
+
});
|
|
23
|
+
CheckboxList.displayName = ComponentName.CheckboxList;
|
|
24
|
+
export default CheckboxList;
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvbGlzdC9DaGVja2JveExpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHdEIsSUFBQSxLQUFLLEdBQVUsVUFBVSxNQUFwQixFQUFFLEdBQUcsR0FBSyxVQUFVLElBQWYsQ0FBZTtBQUN6QixJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFbEQsSUFBTSxjQUFjLEdBQWtCO0lBQ3BDLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsS0FBSyxDQUFDO0NBQ3RELENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUN6RixPQUFPLG9CQUFDLGlCQUFpQixlQUFLLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDNUUsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFFckQsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
4
|
+
import type { CheckboxProps } from '../../../components/checkbox/CheckboxProps';
|
|
5
|
+
import { Alignable, AlignableValues } from '../../../objects';
|
|
6
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
7
|
+
type CheckboxListChildrenTypes = React.ReactElement<CheckboxProps | DividerProps> | undefined;
|
|
8
|
+
/**
|
|
9
|
+
* Checkbox List Interface
|
|
10
|
+
*/
|
|
11
|
+
export interface CheckboxListProps {
|
|
12
|
+
children?: CheckboxListChildrenTypes | CheckboxListChildrenTypes[];
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Checkbox List Web Interface
|
|
16
|
+
*/
|
|
17
|
+
export interface CheckboxListWebProps extends CheckboxListProps, CommonProps {
|
|
18
|
+
align?: Alignable | AlignableValues;
|
|
19
|
+
className?: string;
|
|
20
|
+
horizontalMobile?: boolean;
|
|
21
|
+
verticalDesktop?: boolean;
|
|
22
|
+
accessibilityLabelledBy?: string;
|
|
23
|
+
}
|
|
24
|
+
export type CheckboxListRef = HTMLDivElement;
|
|
25
|
+
export type CheckboxListNativeRef = View;
|
|
26
|
+
export {};
|