@trilogy-ds/react 0.0.1-beta-123 → 0.0.1-beta-126
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/AccordionProps.d.ts +2 -2
- package/lib/components/accordion/AccordionPropsDefaults.js +0 -15
- package/lib/components/accordion/body/AccordionBody.d.ts +1 -2
- package/lib/components/accordion/body/AccordionBody.js +3 -4
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +2 -3
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -22
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +2 -3
- package/lib/components/accordion/header/AccordionHeaderPropsDefaults.js +0 -22
- package/lib/components/accordion/item/AccordionItem.js +1 -2
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertPropsDefaults.js +2 -10
- package/lib/components/alert/ToasterStatusPropsDefaults.js +2 -10
- package/lib/components/alert/context/ToastPropsDefaults.js +0 -15
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +2 -10
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +2 -10
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/BadgePropsDefaults.js +4 -12
- package/lib/components/box/Box.d.ts +2 -1
- package/lib/components/box/Box.js +4 -3
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +4 -3
- package/lib/components/box/BoxProps.d.ts +3 -2
- package/lib/components/box/BoxPropsDefaults.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +2 -10
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +2 -10
- package/lib/components/box/header/BoxHeader.d.ts +1 -4
- package/lib/components/box/header/BoxHeader.js +3 -6
- package/lib/components/box/header/BoxHeader.native.d.ts +1 -4
- package/lib/components/box/header/BoxHeader.native.js +4 -9
- package/lib/components/box/header/BoxHeaderProps.d.ts +3 -6
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +3 -38
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +2 -2
- package/lib/components/box/table-container/BoxTableContainerPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +3 -3
- package/lib/components/breadcrumb/BreadcrumbPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsDefaults.js +6 -14
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +7 -15
- package/lib/components/button/ButtonProps.d.ts +2 -2
- package/lib/components/button/ButtonPropsDefaults.js +7 -15
- 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/card/CardProps.d.ts +2 -2
- package/lib/components/card/CardPropsDefaults.js +7 -15
- package/lib/components/card/content/CardContentProps.d.ts +7 -7
- package/lib/components/card/content/CardContentPropsDefaults.js +2 -10
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -2
- package/lib/components/checkbox/CheckboxPropsDefaults.js +2 -10
- package/lib/components/chips/ChipsProps.d.ts +2 -2
- package/lib/components/chips/ChipsPropsDefaults.js +2 -10
- 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/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +6 -14
- package/lib/components/icon/IconProps.d.ts +2 -2
- package/lib/components/icon/IconPropsDefaults.js +2 -10
- package/lib/components/icon/circle/CircleIconProps.d.ts +3 -3
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +2 -10
- package/lib/components/icon/status/StatusIconProps.d.ts +2 -2
- package/lib/components/icon/status/StatusIconPropsDefaults.js +2 -10
- package/lib/components/icon/text/TextIconProps.d.ts +2 -2
- package/lib/components/icon/text/TextIconPropsDefaults.js +2 -10
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +1 -2
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +2 -10
- package/lib/components/link/LinkProps.d.ts +4 -4
- package/lib/components/link/LinkPropsDefaults.js +6 -14
- package/lib/components/list/ListProps.d.ts +2 -2
- package/lib/components/list/ListPropsDefaults.js +2 -10
- package/lib/components/list/item/ListItemProps.d.ts +3 -3
- package/lib/components/list/item/ListItemPropsDefaults.js +2 -10
- package/lib/components/modal/ModalProps.d.ts +2 -2
- package/lib/components/modal/ModalPropsDefaults.js +2 -10
- package/lib/components/pagination/Pagination.js +1 -1
- package/lib/components/pagination/PaginationProps.d.ts +2 -2
- package/lib/components/pagination/PaginationPropsDefaults.js +2 -10
- package/lib/components/popover/PopoverProps.d.ts +2 -2
- package/lib/components/popover/PopoverWebPropsDefaults.js +2 -10
- package/lib/components/price/PriceProps.d.ts +2 -2
- package/lib/components/price/PricePropsDefaults.js +7 -15
- package/lib/components/progress/Progress.js +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +0 -15
- package/lib/components/radio/RadioProps.d.ts +2 -2
- package/lib/components/radio/RadioPropsDefaults.js +2 -10
- package/lib/components/range/RangeProps.d.ts +2 -2
- package/lib/components/range/RangePropsDefaults.js +2 -10
- package/lib/components/select/SelectProps.d.ts +2 -2
- package/lib/components/select/SelectPropsDefaults.js +2 -10
- package/lib/components/select/option/SelectOption.native.js +7 -6
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -2
- package/lib/components/select/option/SelectOptionPropsDefaults.js +2 -10
- package/lib/components/tabs/TabsProps.d.ts +2 -2
- package/lib/components/tabs/TabsPropsDefaults.js +2 -10
- package/lib/components/tabs/item/TabsItemProps.d.ts +2 -2
- package/lib/components/tabs/item/TabsItemPropsDefaults.js +2 -10
- package/lib/components/tag/TagProps.d.ts +2 -2
- package/lib/components/tag/TagPropsDefaults.js +2 -10
- package/lib/components/text/TextProps.d.ts +6 -6
- package/lib/components/text/TextPropsDefaults.js +6 -14
- package/lib/components/textarea/TextareaProps.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +2 -10
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +2 -10
- package/lib/components/title/TitleProps.d.ts +2 -2
- package/lib/components/title/TitlePropsDefaults.js +7 -15
- package/lib/components/view/ViewPropsDefaults.js +0 -15
- package/lib/context/provider.js +2 -2
- package/lib/objects/facets/Accessibility.d.ts +0 -2
- package/lib/objects/facets/Color.js +2 -2
- package/lib/objects/facets/Dev.d.ts +3 -0
- package/lib/objects/facets/Dev.js +2 -0
- package/lib/objects/facets/Variant.js +1 -5
- package/lib/objects/facets/index.d.ts +1 -0
- package/lib/objects/facets/index.js +2 -1
- 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
package/lib/context/provider.js
CHANGED
|
@@ -4,7 +4,7 @@ import React, { useLayoutEffect } from 'react';
|
|
|
4
4
|
import { TrilogyContext } from './index';
|
|
5
5
|
import { version } from '../version';
|
|
6
6
|
var getHrefFromAssetUri = function (assetUrl, theme, mangled) {
|
|
7
|
-
return
|
|
7
|
+
return (assetUrl)
|
|
8
8
|
.replace('%VERSION%', version)
|
|
9
9
|
.replace('%THEME%', theme)
|
|
10
10
|
.replace('%MANGLED%', mangled ? '-mangled' : '');
|
|
@@ -35,4 +35,4 @@ var TrilogyProvider = function (_a) {
|
|
|
35
35
|
return React.createElement(TrilogyContext.Provider, { value: { styled: styled, setStyled: setStyled } }, children);
|
|
36
36
|
};
|
|
37
37
|
export { TrilogyProvider };
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxRQUFnQixFQUFFLEtBQWEsRUFBRSxPQUFnQjtJQUM1RSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQ04sT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7U0FDakMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUEsQ0FBQyxDQUFBLFVBQVUsQ0FBQSxDQUFDLENBQUEsRUFBRSxDQUFDLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFnQixFQUFFLEVBQVUsRUFBRSxLQUFhLEVBQUUsUUFBZ0I7SUFDbEYsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtJQUN0QixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQTtJQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDekQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDWixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNsQyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFjeEI7UUFiMEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxFQUFmLE9BQU8sbUJBQUcsS0FBSyxLQUFBLEVBQ2YsMkJBQTJCLEVBQTNCLG1CQUFtQixtQkFBRyxLQUFLLEtBQUEsRUFDM0IsVUFBYyxFQUFkLEVBQUUsbUJBQUcsU0FBUyxLQUFBLEVBQ2QsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQ1YsZ0JBQWEsRUFBYixRQUFRLG1CQUFHLEVBQUUsS0FBQTtJQVNoQyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLENBQUMsSUFBQSxFQUFyRCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW9DLENBQUE7SUFDNUQsZUFBZSxDQUFDO1FBQ2QsbUJBQW1CLElBQUksYUFBYSxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUNOLE9BQU8sb0JBQUMsY0FBYyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLFFBQUEsRUFBRSxTQUFTLFdBQUEsRUFBRSxJQUFHLFFBQVEsQ0FBMkIsQ0FBQTtBQUNwRyxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUEifQ==
|
|
@@ -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=
|
|
@@ -6,6 +6,7 @@ export * from './Centerable';
|
|
|
6
6
|
export * from './Clickable';
|
|
7
7
|
export * from './Clipped';
|
|
8
8
|
export * from './Color';
|
|
9
|
+
export * from './Dev';
|
|
9
10
|
export * from './ScrollDirection';
|
|
10
11
|
export * from './Fullwidth';
|
|
11
12
|
export * from './Fullheight';
|
|
@@ -26,4 +27,4 @@ export * from './Paddingless';
|
|
|
26
27
|
export * from './VerticalPaddingless';
|
|
27
28
|
export * from './Position';
|
|
28
29
|
export * from './ChildrenWithNoText';
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFBO0FBQy9CLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyxhQUFhLENBQUE7QUFDM0IsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxPQUFPLENBQUE7QUFDckIsY0FBYyxVQUFVLENBQUE7QUFDeEIsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxVQUFVLENBQUE7QUFDeEIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxVQUFVLENBQUE7QUFDeEIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxVQUFVLENBQUE7QUFDeEIsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsc0JBQXNCLENBQUEifQ==
|
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-126";
|
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-126";
|
|
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;
|