@trilogy-ds/react 0.0.1-beta-122 → 0.0.1-beta-125
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/box/header/BoxHeaderProps.d.ts +2 -2
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +1 -28
- package/lib/components/button/list/ButtonList.native.d.ts +1 -5
- package/lib/components/button/list/ButtonList.native.js +4 -17
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListPropsDefaults.js +0 -9
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +0 -9
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +4 -4
- package/lib/components/columns/Columns.native.d.ts +2 -3
- package/lib/components/columns/Columns.native.js +7 -7
- package/lib/components/columns/ColumnsProps.d.ts +3 -4
- package/lib/components/columns/ColumnsPropsDefaults.js +11 -43
- package/lib/components/columns/item/ColumnsItem.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItem.js +5 -6
- package/lib/components/columns/item/ColumnsItem.native.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItem.native.js +2 -4
- package/lib/components/columns/item/ColumnsItemProps.d.ts +1 -3
- package/lib/components/columns/item/ColumnsItemPropsDefaults.js +14 -46
- package/lib/components/container/Container.d.ts +1 -13
- package/lib/components/container/Container.js +5 -32
- package/lib/components/container/Container.native.d.ts +2 -12
- package/lib/components/container/Container.native.js +7 -50
- package/lib/components/container/ContainerProps.d.ts +1 -8
- package/lib/components/container/ContainerPropsDefaults.js +0 -144
- package/lib/components/enumsComponentsName.d.ts +0 -1
- package/lib/components/enumsComponentsName.js +1 -2
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +1 -2
- package/lib/components/progress/Progress.js +2 -2
- package/lib/components/select/option/SelectOption.native.js +7 -6
- package/lib/objects/facets/Color.js +2 -2
- package/lib/objects/facets/Variant.js +1 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/selector/Selector.d.ts +0 -23
- package/lib/components/selector/Selector.js +0 -74
- package/lib/components/selector/Selector.native.d.ts +0 -21
- package/lib/components/selector/Selector.native.js +0 -78
- package/lib/components/selector/SelectorEndDefaults.js +0 -10
- package/lib/components/selector/SelectorProps.d.ts +0 -22
- package/lib/components/selector/SelectorProps.js +0 -2
- package/lib/components/selector/SelectorPropsDefaults.js +0 -128
- package/lib/components/selector/index.d.ts +0 -3
- package/lib/components/selector/index.js +0 -4
- package/lib/components/selector/item/SelectorItem.d.ts +0 -19
- package/lib/components/selector/item/SelectorItem.js +0 -47
- package/lib/components/selector/item/SelectorItem.native.d.ts +0 -19
- package/lib/components/selector/item/SelectorItem.native.js +0 -95
- package/lib/components/selector/item/SelectorItemProps.d.ts +0 -14
- package/lib/components/selector/item/SelectorItemProps.js +0 -2
- package/lib/components/selector/item/SelectorItemPropsDefaults.js +0 -84
- package/lib/components/selector/item/index.d.ts +0 -2
- package/lib/components/selector/item/index.js +0 -3
|
@@ -4,9 +4,10 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
4
4
|
import { Icon, IconSize } from '../../../components/icon';
|
|
5
5
|
import { Text } from '../../../components/text';
|
|
6
6
|
import { TypographyBold } from '../../../objects/Typography';
|
|
7
|
-
import {
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
|
|
10
|
+
import { Alignable } from "../../../objects";
|
|
10
11
|
/**
|
|
11
12
|
* Select Option Component
|
|
12
13
|
* @param value {string} Select option value
|
|
@@ -46,14 +47,14 @@ var SelectOption = function (_a) {
|
|
|
46
47
|
return iconName ? checked && 10 || 11 : checked && 11 || 12;
|
|
47
48
|
}, [iconName, checked]);
|
|
48
49
|
return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
|
|
49
|
-
React.createElement(Columns, { gap: 0,
|
|
50
|
-
iconName && (React.createElement(ColumnsItem, { size: 1
|
|
50
|
+
React.createElement(Columns, { gap: 0, verticalAlign: Alignable.ALIGNED_CENTER },
|
|
51
|
+
iconName && (React.createElement(ColumnsItem, { size: 1 },
|
|
51
52
|
React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
|
|
52
|
-
React.createElement(ColumnsItem, { size: columnLabelSize
|
|
53
|
+
React.createElement(ColumnsItem, { size: columnLabelSize },
|
|
53
54
|
React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor, } }), children || label)),
|
|
54
|
-
checked && (React.createElement(ColumnsItem, { size: 1
|
|
55
|
+
checked && (React.createElement(ColumnsItem, { size: 1 },
|
|
55
56
|
React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
|
|
56
57
|
};
|
|
57
58
|
SelectOption.displayName = ComponentName.SelectOption;
|
|
58
59
|
export default SelectOption;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQTtBQUN6RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0NBQWtDLENBQUE7QUFDOUQsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sRUFBQyxhQUFhLEVBQUUsWUFBWSxFQUFDLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFckUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUVwQzs7Ozs7R0FLRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBOEU7SUFBNUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpELHdEQUEyRCxDQUFGO0lBQ3JFLElBQUEsT0FBTyxHQUFLLE1BQTZCLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQzFCO1FBQ0UsT0FBQSxVQUFVLENBQUMsTUFBTSxDQUFDO1lBQ2hCLFNBQVMsRUFBRTtnQkFDVCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUks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
|
|
@@ -30,7 +30,7 @@ export var TrilogyColor;
|
|
|
30
30
|
export var colors = (_a = {},
|
|
31
31
|
_a[TrilogyColor.BACKGROUND] = ['#fff', 'white', 'main'],
|
|
32
32
|
_a[TrilogyColor.MAIN] = ['#3d5d7e', 'main', 'white'],
|
|
33
|
-
_a[TrilogyColor.MAIN_FADE] = ['#BBC6CD', 'main', 'white'],
|
|
33
|
+
_a[TrilogyColor.MAIN_FADE] = ['#BBC6CD', 'main-fade', 'white'],
|
|
34
34
|
_a[TrilogyColor.ACCENT] = ['#da641b', 'accent', 'white'],
|
|
35
35
|
_a[TrilogyColor.FONT] = ['#3d5d7e', 'main', 'white'],
|
|
36
36
|
_a[TrilogyColor.SUCCESS] = ['#007B52', 'success', 'white'],
|
|
@@ -145,4 +145,4 @@ export function grayscale(hex) {
|
|
|
145
145
|
// Retourner la couleur en niveaux de gris
|
|
146
146
|
return rgbToHex(gray, gray, gray);
|
|
147
147
|
}
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
148
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEM7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxZQWtCWDtBQWxCRCxXQUFZLFlBQVk7SUFDdEIsb0NBQW9CLENBQUE7SUFDcEIsNkJBQWEsQ0FBQTtJQUNiLHVDQUF1QixDQUFBO0lBQ3ZCLGlDQUFpQixDQUFBO0lBQ2pCLDZCQUFhLENBQUE7SUFDYixtQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBNkIsQ0FBQTtJQUM3Qiw2QkFBYSxDQUFBO0lBQ2IsdUNBQXVCLENBQUE7SUFDdkIsbUNBQW1CLENBQUE7SUFDbkIsNkNBQTZCLENBQUE7SUFDN0IsK0JBQWUsQ0FBQTtJQUNmLHlDQUF5QixDQUFBO0lBQ3pCLHFDQUFxQixDQUFBO0lBQ3JCLCtDQUErQixDQUFBO0lBQy9CLG1DQUFtQixDQUFBO0lBQ25CLDZDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFsQlcsWUFBWSxLQUFaLFlBQVksUUFrQnZCO0FBSUQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxNQUFNO0lBQ2pCLEdBQUMsWUFBWSxDQUFDLFVBQVUsSUFBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDO0lBQ3BELEdBQUMsWUFBWSxDQUFDLElBQUksSUFBRyxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ2pELEdBQUMsWUFBWSxDQUFDLFNBQVMsSUFBRyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDO0lBQzNELEdBQUMsWUFBWSxDQUFDLE1BQU0sSUFBRyxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDO0lBRXJE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
|
|
@@ -25,8 +25,6 @@ export var getVariantClassName = function (variantType) {
|
|
|
25
25
|
return "primary";
|
|
26
26
|
case "SECONDARY":
|
|
27
27
|
return "secondary";
|
|
28
|
-
case "TERTIARY":
|
|
29
|
-
return "tertiary";
|
|
30
28
|
case "GHOST":
|
|
31
29
|
return "ghost";
|
|
32
30
|
case "INFO":
|
|
@@ -50,12 +48,10 @@ export var getVariantStyle = function (variantType) {
|
|
|
50
48
|
return getColorStyle(TrilogyColor.MAIN);
|
|
51
49
|
case "SECONDARY":
|
|
52
50
|
return getColorStyle(TrilogyColor.MAIN_FADE);
|
|
53
|
-
case "TERTIARY":
|
|
54
|
-
return getColorStyle(TrilogyColor.MAIN);
|
|
55
51
|
case "INFO":
|
|
56
52
|
return getColorStyle(TrilogyColor.INFO);
|
|
57
53
|
default:
|
|
58
54
|
return "";
|
|
59
55
|
}
|
|
60
56
|
};
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmFyaWFudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL1ZhcmlhbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFckQ7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxZQUlYO0FBSkQsV0FBWSxZQUFZO0lBQ3RCLDZCQUFhLENBQUE7SUFDYixpQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUpXLFlBQVksS0FBWixZQUFZLFFBSXZCO0FBV0Q7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLFVBQUMsV0FBb0I7SUFDdEQsSUFBSSxDQUFDLFdBQVc7UUFBRSxPQUFPLEVBQUUsQ0FBQTtJQUMzQixRQUFRLFdBQVcsRUFBRTtRQUNuQixLQUFLLE1BQU07WUFDVCxPQUFPLE1BQU0sQ0FBQTtRQUNmLEtBQUssUUFBUTtZQUNYLE9BQU8sUUFBUSxDQUFBO1FBQ2pCLEtBQUssU0FBUztZQUNaLE9BQU8sU0FBUyxDQUFBO1FBQ2xCLEtBQUssV0FBVztZQUNkLE9BQU8sV0FBVyxDQUFBO1FBQ3BCLEtBQUssT0FBTztZQUNWLE9BQU8sT0FBTyxDQUFBO1FBQ2hCLEtBQUssTUFBTTtZQUNULE9BQU8sTUFBTSxDQUFBO1FBQ2Y7WUFDRSxPQUFPLEVBQUUsQ0FBQTtLQUNaO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxJQUFNLGVBQWUsR0FBRyxVQUFDLFdBQW9CO0lBQ2xELFFBQVEsV0FBVyxFQUFFO1FBQ25CLEtBQUssU0FBUztZQUNaLE9BQU8sYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUN6QyxLQUFLLFFBQVE7WUFDWCxPQUFPLGFBQWEsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUE7UUFDM0MsS0FBSyxNQUFNO1lBQ1QsT0FBTyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ3pDLEtBQUssV0FBVztZQUNkLE9BQU8sYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQTtRQUM5QyxLQUFLLE1BQU07WUFDVCxPQUFPLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDekM7WUFDRSxPQUFPLEVBQUUsQ0FBQTtLQUNaO0FBQ0gsQ0FBQyxDQUFBIn0=
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-beta-
|
|
1
|
+
export declare const version = "0.0.1-beta-125";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0.1-beta-
|
|
1
|
+
export var version = "0.0.1-beta-125";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectorProps } from './SelectorProps';
|
|
3
|
-
/**
|
|
4
|
-
* Selector Component
|
|
5
|
-
* @param children {ReactNode} Children for Selector
|
|
6
|
-
* @param onClick onClick event
|
|
7
|
-
* @param activeIndex {number} default active tab index
|
|
8
|
-
* @param disabled {boolean} Disabled Selector
|
|
9
|
-
* @param clipped {boolean} Remove the separator bar
|
|
10
|
-
* @param align {Alignable} Horizontal Align
|
|
11
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
|
-
* @param className {string} Additionnal CSS Classes
|
|
13
|
-
* @param fullwidth {boolean} Fullwidth Selector
|
|
14
|
-
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
15
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
16
|
-
* @param inverted {boolean} Inverted Selector Color
|
|
17
|
-
* @param testId {string} Test Id for Test Integration
|
|
18
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
19
|
-
* @param accessibilityActivate {boolean}
|
|
20
|
-
* @param end {SelectorEnd} set selector item at last position
|
|
21
|
-
*/
|
|
22
|
-
declare const Selector: ({ children, className, onClick, activeIndex, disabled, align, justify, ...others }: SelectorProps) => JSX.Element;
|
|
23
|
-
export default Selector;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import SelectorItem from './item';
|
|
5
|
-
import { Text } from '../../components/text';
|
|
6
|
-
import { is } from '../../services/classify';
|
|
7
|
-
import { getAlignClassName } from '../../objects';
|
|
8
|
-
/**
|
|
9
|
-
* Selector Component
|
|
10
|
-
* @param children {ReactNode} Children for Selector
|
|
11
|
-
* @param onClick onClick event
|
|
12
|
-
* @param activeIndex {number} default active tab index
|
|
13
|
-
* @param disabled {boolean} Disabled Selector
|
|
14
|
-
* @param clipped {boolean} Remove the separator bar
|
|
15
|
-
* @param align {Alignable} Horizontal Align
|
|
16
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
-
* @param className {string} Additionnal CSS Classes
|
|
18
|
-
* @param fullwidth {boolean} Fullwidth Selector
|
|
19
|
-
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
20
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
21
|
-
* @param inverted {boolean} Inverted Selector Color
|
|
22
|
-
* @param testId {string} Test Id for Test Integration
|
|
23
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
24
|
-
* @param accessibilityActivate {boolean}
|
|
25
|
-
* @param end {SelectorEnd} set selector item at last position
|
|
26
|
-
*/
|
|
27
|
-
var Selector = function (_a) {
|
|
28
|
-
var children = _a.children, className = _a.className, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, align = _a.align, justify = _a.justify, others = __rest(_a, ["children", "className", "onClick", "activeIndex", "disabled", "align", "justify"]);
|
|
29
|
-
var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
|
|
30
|
-
var classes = clsx('selector', align && is(getAlignClassName(align)), justify && is(justify), className);
|
|
31
|
-
var isActive = function (index, childPropsActive) {
|
|
32
|
-
if (typeof childPropsActive !== 'undefined' && !activateIndex) {
|
|
33
|
-
return childPropsActive;
|
|
34
|
-
}
|
|
35
|
-
if (index === activateIndex) {
|
|
36
|
-
return true;
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
var toggleActive = function (e, index) {
|
|
40
|
-
if (disabled) {
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
setActivateIndex(index);
|
|
44
|
-
if (onClick) {
|
|
45
|
-
onClick(e);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
useEffect(function () {
|
|
49
|
-
setActivateIndex(activateIndex);
|
|
50
|
-
}, [activateIndex]);
|
|
51
|
-
return (React.createElement("div", __assign({ className: classes, role: 'tablist' }, others),
|
|
52
|
-
React.createElement("ul", null, children &&
|
|
53
|
-
Array.isArray(children) &&
|
|
54
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
55
|
-
children.map(function (child, index) {
|
|
56
|
-
var props = {
|
|
57
|
-
active: Boolean(isActive(index, child.props.active)) || false,
|
|
58
|
-
key: index,
|
|
59
|
-
tabIndex: index,
|
|
60
|
-
onClick: function (event) {
|
|
61
|
-
toggleActive(event, index);
|
|
62
|
-
if (child) {
|
|
63
|
-
if (child.props.onClick) {
|
|
64
|
-
child.props.onClick(event);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
};
|
|
69
|
-
return typeof child.valueOf() === 'string' ? (React.createElement(SelectorItem, { active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
|
|
70
|
-
React.createElement(Text, null, String(child)))) : (React.cloneElement(child, props));
|
|
71
|
-
}))));
|
|
72
|
-
};
|
|
73
|
-
export default Selector;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdG9yL1NlbGVjdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFTRjtJQVJkLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FSTyxtRkFTakIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFzQyxDQUFBO0lBRTVFLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFMUcsSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFhLEVBQUUsZ0JBQWlDO1FBQ2hFLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxXQUFXLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTyxnQkFBZ0IsQ0FBQTtTQUN4QjtRQUNELElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFtQixFQUFFLEtBQWE7UUFDdEQsSUFBSSxRQUFRLEVBQUU7WUFDWixPQUFPLEtBQUssQ0FBQTtTQUNiO1FBQ0QsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDdkIsSUFBSSxPQUFPLEVBQUU7WUFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDWDtJQUNILENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUE7SUFFbkIsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFDLFNBQVMsSUFBSyxNQUFNO1FBQ2hELGdDQUNHLFFBQVE7WUFDUCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUN2Qiw4REFBOEQ7WUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQVUsRUFBRSxLQUFhO2dCQUNyQyxJQUFNLEtBQUssR0FBRztvQkFDWixNQUFNLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEtBQUs7b0JBQzdELEdBQUcsRUFBRSxLQUFLO29CQUNWLFFBQVEsRUFBRSxLQUFLO29CQUNmLE9BQU8sRUFBRSxVQUFDLEtBQXVCO3dCQUMvQixZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFBO3dCQUMxQixJQUFJLEtBQUssRUFBRTs0QkFDVCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO2dDQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQTs2QkFDM0I7eUJBQ0Y7b0JBQ0gsQ0FBQztpQkFDRixDQUFBO2dCQUNELE9BQU8sT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUMzQyxvQkFBQyxZQUFZLElBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFVBQUMsQ0FBVSxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVk7b0JBQ3ZFLG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FDZixDQUNoQixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUNqQyxDQUFBO1lBQ0gsQ0FBQyxDQUFDLENBQ0QsQ0FDRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectorProps } from './SelectorProps';
|
|
3
|
-
/**
|
|
4
|
-
* Selector Component
|
|
5
|
-
* @param children {ReactNode} Children for Selector
|
|
6
|
-
* @param onClick onClick event
|
|
7
|
-
* @param activeIndex {number} default active tab index
|
|
8
|
-
* @param disabled {boolean} Disabled Selector
|
|
9
|
-
* @param clipped {boolean} Remove the separator bar
|
|
10
|
-
* @param align {Alignable} Horizontal Align
|
|
11
|
-
* @param inverted {boolean} Inverted Selector Color
|
|
12
|
-
* @param testId {string} Test Id for Test Integration
|
|
13
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
14
|
-
* @param accessibilityActivate {boolean}
|
|
15
|
-
* @param end {SelectorEnd} set selector item at last position
|
|
16
|
-
*/
|
|
17
|
-
declare const Selector: {
|
|
18
|
-
({ children, onClick, activeIndex, disabled, inverted, align, end, testId, accessibilityLabel, accessibilityActivate, ...others }: SelectorProps): JSX.Element;
|
|
19
|
-
displayName: string;
|
|
20
|
-
};
|
|
21
|
-
export default Selector;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { StyleSheet, ScrollView, View } from 'react-native';
|
|
4
|
-
import { Text, TextLevels } from '../../components/text';
|
|
5
|
-
import SelectorItem from './item';
|
|
6
|
-
import { getAlignStyle } from '../../objects';
|
|
7
|
-
/**
|
|
8
|
-
* Selector Component
|
|
9
|
-
* @param children {ReactNode} Children for Selector
|
|
10
|
-
* @param onClick onClick event
|
|
11
|
-
* @param activeIndex {number} default active tab index
|
|
12
|
-
* @param disabled {boolean} Disabled Selector
|
|
13
|
-
* @param clipped {boolean} Remove the separator bar
|
|
14
|
-
* @param align {Alignable} Horizontal Align
|
|
15
|
-
* @param inverted {boolean} Inverted Selector Color
|
|
16
|
-
* @param testId {string} Test Id for Test Integration
|
|
17
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
18
|
-
* @param accessibilityActivate {boolean}
|
|
19
|
-
* @param end {SelectorEnd} set selector item at last position
|
|
20
|
-
*/
|
|
21
|
-
var Selector = function (_a) {
|
|
22
|
-
var children = _a.children, onClick = _a.onClick, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, disabled = _a.disabled, inverted = _a.inverted, align = _a.align, end = _a.end, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, _c = _a.accessibilityActivate, accessibilityActivate = _c === void 0 ? true : _c, others = __rest(_a, ["children", "onClick", "activeIndex", "disabled", "inverted", "align", "end", "testId", "accessibilityLabel", "accessibilityActivate"]);
|
|
23
|
-
var _d = __read(useState(activeIndex), 2), activateIndex = _d[0], setActivateIndex = _d[1];
|
|
24
|
-
useEffect(function () {
|
|
25
|
-
setActivateIndex(activeIndex);
|
|
26
|
-
}, [activeIndex]);
|
|
27
|
-
var isActive = function (index, childPropsActive) {
|
|
28
|
-
if (typeof childPropsActive !== 'undefined' && !activateIndex) {
|
|
29
|
-
return childPropsActive;
|
|
30
|
-
}
|
|
31
|
-
if (index === activateIndex) {
|
|
32
|
-
return true;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
var toggleActive = function (e, index) {
|
|
36
|
-
if (disabled) {
|
|
37
|
-
return false;
|
|
38
|
-
}
|
|
39
|
-
setActivateIndex(index);
|
|
40
|
-
if (onClick) {
|
|
41
|
-
onClick(e);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var styles = StyleSheet.create({
|
|
45
|
-
selector: {
|
|
46
|
-
height: 'auto',
|
|
47
|
-
width: '100%',
|
|
48
|
-
alignSelf: getAlignStyle(align),
|
|
49
|
-
},
|
|
50
|
-
});
|
|
51
|
-
return (React.createElement(View, __assign({ style: styles.selector, testID: testId, accessibilityLabel: accessibilityLabel, accessible: accessibilityActivate }, others),
|
|
52
|
-
React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false },
|
|
53
|
-
children &&
|
|
54
|
-
Array.isArray(children) &&
|
|
55
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
56
|
-
children.map(function (child, index) {
|
|
57
|
-
var props = {
|
|
58
|
-
active: Boolean(isActive(index, child.props.active)) || false,
|
|
59
|
-
key: index,
|
|
60
|
-
selectorIndex: index,
|
|
61
|
-
inverted: inverted,
|
|
62
|
-
onClick: function (event) {
|
|
63
|
-
toggleActive(event, index);
|
|
64
|
-
if (child) {
|
|
65
|
-
if (child.props.onClick) {
|
|
66
|
-
child.props.onClick(event);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
};
|
|
71
|
-
return typeof child.valueOf() === 'string' ? (React.createElement(SelectorItem, { active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
|
|
72
|
-
React.createElement(Text, { level: TextLevels.THREE }, String(child)))) : (React.cloneElement(child, props));
|
|
73
|
-
}),
|
|
74
|
-
end && (React.createElement(SelectorItem, { end: true, onClick: function (e) { var _a; return (_a = end.onClick) === null || _a === void 0 ? void 0 : _a.call(end, e); } }, end.message)))));
|
|
75
|
-
};
|
|
76
|
-
Selector.displayName = 'Selector';
|
|
77
|
-
export default Selector;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0b3IubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Rvci9TZWxlY3Rvci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTNELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxZQUFZLE1BQU0sUUFBUSxDQUFBO0FBQ2pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFekM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFZZ0I7SUFYZCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLG1CQUFlLEVBQWYsV0FBVyxtQkFBRyxDQUFDLEtBQUEsRUFDZixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixrQkFBa0Isd0JBQUEsRUFDbEIsNkJBQTRCLEVBQTVCLHFCQUFxQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsTUFBTSxjQVhYLHVJQVlDLENBRFU7SUFFckIsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBQSxFQUF4RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBeUIsQ0FBQTtJQUUvRCxTQUFTLENBQUM7UUFDUixnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUMvQixDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFBO0lBRWpCLElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNo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
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ClickEvent } from '../../events/OnClickEvent';
|
|
3
|
-
import { Centerable } from '../../objects/facets/Centerable';
|
|
4
|
-
import { AlignableProps } from '../../objects/facets/Alignable';
|
|
5
|
-
import { JustifiableProps } from '../../objects/facets/Justifiable';
|
|
6
|
-
import { Accessibility, Clickable } from '../../objects';
|
|
7
|
-
/**
|
|
8
|
-
* Selector Interface
|
|
9
|
-
*/
|
|
10
|
-
interface SelectorEnd {
|
|
11
|
-
message: string;
|
|
12
|
-
onClick: ClickEvent;
|
|
13
|
-
}
|
|
14
|
-
export interface SelectorProps extends Centerable, AlignableProps, JustifiableProps, Clickable, Accessibility {
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
activeIndex?: number;
|
|
18
|
-
className?: string;
|
|
19
|
-
inverted?: boolean;
|
|
20
|
-
end?: SelectorEnd;
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
"children": {
|
|
3
|
-
"type": "react",
|
|
4
|
-
"values": [
|
|
5
|
-
"undefined",
|
|
6
|
-
"null",
|
|
7
|
-
"string",
|
|
8
|
-
"number",
|
|
9
|
-
"false",
|
|
10
|
-
"true",
|
|
11
|
-
"JSXElementConstructor<any>>",
|
|
12
|
-
"ReactNode>",
|
|
13
|
-
"ReactPortal"
|
|
14
|
-
]
|
|
15
|
-
},
|
|
16
|
-
"disabled": {
|
|
17
|
-
"type": "boolean",
|
|
18
|
-
"values": [
|
|
19
|
-
"undefined",
|
|
20
|
-
"false",
|
|
21
|
-
"true"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
|
-
"activeIndex": {
|
|
25
|
-
"type": "string",
|
|
26
|
-
"values": [
|
|
27
|
-
"undefined",
|
|
28
|
-
"number"
|
|
29
|
-
]
|
|
30
|
-
},
|
|
31
|
-
"className": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"values": [
|
|
34
|
-
"undefined",
|
|
35
|
-
"string"
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
"inverted": {
|
|
39
|
-
"type": "boolean",
|
|
40
|
-
"values": [
|
|
41
|
-
"undefined",
|
|
42
|
-
"false",
|
|
43
|
-
"true"
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
"end": {
|
|
47
|
-
"type": "string",
|
|
48
|
-
"values": [
|
|
49
|
-
"undefined",
|
|
50
|
-
"SelectorEnd"
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
"centered": {
|
|
54
|
-
"type": "boolean",
|
|
55
|
-
"values": [
|
|
56
|
-
"undefined",
|
|
57
|
-
"false",
|
|
58
|
-
"true"
|
|
59
|
-
]
|
|
60
|
-
},
|
|
61
|
-
"align": {
|
|
62
|
-
"type": "enum",
|
|
63
|
-
"values": [
|
|
64
|
-
"undefined",
|
|
65
|
-
"ALIGNED_CENTER",
|
|
66
|
-
"ALIGNED_START",
|
|
67
|
-
"ALIGNED_END",
|
|
68
|
-
"ALIGNED_CENTER",
|
|
69
|
-
"ALIGNED_START",
|
|
70
|
-
"ALIGNED_END"
|
|
71
|
-
]
|
|
72
|
-
},
|
|
73
|
-
"verticalAlign": {
|
|
74
|
-
"type": "enum",
|
|
75
|
-
"values": [
|
|
76
|
-
"undefined",
|
|
77
|
-
"ALIGNED_CENTER",
|
|
78
|
-
"ALIGNED_START",
|
|
79
|
-
"ALIGNED_END",
|
|
80
|
-
"ALIGNED_CENTER",
|
|
81
|
-
"ALIGNED_START",
|
|
82
|
-
"ALIGNED_END"
|
|
83
|
-
]
|
|
84
|
-
},
|
|
85
|
-
"justify": {
|
|
86
|
-
"type": "enum",
|
|
87
|
-
"values": [
|
|
88
|
-
"undefined",
|
|
89
|
-
"justified-center",
|
|
90
|
-
"justified-start",
|
|
91
|
-
"justified-end",
|
|
92
|
-
"space-between",
|
|
93
|
-
"JUSTIFIED_CENTER",
|
|
94
|
-
"JUSTIFIED_START",
|
|
95
|
-
"JUSTIFIED_END",
|
|
96
|
-
"SPACE_BETWEEN"
|
|
97
|
-
]
|
|
98
|
-
},
|
|
99
|
-
"onClick": {
|
|
100
|
-
"type": "function",
|
|
101
|
-
"values": [
|
|
102
|
-
"undefined",
|
|
103
|
-
"ClickEvent"
|
|
104
|
-
]
|
|
105
|
-
},
|
|
106
|
-
"testId": {
|
|
107
|
-
"type": "string",
|
|
108
|
-
"values": [
|
|
109
|
-
"undefined",
|
|
110
|
-
"string"
|
|
111
|
-
]
|
|
112
|
-
},
|
|
113
|
-
"accessibilityLabel": {
|
|
114
|
-
"type": "string",
|
|
115
|
-
"values": [
|
|
116
|
-
"undefined",
|
|
117
|
-
"string"
|
|
118
|
-
]
|
|
119
|
-
},
|
|
120
|
-
"accessibilityActivate": {
|
|
121
|
-
"type": "boolean",
|
|
122
|
-
"values": [
|
|
123
|
-
"undefined",
|
|
124
|
-
"false",
|
|
125
|
-
"true"
|
|
126
|
-
]
|
|
127
|
-
}
|
|
128
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import Selector from './Selector';
|
|
2
|
-
import SelectorItem from './item';
|
|
3
|
-
export { Selector, SelectorItem };
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdG9yL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFFakMsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsQ0FBQSJ9
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectorItemProps } from './SelectorItemProps';
|
|
3
|
-
/**
|
|
4
|
-
* Selector Item Component
|
|
5
|
-
* @param active {boolean} active tab item
|
|
6
|
-
* @param children {ReactChild} React Child Element
|
|
7
|
-
* @param onClick onClick Event
|
|
8
|
-
* @param inverted {boolean} change style to inverted item
|
|
9
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
|
-
* @param className {string} Additionnal CSS Classes
|
|
11
|
-
* - -------------------------- NATIVE PROPERTIES ----------------------------
|
|
12
|
-
* @param end {boolean} Change last SelectorItem style to SECONDAY color
|
|
13
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
14
|
-
* @param accessibilityActivate {boolean}
|
|
15
|
-
* @param testId {string} Test Id for Test Integration
|
|
16
|
-
* @param selectorIndex {number} index of selector item
|
|
17
|
-
*/
|
|
18
|
-
declare const SelectorItem: ({ active, children, className, onClick, ...others }: SelectorItemProps) => JSX.Element;
|
|
19
|
-
export default SelectorItem;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { Text, TextMarkup } from '../../../components/text';
|
|
5
|
-
/**
|
|
6
|
-
* Selector Item Component
|
|
7
|
-
* @param active {boolean} active tab item
|
|
8
|
-
* @param children {ReactChild} React Child Element
|
|
9
|
-
* @param onClick onClick Event
|
|
10
|
-
* @param inverted {boolean} change style to inverted item
|
|
11
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
|
-
* @param className {string} Additionnal CSS Classes
|
|
13
|
-
* - -------------------------- NATIVE PROPERTIES ----------------------------
|
|
14
|
-
* @param end {boolean} Change last SelectorItem style to SECONDAY color
|
|
15
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
16
|
-
* @param accessibilityActivate {boolean}
|
|
17
|
-
* @param testId {string} Test Id for Test Integration
|
|
18
|
-
* @param selectorIndex {number} index of selector item
|
|
19
|
-
*/
|
|
20
|
-
var SelectorItem = function (_a) {
|
|
21
|
-
var active = _a.active, children = _a.children, className = _a.className, onClick = _a.onClick, others = __rest(_a, ["active", "children", "className", "onClick"]);
|
|
22
|
-
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
23
|
-
// TODO: Update react component when web component (CSS) is ready
|
|
24
|
-
// accessibility
|
|
25
|
-
var a11y = {
|
|
26
|
-
li: {
|
|
27
|
-
role: 'presentation',
|
|
28
|
-
},
|
|
29
|
-
a: {
|
|
30
|
-
role: 'selector',
|
|
31
|
-
'aria-selected': activeItem,
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
useEffect(function () {
|
|
35
|
-
setActiveItem(active || false);
|
|
36
|
-
}, [active]);
|
|
37
|
-
return (React.createElement("li", __assign({ className: clsx(className, { 'is-active': activeItem }) }, a11y.li, others, { onClick: function (e) {
|
|
38
|
-
var target = e.target;
|
|
39
|
-
setActiveItem(active || false);
|
|
40
|
-
target.active = active;
|
|
41
|
-
if (onClick) {
|
|
42
|
-
onClick(e);
|
|
43
|
-
}
|
|
44
|
-
} }), children && typeof children.valueOf() === 'string' && (React.createElement(Text, __assign({ markup: TextMarkup.A }, a11y.a, others), String(children)))));
|
|
45
|
-
};
|
|
46
|
-
export default SelectorItem;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0b3JJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Rvci9pdGVtL1NlbGVjdG9ySXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUdwRDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBc0U7SUFBcEUsSUFBQSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQWpELDhDQUFtRCxDQUFGO0lBQy9ELElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUV0RSxpRUFBaUU7SUFFakUsZ0JBQWdCO0lBQ2hCLElBQU0sSUFBSSxHQUFHO1FBQ1gsRUFBRSxFQUFFO1lBQ0YsSUFBSSxFQUFFLGNBQWM7U0FDckI7UUFDRCxDQUFDLEVBQUU7WUFDRCxJQUFJLEVBQUUsVUFBVTtZQUNoQixlQUFlLEVBQUUsVUFBVTtTQUM1QjtLQUNGLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0wscUNBQ0UsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLENBQUMsSUFDbkQsSUFBSSxDQUFDLEVBQUUsRUFDUCxNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7WUFDM0IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7WUFDMUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM5QixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtZQUN0QixJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDWDtRQUNILENBQUMsS0FFQSxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxJQUFJLENBQ3JELG9CQUFDLElBQUksYUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBTSxJQUFJLENBQUMsQ0FBQyxFQUFNLE1BQU0sR0FDL0MsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUNaLENBQ1IsQ0FDRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SelectorItemProps } from "./SelectorItemProps";
|
|
3
|
-
/**
|
|
4
|
-
* Selector Item Component
|
|
5
|
-
* @param active {boolean} active tab item
|
|
6
|
-
* @param children {ReactChild} React Child Element
|
|
7
|
-
* @param onClick onClick Event
|
|
8
|
-
* @param inverted {boolean} change style to inverted item
|
|
9
|
-
* @param end {boolean} Change last SelectorItem style to SECONDAY color
|
|
10
|
-
* @param accessibilityLabel {string} Accessibility label
|
|
11
|
-
* @param accessibilityActivate {boolean}
|
|
12
|
-
* @param testId {string} Test Id for Test Integration
|
|
13
|
-
* @param selectorIndex {number} index of selector item
|
|
14
|
-
*/
|
|
15
|
-
declare const SelectorItem: {
|
|
16
|
-
({ active, children, onClick, inverted, end, selectorIndex, testId, accessibilityLabel, accessibilityActivate, ...others }: SelectorItemProps): JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
19
|
-
export default SelectorItem;
|