@trilogy-ds/react 4.15.2 → 4.15.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/checkbox/tiles/CheckboxTiles.d.ts +0 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -26
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +3 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +7 -34
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +2 -4
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +0 -19
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -26
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +6 -10
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +3 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +0 -14
- package/lib/components/radio/tiles/RadioTiles.d.ts +0 -1
- package/lib/components/radio/tiles/RadioTiles.js +5 -27
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +3 -3
- package/lib/components/radio/tiles/RadioTiles.native.js +7 -35
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +5 -4
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +0 -19
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -1
- package/lib/components/radio/tiles/tile/RadioTile.js +20 -23
- package/lib/components/radio/tiles/tile/RadioTile.native.js +5 -8
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +3 -10
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +3 -5
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +75 -8
- package/lib/components/stepper/Stepper.js +19 -44
- package/lib/components/stepper/Stepper.native.js +26 -20
- package/lib/components/stepper/step/Step.js +15 -8
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -2,34 +2,19 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { SpacerSize } from '../../../components/spacer';
|
|
4
4
|
import { Alignable } from '../../../objects/facets/Alignable';
|
|
5
|
-
import React
|
|
6
|
-
import {
|
|
7
|
-
import { RadioTilesContext } from './context';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
7
|
/**
|
|
9
8
|
* RadioTiles
|
|
10
9
|
* @param id {string}
|
|
11
10
|
* @param children {ReactNode}
|
|
12
11
|
* @param align { Alignable | AlignableValues} align content
|
|
13
12
|
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
14
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
15
13
|
*/
|
|
16
14
|
var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
17
|
-
var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign,
|
|
18
|
-
var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
|
|
19
|
-
var columnCount = useMemo(function () {
|
|
20
|
-
if (!numberCols || numberCols === 1)
|
|
21
|
-
return null;
|
|
22
|
-
if (typeof numberCols === 'number')
|
|
23
|
-
return numberCols;
|
|
24
|
-
if (numberCols.mobile === 1 || numberCols.tablet === 1)
|
|
25
|
-
return null;
|
|
26
|
-
return numberCols.mobile || numberCols.tablet;
|
|
27
|
-
}, [numberCols]);
|
|
15
|
+
var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "children", "align", "verticalAlign"]);
|
|
28
16
|
var styles = StyleSheet.create({
|
|
29
17
|
container: {
|
|
30
|
-
flexDirection: 'row',
|
|
31
|
-
flexWrap: 'wrap',
|
|
32
|
-
gap: SpacerSize.TWO,
|
|
33
18
|
alignItems: (verticalAlign === Alignable.ALIGNED_CENTER && 'center') ||
|
|
34
19
|
(verticalAlign === Alignable.ALIGNED_START && 'flex-start') ||
|
|
35
20
|
(verticalAlign === Alignable.ALIGNED_END && 'flex-end') ||
|
|
@@ -38,26 +23,13 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
38
23
|
(align === Alignable.ALIGNED_START && 'flex-start') ||
|
|
39
24
|
(align === Alignable.ALIGNED_END && 'flex-end') ||
|
|
40
25
|
undefined,
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
flexDirection: 'row',
|
|
27
|
+
flexWrap: 'wrap',
|
|
43
28
|
gap: SpacerSize.TWO,
|
|
44
|
-
marginBottom: SpacerSize.TWO,
|
|
45
29
|
},
|
|
46
30
|
});
|
|
47
|
-
|
|
48
|
-
var item = _a.item, index = _a.index;
|
|
49
|
-
if (!columnCount)
|
|
50
|
-
return React.createElement(View, { style: { flex: 1 } }, item);
|
|
51
|
-
var isLastItem = index === childArray.length - 1;
|
|
52
|
-
var isOddItem = childArray.length % columnCount !== 0 && isLastItem;
|
|
53
|
-
return (React.createElement(View, { style: {
|
|
54
|
-
flex: isOddItem ? 0 : 1,
|
|
55
|
-
width: isOddItem ? "".concat(100 / columnCount, "%") : undefined,
|
|
56
|
-
} }, item));
|
|
57
|
-
}, [childArray.length, columnCount]);
|
|
58
|
-
var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
|
|
59
|
-
return (React.createElement(RadioTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ ref: ref, id: id, style: [styles.container] }, others), children))));
|
|
31
|
+
return (React.createElement(View, __assign({ ref: ref, id: id, style: [styles.container] }, others), children));
|
|
60
32
|
});
|
|
61
33
|
RadioTiles.displayName = ComponentName.RadioTiles;
|
|
62
34
|
export default RadioTiles;
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7Ozs7R0FNRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFBaUQsRUFBRSxHQUFHO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBL0MsNENBQWlELENBQUY7SUFDeEgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxVQUFVLEVBQ1IsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLGNBQWMsSUFBSSxRQUFRLENBQUM7Z0JBQ3hELENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxhQUFhLElBQUksWUFBWSxDQUFDO2dCQUMzRCxDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDdkQsU0FBUztZQUNYLGNBQWMsRUFDWixDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsY0FBYyxJQUFJLFFBQVEsQ0FBQztnQkFDaEQsQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUM7Z0JBQ25ELENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDO2dCQUMvQyxTQUFTO1lBQ1gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU0sR0FDMUQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { FlatList, View } from 'react-native';
|
|
2
|
+
import { View } from 'react-native';
|
|
4
3
|
import { AlignableProps } from '../../../objects';
|
|
5
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
+
/**
|
|
6
|
+
* Columns Item Interface
|
|
7
|
+
*/
|
|
6
8
|
export interface RadioTilesProps extends AlignableProps, CommonProps {
|
|
7
9
|
children: React.ReactNode;
|
|
8
10
|
accessibilityLabelledBy?: string;
|
|
9
|
-
numberCols?: GridSize | GridItemSize;
|
|
10
11
|
}
|
|
11
12
|
export type RadioTilesRef = HTMLDivElement;
|
|
12
|
-
export type RadioTilesNativeRef = View
|
|
13
|
+
export type RadioTilesNativeRef = View;
|
|
@@ -20,25 +20,6 @@ export default {
|
|
|
20
20
|
"string"
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
|
-
"numberCols": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
"2",
|
|
28
|
-
"1",
|
|
29
|
-
"GridSize",
|
|
30
|
-
"3",
|
|
31
|
-
"4",
|
|
32
|
-
"5",
|
|
33
|
-
"6",
|
|
34
|
-
"7",
|
|
35
|
-
"8",
|
|
36
|
-
"9",
|
|
37
|
-
"10",
|
|
38
|
-
"11",
|
|
39
|
-
"12"
|
|
40
|
-
]
|
|
41
|
-
},
|
|
42
23
|
"align": {
|
|
43
24
|
"type": "enum",
|
|
44
25
|
"values": [
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
* @param disabled {boolean} Disabled
|
|
7
7
|
* @param readOnly {boolean} readonly radio
|
|
8
8
|
* @param id {string} Id for button, by default id is generate
|
|
9
|
-
* @param label {string
|
|
9
|
+
* @param label {string} Label for radio
|
|
10
10
|
* @param description {ReactNode} Description for radio
|
|
11
11
|
* @param onChange {ChangeEvent}
|
|
12
12
|
* @param name {string} Name for radio
|
|
@@ -14,7 +14,7 @@ import React from 'react';
|
|
|
14
14
|
* @param disabled {boolean} Disabled
|
|
15
15
|
* @param readOnly {boolean} readonly radio
|
|
16
16
|
* @param id {string} Id for button, by default id is generate
|
|
17
|
-
* @param label {string
|
|
17
|
+
* @param label {string} Label for radio
|
|
18
18
|
* @param description {ReactNode} Description for radio
|
|
19
19
|
* @param onChange {ChangeEvent}
|
|
20
20
|
* @param name {string} Name for radio
|
|
@@ -30,29 +30,26 @@ import React from 'react';
|
|
|
30
30
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
31
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"]);
|
|
32
32
|
var styled = useTrilogyContext().styled;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
} }, others)),
|
|
53
|
-
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)),
|
|
33
|
+
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)) },
|
|
34
|
+
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
|
|
35
|
+
if (onChange && !disabled && !readonly) {
|
|
36
|
+
onChange(Object.assign(e, {
|
|
37
|
+
radioId: e.target.id,
|
|
38
|
+
radioValue: e.target.value,
|
|
39
|
+
radioName: e.target.name,
|
|
40
|
+
radioChecked: e.target.checked,
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
} }, others)),
|
|
44
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) },
|
|
45
|
+
icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
|
|
46
|
+
horizontal ? (React.createElement("span", null,
|
|
47
|
+
React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
|
|
48
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
49
|
+
React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
|
|
50
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description)))),
|
|
54
51
|
sticker && React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true })));
|
|
55
52
|
});
|
|
56
53
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
57
54
|
export default RadioTile;
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFDRSxFQWlCQyxFQUNELEdBQUc7SUFqQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLHNCQUFvQyxFQUFwQyxjQUFjLG1CQUFHLFlBQVksQ0FBQyxNQUFNLEtBQUEsRUFDakMsTUFBTSxjQWhCWCwwS0FpQkMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN4Ryx3Q0FDRSxJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxVQUFDLENBQUM7Z0JBQ1YsSUFBSSxRQUFRLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ3RDLFFBQVEsQ0FDTixNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRTt3QkFDZixPQUFPLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO3dCQUNwQixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO3dCQUMxQixTQUFTLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3dCQUN4QixZQUFZLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3FCQUMvQixDQUFDLENBQ0gsQ0FBQTtpQkFDRjtZQUNILENBQUMsSUFDRyxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNsRSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDbkQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdEUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQzlGLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVE7Z0JBQ3RFLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUNsRyxDQUNKLENBQ0s7UUFDUCxPQUFPLElBQUksb0JBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUMsZUFBZSxFQUFDLEtBQUssU0FBRyxDQUM1RixDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -8,9 +8,8 @@ import { VariantState } from '../../../../objects';
|
|
|
8
8
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
9
9
|
import { TypographyAlign, TypographyColor } from '../../../../objects/Typography';
|
|
10
10
|
import { TypographyBold } from '../../../../objects/Typography/TypographyBold';
|
|
11
|
-
import React, { useCallback,
|
|
11
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
12
12
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
13
|
-
import { RadioTilesContext } from '../context';
|
|
14
13
|
/**
|
|
15
14
|
* radioTile Component
|
|
16
15
|
* @param checked {boolean} Checked radio
|
|
@@ -28,19 +27,17 @@ import { RadioTilesContext } from '../context';
|
|
|
28
27
|
*/
|
|
29
28
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
30
29
|
var checked = _a.checked, disabled = _a.disabled, _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, readonly = _a.readonly, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly", "sticker", "stickerVariant"]);
|
|
31
|
-
var isGrid = useContext(RadioTilesContext).isGrid;
|
|
32
30
|
var _d = __read(useState(0), 2), stickerHeight = _d[0], setStickerHeight = _d[1];
|
|
33
31
|
var styles = StyleSheet.create({
|
|
34
32
|
container: {
|
|
35
|
-
flex: isGrid ? 1 : undefined,
|
|
36
33
|
flexDirection: horizontal ? 'row' : 'column',
|
|
37
|
-
width: horizontal
|
|
34
|
+
width: horizontal ? '100%' : undefined,
|
|
38
35
|
borderWidth: checked ? 2 : 1,
|
|
39
36
|
alignItems: 'center',
|
|
40
37
|
gap: SpacerSize.THREE,
|
|
41
38
|
borderRadius: 6,
|
|
42
39
|
padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
|
|
43
|
-
maxWidth: horizontal
|
|
40
|
+
maxWidth: horizontal ? undefined : '50%',
|
|
44
41
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
|
|
45
42
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
46
43
|
},
|
|
@@ -90,7 +87,7 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
90
87
|
icon && (React.createElement(View, { style: [styles.icon] },
|
|
91
88
|
React.createElement(Icon, { size: IconSize.SMALL, name: icon }))),
|
|
92
89
|
React.createElement(View, { style: [styles.content] },
|
|
93
|
-
label &&
|
|
90
|
+
label && (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))),
|
|
94
91
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description))));
|
|
95
92
|
});
|
|
96
93
|
var InputRadio = function (_a) {
|
|
@@ -124,4 +121,4 @@ var InputRadio = function (_a) {
|
|
|
124
121
|
};
|
|
125
122
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
126
123
|
export default RadioTile;
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFDRSxFQWVDLEVBQ0QsR0FBRztJQWZELElBQUEsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FB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
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
3
|
-
"type": "
|
|
2
|
+
"onChange": {
|
|
3
|
+
"type": "function",
|
|
4
4
|
"values": [
|
|
5
5
|
"undefined",
|
|
6
|
-
"
|
|
7
|
-
"string",
|
|
8
|
-
"number",
|
|
9
|
-
"false",
|
|
10
|
-
"true",
|
|
11
|
-
"JSXElementConstructor<any>>",
|
|
12
|
-
"ReactNode>",
|
|
13
|
-
"ReactPortal"
|
|
6
|
+
"RadioChangeEventHandlerNative"
|
|
14
7
|
]
|
|
15
8
|
},
|
|
16
9
|
"horizontal": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { VariantProps } from '../../../../objects';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
3
|
import { TouchableOpacity } from 'react-native';
|
|
4
4
|
import { IconName, IconNameValues } from '../../../../components/icon';
|
|
5
5
|
import { RadioNativeProps, RadioProps } from '../../../../components/radio/RadioProps';
|
|
@@ -13,11 +13,9 @@ interface RadioTilePropsCommon {
|
|
|
13
13
|
sticker?: string;
|
|
14
14
|
stickerVariant?: VariantProps['variant'];
|
|
15
15
|
}
|
|
16
|
-
export interface RadioTileProps extends
|
|
17
|
-
label?: string | ReactNode;
|
|
16
|
+
export interface RadioTileProps extends RadioProps, RadioTilePropsCommon {
|
|
18
17
|
}
|
|
19
|
-
export interface RadioTileNativeProps extends
|
|
20
|
-
label?: string | ReactNode;
|
|
18
|
+
export interface RadioTileNativeProps extends RadioNativeProps, RadioTilePropsCommon {
|
|
21
19
|
}
|
|
22
20
|
export type RadioTileRef = HTMLDivElement;
|
|
23
21
|
export type RadioTileNativeRef = TouchableOpacity;
|
|
@@ -1,16 +1,83 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
"checked": {
|
|
3
|
+
"type": "boolean",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"false",
|
|
7
|
+
"true"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"disabled": {
|
|
11
|
+
"type": "boolean",
|
|
12
|
+
"values": [
|
|
13
|
+
"undefined",
|
|
14
|
+
"false",
|
|
15
|
+
"true"
|
|
16
|
+
]
|
|
17
|
+
},
|
|
18
|
+
"readonly": {
|
|
19
|
+
"type": "boolean",
|
|
20
|
+
"values": [
|
|
21
|
+
"undefined",
|
|
22
|
+
"false",
|
|
23
|
+
"true"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
2
26
|
"label": {
|
|
3
|
-
"type": "
|
|
27
|
+
"type": "string",
|
|
28
|
+
"values": [
|
|
29
|
+
"undefined",
|
|
30
|
+
"string"
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
"onChange": {
|
|
34
|
+
"type": "function",
|
|
35
|
+
"values": [
|
|
36
|
+
"undefined",
|
|
37
|
+
"RadioChangeEventHandler"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
"name": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"values": [
|
|
43
|
+
"undefined",
|
|
44
|
+
"string"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
"value": {
|
|
48
|
+
"type": "string",
|
|
49
|
+
"values": [
|
|
50
|
+
"undefined",
|
|
51
|
+
"string"
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
"required": {
|
|
55
|
+
"type": "boolean",
|
|
4
56
|
"values": [
|
|
5
57
|
"undefined",
|
|
6
|
-
"null",
|
|
7
|
-
"string",
|
|
8
|
-
"number",
|
|
9
58
|
"false",
|
|
10
|
-
"true"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
59
|
+
"true"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
"accessibilityLabel": {
|
|
63
|
+
"type": "string",
|
|
64
|
+
"values": [
|
|
65
|
+
"undefined",
|
|
66
|
+
"string"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"id": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"values": [
|
|
72
|
+
"undefined",
|
|
73
|
+
"string"
|
|
74
|
+
]
|
|
75
|
+
},
|
|
76
|
+
"className": {
|
|
77
|
+
"type": "string",
|
|
78
|
+
"values": [
|
|
79
|
+
"undefined",
|
|
80
|
+
"string"
|
|
14
81
|
]
|
|
15
82
|
},
|
|
16
83
|
"horizontal": {
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { useTrilogyContext } from '../../context';
|
|
3
|
-
import { hashClass } from '../../helpers';
|
|
4
|
-
import { Align, DirectionEnum, TypographyColor } from '../../objects';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
2
|
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { Text } from '../../components/text';
|
|
7
7
|
import { ComponentName } from '../enumsComponentsName';
|
|
8
|
-
import { FlexBox } from '../flex-box';
|
|
9
|
-
import { Icon } from '../icon';
|
|
10
|
-
import { Text } from '../text';
|
|
11
|
-
import { Title } from '../title';
|
|
12
|
-
import { GapSize } from '../../components/columns';
|
|
13
8
|
/**
|
|
14
9
|
* Stepper Component
|
|
15
10
|
* @param centered Center the stepper
|
|
@@ -20,9 +15,8 @@ import { GapSize } from '../../components/columns';
|
|
|
20
15
|
var Stepper = React.forwardRef(function (_a, ref) {
|
|
21
16
|
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
22
17
|
var styled = useTrilogyContext().styled;
|
|
23
|
-
var classes = hashClass(styled, clsx('stepper-
|
|
24
|
-
var
|
|
25
|
-
var _b = __read(React.useState({ label: null, step: 1, icon: null }), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
18
|
+
var classes = hashClass(styled, clsx('stepper-wrapper', className));
|
|
19
|
+
var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
26
20
|
var nbChild = React.useMemo(function () {
|
|
27
21
|
if (children && Array.isArray(children))
|
|
28
22
|
return children.length;
|
|
@@ -31,51 +25,32 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
31
25
|
return 0;
|
|
32
26
|
}, [children]);
|
|
33
27
|
React.useEffect(function () {
|
|
34
|
-
var _a, _b, _c, _d;
|
|
35
28
|
if (children) {
|
|
36
29
|
if (Array.isArray(children)) {
|
|
37
30
|
var haveCurrentStep_1 = false;
|
|
38
31
|
children.map(function (child, index) {
|
|
39
|
-
var _a
|
|
40
|
-
if ((
|
|
32
|
+
var _a;
|
|
33
|
+
if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
|
|
41
34
|
haveCurrentStep_1 = true;
|
|
42
|
-
setCurrentStep(
|
|
35
|
+
setCurrentStep(index + 1);
|
|
43
36
|
}
|
|
44
37
|
});
|
|
45
38
|
if (!haveCurrentStep_1)
|
|
46
|
-
setCurrentStep(
|
|
39
|
+
setCurrentStep(1);
|
|
47
40
|
}
|
|
48
41
|
else {
|
|
49
|
-
setCurrentStep(
|
|
42
|
+
setCurrentStep(1);
|
|
50
43
|
}
|
|
51
44
|
}
|
|
52
45
|
}, [children]);
|
|
53
|
-
return (React.createElement(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
React.createElement("div", { className: 'step-label' }, "Coordonn\u00E9es")),
|
|
61
|
-
React.createElement("div", { className: 'stepper-item', "data-label": 'Livraison' },
|
|
62
|
-
React.createElement("div", { className: 'step-label' }, "Livraison")),
|
|
63
|
-
React.createElement("div", { className: 'stepper-item', "data-label": 'Confirmation' },
|
|
64
|
-
React.createElement("div", { className: 'step-label' }, "Confirmation")),
|
|
65
|
-
React.createElement("div", { className: 'step-count' },
|
|
66
|
-
React.createElement("p", { className: 'text' }, "1/5"))),
|
|
67
|
-
React.createElement("h1", null, "New"),
|
|
68
|
-
React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
69
|
-
React.createElement(Text, { level: 2, className: 'step-count', typo: [TypographyColor.TEXT_PLACEHOLDER] },
|
|
70
|
-
"\u00C9tape ",
|
|
71
|
-
currentStep.step,
|
|
72
|
-
" sur ",
|
|
73
|
-
nbChild),
|
|
74
|
-
React.createElement(FlexBox, { align: Align.CENTER },
|
|
75
|
-
currentStep.icon && React.createElement(Icon, { name: currentStep.icon, size: 'small' }),
|
|
76
|
-
React.createElement(Title, { level: 5, className: 'step-label', key: "step-".concat(currentStep.step, "-").concat(currentStep.label) }, currentStep.label)),
|
|
77
|
-
React.createElement("div", { className: classesSteps }, children))));
|
|
46
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
47
|
+
children,
|
|
48
|
+
React.createElement("div", { className: 'step-count' },
|
|
49
|
+
React.createElement(Text, null,
|
|
50
|
+
currentStep,
|
|
51
|
+
"/",
|
|
52
|
+
nbChild))));
|
|
78
53
|
});
|
|
79
54
|
Stepper.displayName = ComponentName.Stepper;
|
|
80
55
|
export default Stepper;
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ3RGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDL0QsSUFBQSxLQUFBLE9BQWdDLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBeEQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUE2QixDQUFBO0lBRS9ELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQVM7UUFDcEMsSUFBSSxRQUFRLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUE7UUFDL0QsSUFBSSxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU8sQ0FBQyxDQUFBO1FBQ2xELE9BQU8sQ0FBQyxDQUFBO0lBQ1YsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDM0IsSUFBSSxpQkFBZSxHQUFHLEtBQUssQ0FBQTtnQkFDM0IsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxLQUFLOztvQkFDeEIsSUFBSSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLDBDQUFFLE9BQU8sRUFBRTt3QkFDekIsaUJBQWUsR0FBRyxJQUFJLENBQUE7d0JBQ3RCLGNBQWMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUE7cUJBQzFCO2dCQUNILENBQUMsQ0FBQyxDQUFBO2dCQUNGLElBQUksQ0FBQyxpQkFBZTtvQkFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDeEM7aUJBQU07Z0JBQ0wsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ2xCO1NBQ0Y7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbEQsUUFBUTtRQUNULDZCQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3pCLG9CQUFDLElBQUk7Z0JBQ0YsV0FBVzs7Z0JBQUcsT0FBTyxDQUNqQixDQUNILENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import { Icon, IconSize } from '../../components/icon';
|
|
4
|
-
import { Text, TextLevels } from '../../components/text';
|
|
5
|
-
import { TypographyBold, TypographyColor } from '../../objects';
|
|
6
2
|
import * as React from 'react';
|
|
7
3
|
import { StyleSheet, View } from 'react-native';
|
|
8
|
-
import {
|
|
4
|
+
import { TypographyBold, TypographyColor } from '../../objects';
|
|
5
|
+
import { Text, TextLevels } from '../../components/text';
|
|
6
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
7
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
9
8
|
/**
|
|
10
9
|
* Stepper Component
|
|
11
10
|
* @param centered {boolean} Center the stepper
|
|
@@ -22,15 +21,22 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
22
21
|
steppers: {
|
|
23
22
|
flexDirection: 'row',
|
|
24
23
|
flex: 1,
|
|
25
|
-
marginTop: 12,
|
|
26
24
|
},
|
|
27
|
-
|
|
25
|
+
step: {
|
|
28
26
|
flexDirection: 'row',
|
|
27
|
+
justifyContent: 'space-between',
|
|
29
28
|
alignItems: 'center',
|
|
30
|
-
|
|
29
|
+
marginTop: 10,
|
|
30
|
+
},
|
|
31
|
+
hasIcon: {
|
|
32
|
+
flexDirection: 'row',
|
|
33
|
+
},
|
|
34
|
+
icon: {
|
|
35
|
+
marginRight: 4,
|
|
36
|
+
marginTop: 3,
|
|
31
37
|
},
|
|
32
38
|
counter: {
|
|
33
|
-
|
|
39
|
+
marginRight: 10,
|
|
34
40
|
},
|
|
35
41
|
});
|
|
36
42
|
var nbChild = React.useMemo(function () {
|
|
@@ -73,17 +79,17 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
73
79
|
}
|
|
74
80
|
}, [children]);
|
|
75
81
|
return (React.createElement(View, { ref: ref },
|
|
76
|
-
React.createElement(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
82
|
+
React.createElement(View, __assign({ style: styles.steppers }, others), children),
|
|
83
|
+
React.createElement(View, { style: styles.step },
|
|
84
|
+
React.createElement(View, { style: styles.hasIcon },
|
|
85
|
+
currentStep.iconName && (React.createElement(Text, { style: styles.icon },
|
|
86
|
+
React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
|
|
87
|
+
React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name)),
|
|
88
|
+
React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_MAIN] },
|
|
89
|
+
currentStep.step,
|
|
90
|
+
"/",
|
|
91
|
+
nbChild))));
|
|
86
92
|
});
|
|
87
93
|
Stepper.displayName = ComponentName.Stepper;
|
|
88
94
|
export default Stepper;
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMvRSxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBZTtRQUNqRSxJQUFJLEVBQUUsQ0FBQztRQUNQLElBQUksRUFBRSxFQUFFO1FBQ1IsUUFBUSxFQUFFLEVBQUU7S0FDYixDQUFDLElBQUEsRUFKSyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBSWhDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFFBQVEsRUFBRTtZQUNSLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1NBQ1I7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUs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
|