@trilogy-ds/react 4.1.1 → 4.1.2-beta-2
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 +30 -27
- package/lib/components/alert/Alert.native.js +5 -4
- 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/box/Box.native.js +3 -3
- package/lib/components/box/content/BoxContent.native.js +2 -2
- 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/Otp.traductions.json +3 -0
- package/lib/components/popover/Popover.js +6 -6
- 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 +7 -6
- package/lib/components/radio/list/RadioList.js +17 -13
- package/lib/components/radio/list/RadioList.native.d.ts +2 -6
- package/lib/components/radio/list/RadioList.native.js +6 -5
- package/lib/components/radio/list/RadioListProps.d.ts +5 -1
- 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/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/select/PropsDefaults.js +147 -0
- package/lib/components/select/Select.native.d.ts +2 -2
- package/lib/components/select/Select.native.js +5 -5
- package/lib/components/select/SelectChangeEventDefaults.js +4 -0
- package/lib/components/select/SelectChangeEventNativeDefaults.js +37 -0
- package/lib/components/select/SelectEnum.d.ts +5 -0
- package/lib/components/select/SelectEnum.js +6 -0
- package/lib/components/select/SelectNativePropsDefaults.js +182 -0
- package/lib/components/select/SelectProps.d.ts +20 -8
- package/lib/components/select/SelectPropsDefaults.js +35 -24
- package/lib/components/select/web/SelectDynamic.js +5 -4
- package/lib/components/select/web/SelectNative.js +6 -5
- 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 +2 -2
- package/package.json +1 -1
|
@@ -21,12 +21,13 @@ import React from 'react';
|
|
|
21
21
|
* @param horizontal Horizontal radio
|
|
22
22
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
23
23
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
24
|
+
* @param required {boolean} Required radio
|
|
24
25
|
*/
|
|
25
26
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
26
|
-
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, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
|
|
27
|
+
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, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required"]);
|
|
27
28
|
var styled = useTrilogyContext().styled;
|
|
28
29
|
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)) },
|
|
29
|
-
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, onChange: function (e) {
|
|
30
|
+
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
|
|
30
31
|
if (onChange && !disabled && !readonly) {
|
|
31
32
|
onChange({
|
|
32
33
|
radioId: e.target.id,
|
|
@@ -46,4 +47,4 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
46
47
|
});
|
|
47
48
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
48
49
|
export default RadioTile;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQixVQUFDLEVBZWpFLEVBQUUsR0FBRztJQWRKLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHVELDZJQWVqRSxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3hHLHdDQUNFLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDdEMsUUFBUSxDQUFDO3dCQUNQLE9BQU8sRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQ3BCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7d0JBQzFCLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7d0JBQ3hCLFlBQVksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87cUJBQy9CLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsSUFDRyxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNsRSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDbkQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdEUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQzlGLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVE7Z0JBQ3RFLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUNsRyxDQUNKLENBQ0ssQ0FDSixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import { useTrilogyContext } from '../../../context';
|
|
3
3
|
import { hashClass } from '../../../helpers';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import {
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
6
6
|
/**
|
|
7
7
|
* SegmentControl Item Component
|
|
8
8
|
* @param active {boolean} active segmentedControl item
|
|
@@ -20,7 +20,7 @@ var SegmentControlItem = React.forwardRef(function (_a, ref) {
|
|
|
20
20
|
useEffect(function () {
|
|
21
21
|
setActiveItem(active || false);
|
|
22
22
|
}, [active]);
|
|
23
|
-
return (React.createElement("button", { ref: ref, id: id, disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
|
|
23
|
+
return (React.createElement("button", { type: 'button', ref: ref, id: id, disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
|
|
24
24
|
var target = e.target;
|
|
25
25
|
setActiveItem(active || false);
|
|
26
26
|
target.active = active;
|
|
@@ -30,4 +30,4 @@ var SegmentControlItem = React.forwardRef(function (_a, ref) {
|
|
|
30
30
|
} }, children));
|
|
31
31
|
});
|
|
32
32
|
export default SegmentControlItem;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9TZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBR2xEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDekMsVUFBQyxFQUFzRCxFQUFFLEdBQUc7UUFBekQsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBO0lBQzdDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0wsZ0NBQ0UsSUFBSSxFQUFDLFFBQVEsRUFDYixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFNBQVMsRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQ3BHLE9BQU8sRUFBRSxVQUFDLENBQW1CO1lBQzNCLElBQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUF5QixDQUFBO1lBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7WUFDOUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUE7WUFDdEIsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ1g7UUFDSCxDQUFDLElBRUEsUUFBUSxDQUNGLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxrQkFBa0IsQ0FBQSJ9
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"onFocus": {
|
|
3
|
+
"type": "function",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"ParamEventSelectFocus) => void"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"onBlur": {
|
|
10
|
+
"type": "function",
|
|
11
|
+
"values": [
|
|
12
|
+
"undefined",
|
|
13
|
+
"FocusEventHandler<HTMLSelectElement>",
|
|
14
|
+
"(event: unknown) => void"
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
"label": {
|
|
18
|
+
"type": "string",
|
|
19
|
+
"values": [
|
|
20
|
+
"undefined",
|
|
21
|
+
"string"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
"children": {
|
|
25
|
+
"type": "react",
|
|
26
|
+
"values": [
|
|
27
|
+
"undefined",
|
|
28
|
+
"null",
|
|
29
|
+
"string",
|
|
30
|
+
"number",
|
|
31
|
+
"false",
|
|
32
|
+
"true",
|
|
33
|
+
"JSXElementConstructor<any>>",
|
|
34
|
+
"ReactNode>",
|
|
35
|
+
"ReactPortal"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"disabled": {
|
|
39
|
+
"type": "boolean",
|
|
40
|
+
"values": [
|
|
41
|
+
"undefined",
|
|
42
|
+
"false",
|
|
43
|
+
"true"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"iconName": {
|
|
47
|
+
"type": "enum",
|
|
48
|
+
"values": [
|
|
49
|
+
"undefined",
|
|
50
|
+
"tri-alert",
|
|
51
|
+
"tri-arrow-down",
|
|
52
|
+
"tri-arrow-left",
|
|
53
|
+
"tri-arrow-right",
|
|
54
|
+
"tri-arrow-up",
|
|
55
|
+
"tri-bell",
|
|
56
|
+
"tri-check-circle",
|
|
57
|
+
"tri-check",
|
|
58
|
+
"tri-exclamation-circle",
|
|
59
|
+
"tri-eye-slash",
|
|
60
|
+
"tri-eye",
|
|
61
|
+
"tri-infos-circle",
|
|
62
|
+
"tri-search",
|
|
63
|
+
"tri-times",
|
|
64
|
+
"tri-trash",
|
|
65
|
+
"tri-picto-faciliti",
|
|
66
|
+
"tri-picto-handicapzero",
|
|
67
|
+
"tri-picto-la-fibre",
|
|
68
|
+
"tri-picto-payment-americanexpress",
|
|
69
|
+
"tri-picto-payment-cb",
|
|
70
|
+
"tri-picto-payment-mastercard",
|
|
71
|
+
"tri-picto-payment-paypal",
|
|
72
|
+
"tri-picto-payment-visa",
|
|
73
|
+
"tri-alert",
|
|
74
|
+
"tri-arrow-down",
|
|
75
|
+
"tri-arrow-left",
|
|
76
|
+
"tri-arrow-right",
|
|
77
|
+
"tri-arrow-up",
|
|
78
|
+
"tri-bell",
|
|
79
|
+
"tri-check-circle",
|
|
80
|
+
"tri-check",
|
|
81
|
+
"tri-exclamation-circle",
|
|
82
|
+
"tri-eye-slash",
|
|
83
|
+
"tri-eye",
|
|
84
|
+
"tri-infos-circle",
|
|
85
|
+
"tri-search",
|
|
86
|
+
"tri-times",
|
|
87
|
+
"tri-trash",
|
|
88
|
+
"tri-picto-faciliti",
|
|
89
|
+
"tri-picto-handicapzero",
|
|
90
|
+
"tri-picto-la-fibre",
|
|
91
|
+
"tri-picto-payment-americanexpress",
|
|
92
|
+
"tri-picto-payment-cb",
|
|
93
|
+
"tri-picto-payment-mastercard",
|
|
94
|
+
"tri-picto-payment-paypal",
|
|
95
|
+
"tri-picto-payment-visa"
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
"selected": {
|
|
99
|
+
"type": "string",
|
|
100
|
+
"values": [
|
|
101
|
+
"undefined",
|
|
102
|
+
"string",
|
|
103
|
+
"number",
|
|
104
|
+
"string[]"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"name": {
|
|
108
|
+
"type": "string",
|
|
109
|
+
"values": [
|
|
110
|
+
"undefined",
|
|
111
|
+
"string"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
"multiple": {
|
|
115
|
+
"type": "boolean",
|
|
116
|
+
"values": [
|
|
117
|
+
"undefined",
|
|
118
|
+
"false",
|
|
119
|
+
"true"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
"placeholder": {
|
|
123
|
+
"type": "string",
|
|
124
|
+
"values": [
|
|
125
|
+
"undefined",
|
|
126
|
+
"string"
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
"custom": {
|
|
130
|
+
"type": "boolean",
|
|
131
|
+
"values": [
|
|
132
|
+
"undefined",
|
|
133
|
+
"false",
|
|
134
|
+
"true"
|
|
135
|
+
]
|
|
136
|
+
},
|
|
137
|
+
"status": {
|
|
138
|
+
"type": "enum",
|
|
139
|
+
"values": [
|
|
140
|
+
"undefined",
|
|
141
|
+
"success",
|
|
142
|
+
"error",
|
|
143
|
+
"success",
|
|
144
|
+
"error"
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SelectNativeProps } from './SelectProps';
|
|
3
3
|
/**
|
|
4
4
|
* Select Component
|
|
5
5
|
* @param id {string} Select id
|
|
@@ -13,5 +13,5 @@ import { SelectProps } from './SelectProps';
|
|
|
13
13
|
* @param multiple {boolean} select multiple options
|
|
14
14
|
* @param nullable {boolean} Unselect Select Option Item
|
|
15
15
|
*/
|
|
16
|
-
declare const Select: React.ForwardRefExoticComponent<
|
|
16
|
+
declare const Select: React.ForwardRefExoticComponent<SelectNativeProps<import("./SelectProps").SelectChangeEventNative> & React.RefAttributes<import("react-native").TextInput>>;
|
|
17
17
|
export default Select;
|
|
@@ -19,7 +19,7 @@ import SelectOption from './option';
|
|
|
19
19
|
* @param nullable {boolean} Unselect Select Option Item
|
|
20
20
|
*/
|
|
21
21
|
var Select = React.forwardRef(function (_a, ref) {
|
|
22
|
-
var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple"]);
|
|
22
|
+
var children = _a.children, id = _a.id, selected = _a.selected, label = _a.label, iconName = _a.iconName, onChange = _a.onChange, disabled = _a.disabled, multiple = _a.multiple, onBlur = _a.onBlur, status = _a.status, others = __rest(_a, ["children", "id", "selected", "label", "iconName", "onChange", "disabled", "multiple", "onBlur", "status"]);
|
|
23
23
|
var _b = __read(useState(selected), 2), selectedValues = _b[0], setSelectedValues = _b[1];
|
|
24
24
|
var _c = __read(React.useState([]), 2), selectedNames = _c[0], setSelectedNames = _c[1];
|
|
25
25
|
var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
|
|
@@ -45,9 +45,9 @@ var Select = React.forwardRef(function (_a, ref) {
|
|
|
45
45
|
!disabled && setDisplay(function (prev) { return !prev; });
|
|
46
46
|
}, [disabled]);
|
|
47
47
|
var isChecked = useCallback(function (value) {
|
|
48
|
-
return
|
|
48
|
+
return multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
|
|
49
49
|
? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
|
|
50
|
-
: selectedValues === value
|
|
50
|
+
: selectedValues === value;
|
|
51
51
|
}, [multiple, selectedValues]);
|
|
52
52
|
var setNewSelectedValues = useCallback(function (_a) {
|
|
53
53
|
var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
|
|
@@ -125,10 +125,10 @@ var Select = React.forwardRef(function (_a, ref) {
|
|
|
125
125
|
});
|
|
126
126
|
}, [multiple, selectedValues, children]);
|
|
127
127
|
return (React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, unClosable: true, trigger: React.createElement(TouchableOpacity, { onPress: handleOpenCloseModal },
|
|
128
|
-
React.createElement(Input, __assign({ ref: ref, onIconClick: handleOpenCloseModal, disabled: disabled, placeholder: label, iconNameLeft: iconName, iconNameRight: display ? 'tri-arrow-up' : 'tri-arrow-down', value: selectedNames.join(', '), defaultValue: selectedNames.join(', ') }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others))) },
|
|
128
|
+
React.createElement(Input, __assign({ status: status, ref: ref, onBlur: onBlur, onIconClick: handleOpenCloseModal, disabled: disabled, placeholder: label, iconNameLeft: iconName, iconNameRight: display ? 'tri-arrow-up' : 'tri-arrow-down', value: selectedNames.join(', '), defaultValue: selectedNames.join(', ') }, { editable: false, onPressIn: handleOpenCloseModal, id: id }, others))) },
|
|
129
129
|
React.createElement(ModalBody, null,
|
|
130
130
|
React.createElement(View, { style: { paddingBottom: 20 } }, options))));
|
|
131
131
|
});
|
|
132
132
|
Select.displayName = ComponentName.Select;
|
|
133
133
|
export default Select;
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLE1BQU0saUNBQWlDLENBQUE7QUFDbkQsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxZQUFZLE1BQU0sVUFBVSxDQUFBO0FBRW5DOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBb0csRUFDcEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsRywyR0FBb0csQ0FBRjtJQUc1RixJQUFBLEtBQUEsT0FBc0MsUUFBUSxDQUFnQixRQUFRLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBb0MsS0FBSyxDQUFDLFFBQVEsQ0FBVyxFQUFFLENBQUMsSUFBQSxFQUEvRCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBZ0MsQ0FBQTtJQUNoRSxJQUFBLEtBQUEsT0FBd0IsUUFBUSxD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
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"selectValue": {
|
|
3
|
+
"type": "string",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"string"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"selectName": {
|
|
10
|
+
"type": "string",
|
|
11
|
+
"values": [
|
|
12
|
+
"undefined",
|
|
13
|
+
"string"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"selectId": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"string"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"name": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"values": [
|
|
26
|
+
"undefined",
|
|
27
|
+
"string"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"selectedOptions": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"values": [
|
|
33
|
+
"undefined",
|
|
34
|
+
"string[]"
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var SelectStatus;
|
|
2
|
+
(function (SelectStatus) {
|
|
3
|
+
SelectStatus["SUCCESS"] = "success";
|
|
4
|
+
SelectStatus["ERROR"] = "error";
|
|
5
|
+
})(SelectStatus || (SelectStatus = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L1NlbGVjdEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksWUFHWDtBQUhELFdBQVksWUFBWTtJQUN0QixtQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxZQUFZLEtBQVosWUFBWSxRQUd2QiJ9
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"onChange": {
|
|
3
|
+
"type": "function",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"SelectNativeChangeEventHandler<T>"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"accessibilityLabel": {
|
|
10
|
+
"type": "string",
|
|
11
|
+
"values": [
|
|
12
|
+
"undefined",
|
|
13
|
+
"string"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"testId": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"string"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"id": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"values": [
|
|
26
|
+
"undefined",
|
|
27
|
+
"string"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"className": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"values": [
|
|
33
|
+
"undefined",
|
|
34
|
+
"string"
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
"onFocus": {
|
|
38
|
+
"type": "function",
|
|
39
|
+
"values": [
|
|
40
|
+
"undefined",
|
|
41
|
+
"ParamEventSelectFocus) => void"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
"onBlur": {
|
|
45
|
+
"type": "function",
|
|
46
|
+
"values": [
|
|
47
|
+
"undefined",
|
|
48
|
+
"FocusEventHandler<HTMLSelectElement>",
|
|
49
|
+
"(event: unknown) => void"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"label": {
|
|
53
|
+
"type": "string",
|
|
54
|
+
"values": [
|
|
55
|
+
"undefined",
|
|
56
|
+
"string"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
"children": {
|
|
60
|
+
"type": "react",
|
|
61
|
+
"values": [
|
|
62
|
+
"undefined",
|
|
63
|
+
"null",
|
|
64
|
+
"string",
|
|
65
|
+
"number",
|
|
66
|
+
"false",
|
|
67
|
+
"true",
|
|
68
|
+
"JSXElementConstructor<any>>",
|
|
69
|
+
"ReactNode>",
|
|
70
|
+
"ReactPortal"
|
|
71
|
+
]
|
|
72
|
+
},
|
|
73
|
+
"disabled": {
|
|
74
|
+
"type": "boolean",
|
|
75
|
+
"values": [
|
|
76
|
+
"undefined",
|
|
77
|
+
"false",
|
|
78
|
+
"true"
|
|
79
|
+
]
|
|
80
|
+
},
|
|
81
|
+
"iconName": {
|
|
82
|
+
"type": "enum",
|
|
83
|
+
"values": [
|
|
84
|
+
"undefined",
|
|
85
|
+
"tri-alert",
|
|
86
|
+
"tri-arrow-down",
|
|
87
|
+
"tri-arrow-left",
|
|
88
|
+
"tri-arrow-right",
|
|
89
|
+
"tri-arrow-up",
|
|
90
|
+
"tri-bell",
|
|
91
|
+
"tri-check-circle",
|
|
92
|
+
"tri-check",
|
|
93
|
+
"tri-exclamation-circle",
|
|
94
|
+
"tri-eye-slash",
|
|
95
|
+
"tri-eye",
|
|
96
|
+
"tri-infos-circle",
|
|
97
|
+
"tri-search",
|
|
98
|
+
"tri-times",
|
|
99
|
+
"tri-trash",
|
|
100
|
+
"tri-picto-faciliti",
|
|
101
|
+
"tri-picto-handicapzero",
|
|
102
|
+
"tri-picto-la-fibre",
|
|
103
|
+
"tri-picto-payment-americanexpress",
|
|
104
|
+
"tri-picto-payment-cb",
|
|
105
|
+
"tri-picto-payment-mastercard",
|
|
106
|
+
"tri-picto-payment-paypal",
|
|
107
|
+
"tri-picto-payment-visa",
|
|
108
|
+
"tri-alert",
|
|
109
|
+
"tri-arrow-down",
|
|
110
|
+
"tri-arrow-left",
|
|
111
|
+
"tri-arrow-right",
|
|
112
|
+
"tri-arrow-up",
|
|
113
|
+
"tri-bell",
|
|
114
|
+
"tri-check-circle",
|
|
115
|
+
"tri-check",
|
|
116
|
+
"tri-exclamation-circle",
|
|
117
|
+
"tri-eye-slash",
|
|
118
|
+
"tri-eye",
|
|
119
|
+
"tri-infos-circle",
|
|
120
|
+
"tri-search",
|
|
121
|
+
"tri-times",
|
|
122
|
+
"tri-trash",
|
|
123
|
+
"tri-picto-faciliti",
|
|
124
|
+
"tri-picto-handicapzero",
|
|
125
|
+
"tri-picto-la-fibre",
|
|
126
|
+
"tri-picto-payment-americanexpress",
|
|
127
|
+
"tri-picto-payment-cb",
|
|
128
|
+
"tri-picto-payment-mastercard",
|
|
129
|
+
"tri-picto-payment-paypal",
|
|
130
|
+
"tri-picto-payment-visa"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
"selected": {
|
|
134
|
+
"type": "string",
|
|
135
|
+
"values": [
|
|
136
|
+
"undefined",
|
|
137
|
+
"string",
|
|
138
|
+
"number",
|
|
139
|
+
"string[]"
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
"name": {
|
|
143
|
+
"type": "string",
|
|
144
|
+
"values": [
|
|
145
|
+
"undefined",
|
|
146
|
+
"string"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
"multiple": {
|
|
150
|
+
"type": "boolean",
|
|
151
|
+
"values": [
|
|
152
|
+
"undefined",
|
|
153
|
+
"false",
|
|
154
|
+
"true"
|
|
155
|
+
]
|
|
156
|
+
},
|
|
157
|
+
"placeholder": {
|
|
158
|
+
"type": "string",
|
|
159
|
+
"values": [
|
|
160
|
+
"undefined",
|
|
161
|
+
"string"
|
|
162
|
+
]
|
|
163
|
+
},
|
|
164
|
+
"custom": {
|
|
165
|
+
"type": "boolean",
|
|
166
|
+
"values": [
|
|
167
|
+
"undefined",
|
|
168
|
+
"false",
|
|
169
|
+
"true"
|
|
170
|
+
]
|
|
171
|
+
},
|
|
172
|
+
"status": {
|
|
173
|
+
"type": "enum",
|
|
174
|
+
"values": [
|
|
175
|
+
"undefined",
|
|
176
|
+
"success",
|
|
177
|
+
"error",
|
|
178
|
+
"success",
|
|
179
|
+
"error"
|
|
180
|
+
]
|
|
181
|
+
}
|
|
182
|
+
};
|
|
@@ -1,27 +1,33 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { TextInput } from 'react-native';
|
|
2
3
|
import { Accessibility, Dev } from '../../objects';
|
|
3
|
-
import { IconName, IconNameValues } from '../icon';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
|
-
import {
|
|
5
|
+
import { IconName, IconNameValues } from '../icon';
|
|
6
|
+
import { SelectStatus, SelectStatusValues } from './SelectEnum';
|
|
6
7
|
export interface ISelectOption {
|
|
7
8
|
value: string | undefined;
|
|
8
9
|
name: string | undefined;
|
|
9
10
|
id: string | undefined;
|
|
10
11
|
}
|
|
11
|
-
export interface
|
|
12
|
+
export interface SelectChangeEventNative {
|
|
12
13
|
selectValue?: string;
|
|
13
14
|
selectName?: string;
|
|
14
15
|
selectId?: string;
|
|
15
16
|
name?: string;
|
|
16
17
|
selectedOptions?: string[];
|
|
17
18
|
}
|
|
19
|
+
export interface SelectChangeEvent extends SelectChangeEventNative {
|
|
20
|
+
target: EventTarget & HTMLSelectElement;
|
|
21
|
+
}
|
|
18
22
|
export type SelectChangeEventHandler<T = SelectChangeEvent> = (event: T) => void;
|
|
23
|
+
export type SelectNativeChangeEventHandler<T = SelectChangeEventNative> = (event: T) => void;
|
|
19
24
|
export type SelectedValue = string | number | string[] | undefined;
|
|
20
25
|
export type ParamEventSelectFocus = React.FocusEvent | React.BaseSyntheticEvent;
|
|
21
|
-
export
|
|
22
|
-
|
|
26
|
+
export type SelectRef = HTMLSelectElement | HTMLInputElement;
|
|
27
|
+
export type SelectNativeRef = TextInput;
|
|
28
|
+
interface Props {
|
|
23
29
|
onFocus?: (event: ParamEventSelectFocus) => void;
|
|
24
|
-
onBlur?: (event: unknown) => void;
|
|
30
|
+
onBlur?: React.FocusEventHandler<HTMLSelectElement> | ((event: unknown) => void);
|
|
25
31
|
label?: string;
|
|
26
32
|
children?: React.ReactNode;
|
|
27
33
|
disabled?: boolean;
|
|
@@ -31,6 +37,12 @@ export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev,
|
|
|
31
37
|
multiple?: boolean;
|
|
32
38
|
placeholder?: string;
|
|
33
39
|
custom?: boolean;
|
|
40
|
+
status?: SelectStatus | SelectStatusValues;
|
|
34
41
|
}
|
|
35
|
-
export
|
|
36
|
-
|
|
42
|
+
export interface SelectProps<T = SelectChangeEvent> extends Accessibility, Dev, CommonProps, Props {
|
|
43
|
+
onChange?: SelectChangeEventHandler<T>;
|
|
44
|
+
}
|
|
45
|
+
export interface SelectNativeProps<T = SelectChangeEventNative> extends Accessibility, Dev, CommonProps, Props {
|
|
46
|
+
onChange?: SelectNativeChangeEventHandler<T>;
|
|
47
|
+
}
|
|
48
|
+
export {};
|