@trilogy-ds/react 0.0.1-beta.11 → 0.0.1-beta.13
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/enumsComponentsName.d.ts +0 -4
- package/lib/components/enumsComponentsName.js +0 -4
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/index.d.ts +0 -2
- package/lib/components/index.js +0 -2
- package/lib/components/index.js.map +1 -1
- package/lib/components/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/tabs/Tabs.native.d.ts +2 -1
- package/lib/components/tabs/Tabs.native.js +4 -4
- package/lib/components/tabs/Tabs.native.js.map +1 -1
- package/lib/components/tabs/item/TabsItem.native.js +20 -19
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/disclaimer/Disclaimer.d.ts +0 -11
- package/lib/components/disclaimer/Disclaimer.js +0 -30
- package/lib/components/disclaimer/Disclaimer.js.map +0 -1
- package/lib/components/disclaimer/Disclaimer.native.d.ts +0 -12
- package/lib/components/disclaimer/Disclaimer.native.js +0 -19
- package/lib/components/disclaimer/Disclaimer.native.js.map +0 -1
- package/lib/components/disclaimer/DisclaimerProps.d.ts +0 -15
- package/lib/components/disclaimer/DisclaimerProps.js +0 -2
- package/lib/components/disclaimer/DisclaimerProps.js.map +0 -1
- package/lib/components/disclaimer/index.d.ts +0 -3
- package/lib/components/disclaimer/index.js +0 -4
- package/lib/components/disclaimer/index.js.map +0 -1
- package/lib/components/disclaimer/item/DisclaimerItem.d.ts +0 -9
- package/lib/components/disclaimer/item/DisclaimerItem.js +0 -16
- package/lib/components/disclaimer/item/DisclaimerItem.js.map +0 -1
- package/lib/components/disclaimer/item/DisclaimerItem.native.d.ts +0 -15
- package/lib/components/disclaimer/item/DisclaimerItem.native.js +0 -19
- package/lib/components/disclaimer/item/DisclaimerItem.native.js.map +0 -1
- package/lib/components/disclaimer/item/DisclaimerItemProps.d.ts +0 -13
- package/lib/components/disclaimer/item/DisclaimerItemProps.js +0 -2
- package/lib/components/disclaimer/item/DisclaimerItemProps.js.map +0 -1
- package/lib/components/disclaimer/item/index.d.ts +0 -2
- package/lib/components/disclaimer/item/index.js +0 -3
- package/lib/components/disclaimer/item/index.js.map +0 -1
- package/lib/components/slider/Slider.d.ts +0 -21
- package/lib/components/slider/Slider.js +0 -43
- package/lib/components/slider/Slider.js.map +0 -1
- package/lib/components/slider/Slider.native.d.ts +0 -20
- package/lib/components/slider/Slider.native.js +0 -130
- package/lib/components/slider/Slider.native.js.map +0 -1
- package/lib/components/slider/SliderEnum.d.ts +0 -9
- package/lib/components/slider/SliderEnum.js +0 -11
- package/lib/components/slider/SliderEnum.js.map +0 -1
- package/lib/components/slider/SliderProps.d.ts +0 -23
- package/lib/components/slider/SliderProps.js +0 -2
- package/lib/components/slider/SliderProps.js.map +0 -1
- package/lib/components/slider/index.d.ts +0 -6
- package/lib/components/slider/index.js +0 -6
- package/lib/components/slider/index.js.map +0 -1
- package/lib/components/slider/item/SliderItem.d.ts +0 -11
- package/lib/components/slider/item/SliderItem.js +0 -20
- package/lib/components/slider/item/SliderItem.js.map +0 -1
- package/lib/components/slider/item/SliderItem.native.d.ts +0 -15
- package/lib/components/slider/item/SliderItem.native.js +0 -25
- package/lib/components/slider/item/SliderItem.native.js.map +0 -1
- package/lib/components/slider/item/SliderItemProps.d.ts +0 -12
- package/lib/components/slider/item/SliderItemProps.js +0 -2
- package/lib/components/slider/item/SliderItemProps.js.map +0 -1
- package/lib/components/slider/item/index.d.ts +0 -2
- package/lib/components/slider/item/index.js +0 -3
- package/lib/components/slider/item/index.js.map +0 -1
|
@@ -41,8 +41,6 @@ export declare enum ComponentName {
|
|
|
41
41
|
ContentSize = "ContentSize",
|
|
42
42
|
Countdown = "Countdown",
|
|
43
43
|
DeletableNotification = "DeletableNotification",
|
|
44
|
-
Disclaimer = "Disclaimer",
|
|
45
|
-
DisclaimerItem = "DisclaimerItem",
|
|
46
44
|
Divider = "Divider",
|
|
47
45
|
Dropdown = "Dropdown",
|
|
48
46
|
DropdownDivider = "DropdownDivider",
|
|
@@ -119,8 +117,6 @@ export declare enum ComponentName {
|
|
|
119
117
|
SelectOption = "SelectOption",
|
|
120
118
|
Selector = "Selector",
|
|
121
119
|
SelectorIOtem = "SelectorIOtem",
|
|
122
|
-
Slider = "Slider",
|
|
123
|
-
SliderItem = "SliderItem",
|
|
124
120
|
Spacer = "Spacer",
|
|
125
121
|
SpacerSize = "SpacerSize",
|
|
126
122
|
StatusIcon = "StatusIcon",
|
|
@@ -42,8 +42,6 @@ export var ComponentName;
|
|
|
42
42
|
ComponentName["ContentSize"] = "ContentSize";
|
|
43
43
|
ComponentName["Countdown"] = "Countdown";
|
|
44
44
|
ComponentName["DeletableNotification"] = "DeletableNotification";
|
|
45
|
-
ComponentName["Disclaimer"] = "Disclaimer";
|
|
46
|
-
ComponentName["DisclaimerItem"] = "DisclaimerItem";
|
|
47
45
|
ComponentName["Divider"] = "Divider";
|
|
48
46
|
ComponentName["Dropdown"] = "Dropdown";
|
|
49
47
|
ComponentName["DropdownDivider"] = "DropdownDivider";
|
|
@@ -120,8 +118,6 @@ export var ComponentName;
|
|
|
120
118
|
ComponentName["SelectOption"] = "SelectOption";
|
|
121
119
|
ComponentName["Selector"] = "Selector";
|
|
122
120
|
ComponentName["SelectorIOtem"] = "SelectorIOtem";
|
|
123
|
-
ComponentName["Slider"] = "Slider";
|
|
124
|
-
ComponentName["SliderItem"] = "SliderItem";
|
|
125
121
|
ComponentName["Spacer"] = "Spacer";
|
|
126
122
|
ComponentName["SpacerSize"] = "SpacerSize";
|
|
127
123
|
ComponentName["StatusIcon"] = "StatusIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enumsComponentsName.js","sourceRoot":"","sources":["../../components/enumsComponentsName.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"enumsComponentsName.js","sourceRoot":"","sources":["../../components/enumsComponentsName.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,6 @@ export * from "./checkbox";
|
|
|
10
10
|
export * from "./columns";
|
|
11
11
|
export * from "./container";
|
|
12
12
|
export * from "./countdown";
|
|
13
|
-
export * from "./disclaimer";
|
|
14
13
|
export * from "./divider";
|
|
15
14
|
export * from "./dropdown";
|
|
16
15
|
export * from "./fab";
|
|
@@ -34,7 +33,6 @@ export * from "./scroll-view";
|
|
|
34
33
|
export * from "./section";
|
|
35
34
|
export * from "./select";
|
|
36
35
|
export * from "./selector";
|
|
37
|
-
export * from "./slider";
|
|
38
36
|
export * from "./spacer";
|
|
39
37
|
export * from "./stepper";
|
|
40
38
|
export * from "./sticker";
|
package/lib/components/index.js
CHANGED
|
@@ -11,7 +11,6 @@ export * from "./checkbox";
|
|
|
11
11
|
export * from "./columns";
|
|
12
12
|
export * from "./container";
|
|
13
13
|
export * from "./countdown";
|
|
14
|
-
export * from "./disclaimer";
|
|
15
14
|
export * from "./divider";
|
|
16
15
|
export * from "./dropdown";
|
|
17
16
|
export * from "./fab";
|
|
@@ -35,7 +34,6 @@ export * from "./scroll-view";
|
|
|
35
34
|
export * from "./section";
|
|
36
35
|
export * from "./select";
|
|
37
36
|
export * from "./selector";
|
|
38
|
-
export * from "./slider";
|
|
39
37
|
export * from "./spacer";
|
|
40
38
|
export * from "./stepper";
|
|
41
39
|
export * from "./sticker";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
@@ -29,7 +29,7 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
|
|
|
29
29
|
React.useEffect(() => {
|
|
30
30
|
if (refTrack.current) {
|
|
31
31
|
const track = refTrack.current;
|
|
32
|
-
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.
|
|
32
|
+
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMax / max) * 100}%) `;
|
|
33
33
|
}
|
|
34
34
|
}, [cursorMin, cursorMax]);
|
|
35
35
|
const handleChangeCursorMin = React.useCallback((e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,GAAG,CAAC,GACI,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,GAAG,CACtB,CAAA;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAsB,CAAA;YAC7C,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,6BAA6B,aAAa,CACjE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,10 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
8
8
|
* @param activeIndex {number} default active tab index
|
|
9
9
|
* @param disabled {boolean} Disabled tabs
|
|
10
10
|
* @param inverted {boolean} dark mode
|
|
11
|
+
* @param centered {boolean} Is centered
|
|
11
12
|
*/
|
|
12
13
|
declare const Tabs: {
|
|
13
|
-
({ children, onClick, activeIndex, disabled, inverted, ...others }: TabsProps): JSX.Element;
|
|
14
|
+
({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
|
|
14
15
|
displayName: ComponentName;
|
|
15
16
|
};
|
|
16
17
|
export default Tabs;
|
|
@@ -11,8 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
11
11
|
* @param activeIndex {number} default active tab index
|
|
12
12
|
* @param disabled {boolean} Disabled tabs
|
|
13
13
|
* @param inverted {boolean} dark mode
|
|
14
|
+
* @param centered {boolean} Is centered
|
|
14
15
|
*/
|
|
15
|
-
const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others }) => {
|
|
16
|
+
const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
|
|
16
17
|
const [activateIndex, setActivateIndex] = useState(activeIndex);
|
|
17
18
|
const [isIcons, setIsIcons] = React.useState(false);
|
|
18
19
|
const isActive = (index, childPropsActive) => {
|
|
@@ -36,11 +37,10 @@ const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others })
|
|
|
36
37
|
tabs: {
|
|
37
38
|
height: isIcons ? 64 : 48,
|
|
38
39
|
flexDirection: 'row',
|
|
39
|
-
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE)
|
|
40
|
-
overflow: 'visible',
|
|
40
|
+
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE)
|
|
41
41
|
},
|
|
42
42
|
});
|
|
43
|
-
return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others }, children &&
|
|
43
|
+
return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others, contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }, children &&
|
|
44
44
|
Array.isArray(children) &&
|
|
45
45
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
46
46
|
children.map((child, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD
|
|
1
|
+
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACnH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,gBAAiC,EAAE,EAAE;QACpE,IAAI,OAAO,gBAAgB,KAAK,WAAW,IAAI,CAAC,aAAa,EAAE;YAC7D,OAAO,gBAAgB,CAAA;SACxB;QACD,IAAI,KAAK,KAAK,aAAa,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,KAAa,EAAE,EAAE;QAC1D,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACzB,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;SACjG;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,UAAU,QAAC,8BAA8B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,EAC5F,qBAAqB,EAAE,QAAQ,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,IACzE,QAAQ;QACP,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACvB,8DAA8D;QAC9D,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;;YACzC,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ;gBAAE,UAAU,CAAC,IAAI,CAAC,CAAA;YACtD,MAAM,KAAK,GAAG;gBACZ,MAAM,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC;gBACrF,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;oBACnC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;oBAC1B,IAAI,KAAK,EAAE;wBACT,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;4BACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;yBAC3B;qBACF;gBACH,CAAC;aACF,CAAA;YACD,OAAO,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAC,CAAQ,CAC5C,CACZ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CACjC,CAAA;QACH,CAAC,CAAC,CACO,CACd,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
|
|
@@ -19,7 +19,7 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
19
19
|
const getIconColor = React.useMemo(() => {
|
|
20
20
|
if (inverted) {
|
|
21
21
|
if (disabled)
|
|
22
|
-
return TrilogyColor.
|
|
22
|
+
return TrilogyColor.NEUTRAL_LIGHT;
|
|
23
23
|
return TrilogyColor.WHITE;
|
|
24
24
|
}
|
|
25
25
|
if (disabled)
|
|
@@ -28,31 +28,33 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
28
28
|
return TrilogyColor.MAIN;
|
|
29
29
|
return TrilogyColor.MAIN;
|
|
30
30
|
}, [inverted, disabled, active]);
|
|
31
|
+
const getBorderColor = React.useMemo(() => {
|
|
32
|
+
if (disabled)
|
|
33
|
+
return 'transparent';
|
|
34
|
+
if (inverted) {
|
|
35
|
+
if (active)
|
|
36
|
+
return getColorStyle(TrilogyColor.WHITE);
|
|
37
|
+
return getColorStyle(TrilogyColor.FONT, 1);
|
|
38
|
+
}
|
|
39
|
+
if (active)
|
|
40
|
+
return getColorStyle(TrilogyColor.MAIN);
|
|
41
|
+
return getColorStyle(TrilogyColor.FONT, 1);
|
|
42
|
+
}, [inverted, disabled, active]);
|
|
31
43
|
const styles = StyleSheet.create({
|
|
32
44
|
tabsItem: {
|
|
33
|
-
marginRight: 8,
|
|
34
45
|
alignItems: "center",
|
|
35
46
|
justifyContent: "center",
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
paddingVertical: 6,
|
|
48
|
+
paddingHorizontal: 14,
|
|
38
49
|
position: "relative",
|
|
50
|
+
borderBottomWidth: 2,
|
|
51
|
+
height: iconName ? 60 : 44,
|
|
52
|
+
borderBottomColor: getBorderColor,
|
|
39
53
|
},
|
|
40
54
|
text: {
|
|
41
|
-
color:
|
|
42
|
-
? getColorStyle(TrilogyColor.MAIN)
|
|
43
|
-
: getColorStyle(getIconColor),
|
|
55
|
+
color: getColorStyle(getIconColor),
|
|
44
56
|
textAlign: "center",
|
|
45
57
|
},
|
|
46
|
-
activeBar: {
|
|
47
|
-
height: 2,
|
|
48
|
-
backgroundColor: inverted
|
|
49
|
-
? getColorStyle(TrilogyColor.WHITE)
|
|
50
|
-
: getColorStyle(TrilogyColor.MAIN),
|
|
51
|
-
width: "100%",
|
|
52
|
-
position: "absolute",
|
|
53
|
-
bottom: 4,
|
|
54
|
-
borderRadius: 2,
|
|
55
|
-
},
|
|
56
58
|
});
|
|
57
59
|
useEffect(() => {
|
|
58
60
|
setActiveItem(active || false);
|
|
@@ -70,8 +72,7 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
70
72
|
children &&
|
|
71
73
|
(typeof children.valueOf() === "string" ? (React.createElement(Text, { typo: active
|
|
72
74
|
? TypographyBold.TEXT_WEIGHT_SEMIBOLD
|
|
73
|
-
: TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children))
|
|
74
|
-
active && !disabled && React.createElement(View, { style: styles.activeBar })));
|
|
75
|
+
: TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children))));
|
|
75
76
|
};
|
|
76
77
|
TabsItem.displayName = ComponentName.TabsItem;
|
|
77
78
|
export default TabsItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"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"}
|
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.13";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = "0.0.1-beta.
|
|
1
|
+
export const version = "0.0.1-beta.13";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DisclaimerWebProps } from "./DisclaimerProps";
|
|
3
|
-
/**
|
|
4
|
-
* Disclaimer component
|
|
5
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
6
|
-
* @param className {string} Additionnal css classes
|
|
7
|
-
* @param title {string} Disclaimer Title
|
|
8
|
-
* @param active {boolean} Active Disclaimer Bar
|
|
9
|
-
*/
|
|
10
|
-
declare const Disclaimer: ({ children, className, title, active, ...others }: DisclaimerWebProps) => JSX.Element;
|
|
11
|
-
export default Disclaimer;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Accordion, AccordionItem, AccordionHeader, AccordionBody, } from "../accordion";
|
|
3
|
-
import { is } from "../../services/index";
|
|
4
|
-
import { Text, TextLevels } from "../text";
|
|
5
|
-
import clsx from "clsx";
|
|
6
|
-
import { hashClass } from "../../helpers";
|
|
7
|
-
import { TypographyBold } from "../../objects";
|
|
8
|
-
import { useTrilogyContext } from "../../context";
|
|
9
|
-
/**
|
|
10
|
-
* Disclaimer component
|
|
11
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
12
|
-
* @param className {string} Additionnal css classes
|
|
13
|
-
* @param title {string} Disclaimer Title
|
|
14
|
-
* @param active {boolean} Active Disclaimer Bar
|
|
15
|
-
*/
|
|
16
|
-
const Disclaimer = ({ children, className, title, active, ...others }) => {
|
|
17
|
-
const { styled } = useTrilogyContext();
|
|
18
|
-
const classes = clsx("disclaimer", is("tri"), className);
|
|
19
|
-
const wrapperClasses = clsx("disclaimer-header", is("grouped"), is("tri"));
|
|
20
|
-
const classesBody = clsx("accordion-body", is("clipped"), is("tri"));
|
|
21
|
-
const classesContent = hashClass(styled, clsx("disclaimer-content", active && is("active"), "subtitle", is("tri")));
|
|
22
|
-
return (React.createElement(Accordion, { className: classes, ...others },
|
|
23
|
-
React.createElement(AccordionItem, null,
|
|
24
|
-
React.createElement(AccordionHeader, { className: wrapperClasses },
|
|
25
|
-
React.createElement(Text, { level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title)),
|
|
26
|
-
React.createElement(AccordionBody, { className: classesBody },
|
|
27
|
-
React.createElement("div", { className: classesContent }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children))))));
|
|
28
|
-
};
|
|
29
|
-
export default Disclaimer;
|
|
30
|
-
//# sourceMappingURL=Disclaimer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Disclaimer.js","sourceRoot":"","sources":["../../../components/disclaimer/Disclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,aAAa,GACd,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAA;IACxD,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACpE,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,oBAAoB,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAC1E,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,KAAM,MAAM;QACvC,oBAAC,aAAa;YACZ,oBAAC,eAAe,IAAC,SAAS,EAAE,cAAc;gBACxC,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,IAAI,EAAE,cAAc,CAAC,oBAAoB,IAExC,KAAK,CACD,CACS;YAClB,oBAAC,aAAa,IAAC,SAAS,EAAE,WAAW;gBACnC,6BAAK,SAAS,EAAE,cAAc,IAC3B,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACQ,CACF,CACN,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DisclaimerWebProps } from "./DisclaimerProps";
|
|
3
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Disclaimer component
|
|
6
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
7
|
-
*/
|
|
8
|
-
declare const Disclaimer: {
|
|
9
|
-
({ children, title, ...others }: DisclaimerWebProps): JSX.Element;
|
|
10
|
-
displayName: ComponentName;
|
|
11
|
-
};
|
|
12
|
-
export default Disclaimer;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
3
|
-
import { Accordion, AccordionBody, AccordionHeader, AccordionItem, } from "../accordion";
|
|
4
|
-
import { Text, TextLevels } from "../text";
|
|
5
|
-
import { TypographyBold } from "../../objects";
|
|
6
|
-
/**
|
|
7
|
-
* Disclaimer component
|
|
8
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
9
|
-
*/
|
|
10
|
-
const Disclaimer = ({ children, title, ...others }) => {
|
|
11
|
-
return (React.createElement(Accordion, { ...others },
|
|
12
|
-
React.createElement(AccordionItem, null,
|
|
13
|
-
React.createElement(AccordionHeader, null,
|
|
14
|
-
React.createElement(Text, { level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title)),
|
|
15
|
-
React.createElement(AccordionBody, null, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)))));
|
|
16
|
-
};
|
|
17
|
-
Disclaimer.displayName = ComponentName.Disclaimer;
|
|
18
|
-
export default Disclaimer;
|
|
19
|
-
//# sourceMappingURL=Disclaimer.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Disclaimer.native.js","sourceRoot":"","sources":["../../../components/disclaimer/Disclaimer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,aAAa,GACd,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,OAAO,CACL,oBAAC,SAAS,OAAK,MAAM;QACnB,oBAAC,aAAa;YACZ,oBAAC,eAAe;gBACd,oBAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC,GAAG,EACrB,IAAI,EAAE,cAAc,CAAC,oBAAoB,IAExC,KAAK,CACD,CACS;YAClB,oBAAC,aAAa,QACX,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACa,CACF,CACN,CACb,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Disclaimer Interface
|
|
4
|
-
*/
|
|
5
|
-
export interface DisclaimerProps {
|
|
6
|
-
children?: React.ReactNode | string;
|
|
7
|
-
title?: string;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Disclaimer Interface
|
|
12
|
-
*/
|
|
13
|
-
export interface DisclaimerWebProps extends DisclaimerProps {
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DisclaimerProps.js","sourceRoot":"","sources":["../../../components/disclaimer/DisclaimerProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/disclaimer/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,cAAc,MAAM,QAAQ,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DisclaimerItemWebProps } from "./DisclaimerItemProps";
|
|
3
|
-
/**
|
|
4
|
-
* Disclaimer Item component
|
|
5
|
-
* @param children {ReactNode} Diclaimer Item Children
|
|
6
|
-
* @param className {string} Additionnal css classes
|
|
7
|
-
*/
|
|
8
|
-
declare const DisclaimerItem: ({ className, ...others }: DisclaimerItemWebProps) => JSX.Element;
|
|
9
|
-
export default DisclaimerItem;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { hashClass } from "../../../helpers";
|
|
4
|
-
import { useTrilogyContext } from "../../../context";
|
|
5
|
-
/**
|
|
6
|
-
* Disclaimer Item component
|
|
7
|
-
* @param children {ReactNode} Diclaimer Item Children
|
|
8
|
-
* @param className {string} Additionnal css classes
|
|
9
|
-
*/
|
|
10
|
-
const DisclaimerItem = ({ className, ...others }) => {
|
|
11
|
-
const { styled } = useTrilogyContext();
|
|
12
|
-
const classes = hashClass(styled, clsx("disclaimer-item", className));
|
|
13
|
-
return React.createElement("div", { className: classes, ...others });
|
|
14
|
-
};
|
|
15
|
-
export default DisclaimerItem;
|
|
16
|
-
//# sourceMappingURL=DisclaimerItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DisclaimerItem.js","sourceRoot":"","sources":["../../../../components/disclaimer/item/DisclaimerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DisclaimerItemProps } from "./DisclaimerItemProps";
|
|
3
|
-
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Disclaimer component
|
|
6
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
7
|
-
* @param className {string} Additionnal css classes
|
|
8
|
-
* @param title {string} Disclaimer Title
|
|
9
|
-
* @param active {boolean} Active Disclaimer Bar
|
|
10
|
-
*/
|
|
11
|
-
declare const DisclaimerItem: {
|
|
12
|
-
({ children }: DisclaimerItemProps): JSX.Element;
|
|
13
|
-
displayName: ComponentName;
|
|
14
|
-
};
|
|
15
|
-
export default DisclaimerItem;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ComponentName } from "../../enumsComponentsName";
|
|
3
|
-
import { Text } from "../../text";
|
|
4
|
-
import { View } from "../../view";
|
|
5
|
-
/**
|
|
6
|
-
* Disclaimer component
|
|
7
|
-
* @param children {React.ReactNode|string} Disclaimer Item Children
|
|
8
|
-
* @param className {string} Additionnal css classes
|
|
9
|
-
* @param title {string} Disclaimer Title
|
|
10
|
-
* @param active {boolean} Active Disclaimer Bar
|
|
11
|
-
*/
|
|
12
|
-
const DisclaimerItem = ({ children }) => {
|
|
13
|
-
if (children && typeof children.valueOf() === "string")
|
|
14
|
-
return React.createElement(Text, null, children);
|
|
15
|
-
return React.createElement(View, null, children);
|
|
16
|
-
};
|
|
17
|
-
DisclaimerItem.displayName = ComponentName.DisclaimerItem;
|
|
18
|
-
export default DisclaimerItem;
|
|
19
|
-
//# sourceMappingURL=DisclaimerItem.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DisclaimerItem.native.js","sourceRoot":"","sources":["../../../../components/disclaimer/item/DisclaimerItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC;;;;;;GAMG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAe,EAAE;IACxE,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ;QACpD,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;IAChC,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;AAChC,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAA;AAEzD,eAAe,cAAc,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Disclaimer Item Interface
|
|
4
|
-
*/
|
|
5
|
-
export interface DisclaimerItemProps {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Disclaimer Item Interface
|
|
10
|
-
*/
|
|
11
|
-
export interface DisclaimerItemWebProps extends DisclaimerItemProps {
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DisclaimerItemProps.js","sourceRoot":"","sources":["../../../../components/disclaimer/item/DisclaimerItemProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/disclaimer/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SliderProps } from "./SliderProps";
|
|
3
|
-
/**
|
|
4
|
-
* Slider component
|
|
5
|
-
* @param children {ReactNode} Slider child
|
|
6
|
-
* @param doted {boolean} slide dot
|
|
7
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
|
-
* @param className {string} Additionnal css classes
|
|
9
|
-
* @param iconClassName {string} Additionnal css classes for Icon
|
|
10
|
-
* @param motionLess {boolean} Disable behaviour on desktop
|
|
11
|
-
* @param autoSlideDelay {number} Auto-slide delay in MS
|
|
12
|
-
* @param invertedDoted {boolean} Inverted dots color
|
|
13
|
-
* @param progressBar {boolean} Show Progress bars
|
|
14
|
-
* @param arrowsOut {boolean} Slider arrows outside
|
|
15
|
-
* @param arrowSize {IconSize} Icon Arrows Sizes
|
|
16
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
17
|
-
* @param showNextSlide {boolean} show next slide
|
|
18
|
-
* @param contentSize {number} size of slide
|
|
19
|
-
*/
|
|
20
|
-
declare const Slider: ({ className, iconClassName, children, motionLess, doted, autoSlideDelay, invertedDoted, progressBar, bars, isBarsOut, arrowsOut, arrowSize, ...others }: SliderProps) => JSX.Element;
|
|
21
|
-
export default Slider;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { Columns } from "../columns";
|
|
4
|
-
import { Icon, IconName, IconSize } from "../icon";
|
|
5
|
-
import { has, is } from "../../services";
|
|
6
|
-
import { hashClass } from "../../helpers";
|
|
7
|
-
import { Spacer, SpacerSize } from "../spacer";
|
|
8
|
-
import { useTrilogyContext } from "../../context";
|
|
9
|
-
/**
|
|
10
|
-
* Slider component
|
|
11
|
-
* @param children {ReactNode} Slider child
|
|
12
|
-
* @param doted {boolean} slide dot
|
|
13
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string} Additionnal css classes
|
|
15
|
-
* @param iconClassName {string} Additionnal css classes for Icon
|
|
16
|
-
* @param motionLess {boolean} Disable behaviour on desktop
|
|
17
|
-
* @param autoSlideDelay {number} Auto-slide delay in MS
|
|
18
|
-
* @param invertedDoted {boolean} Inverted dots color
|
|
19
|
-
* @param progressBar {boolean} Show Progress bars
|
|
20
|
-
* @param arrowsOut {boolean} Slider arrows outside
|
|
21
|
-
* @param arrowSize {IconSize} Icon Arrows Sizes
|
|
22
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
23
|
-
* @param showNextSlide {boolean} show next slide
|
|
24
|
-
* @param contentSize {number} size of slide
|
|
25
|
-
*/
|
|
26
|
-
const Slider = ({ className, iconClassName, children, motionLess, doted, autoSlideDelay, invertedDoted, progressBar, bars, isBarsOut, arrowsOut, arrowSize, ...others }) => {
|
|
27
|
-
const { styled } = useTrilogyContext();
|
|
28
|
-
const classes = hashClass(styled, clsx(motionLess && is("motionless-desktop"), className));
|
|
29
|
-
const iconSliderClasses = `${has("background-white")} ${has("text-main")} ${is("circled")} ${iconClassName && iconClassName}`;
|
|
30
|
-
return (React.createElement("div", { className: classes, "data-slider": true, ...others },
|
|
31
|
-
React.createElement("div", { "data-slider-duration": autoSlideDelay || 0 }),
|
|
32
|
-
React.createElement(Columns, { className: arrowsOut ? "is-variable is-10" : "", mobile: true, "data-slides-container": true },
|
|
33
|
-
!motionLess && (React.createElement(Icon, { style: { left: arrowsOut ? 0 : "3rem" }, "data-slider-prev": true, size: arrowSize || IconSize.MEDIUM, className: iconSliderClasses, name: IconName.ARROW_LEFT })),
|
|
34
|
-
children,
|
|
35
|
-
!motionLess && (React.createElement(Icon, { style: { right: arrowsOut ? 0 : "3rem" }, "data-slider-next": true, size: arrowSize || IconSize.MEDIUM, className: iconSliderClasses, name: IconName.ARROW_RIGHT }))),
|
|
36
|
-
doted && !progressBar && (React.createElement("div", { "data-slider-dots": true, className: invertedDoted ? hashClass(styled, clsx(is("inverted"))) : "" })),
|
|
37
|
-
progressBar && !doted && React.createElement("div", { "data-progress-bar-container": true }),
|
|
38
|
-
bars && !doted && (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement("div", { "data-slider-bars": true, className: isBarsOut ? hashClass(styled, clsx("is-outside")) : "" }),
|
|
40
|
-
React.createElement(Spacer, { size: SpacerSize.HUGE })))));
|
|
41
|
-
};
|
|
42
|
-
export default Slider;
|
|
43
|
-
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,UAAU,EACV,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,SAAS,CAAC,CACxD,CAAA;IACD,MAAM,iBAAiB,GAAG,GAAG,GAAG,CAAC,kBAAkB,CAAC,IAAI,GAAG,CACzD,WAAW,CACZ,IAAI,EAAE,CAAC,SAAS,CAAC,IAAI,aAAa,IAAI,aAAa,EAAE,CAAA;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,0BAAkB,MAAM;QAC7C,qDAA2B,cAAc,IAAI,CAAC,GAAI;QAClD,oBAAC,OAAO,IACN,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAC/C,MAAM;YAGL,CAAC,UAAU,IAAI,CACd,oBAAC,IAAI,IACH,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,4BAEvC,IAAI,EAAE,SAAS,IAAI,QAAQ,CAAC,MAAM,EAClC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,QAAQ,CAAC,UAAU,GACzB,CACH;YACA,QAAQ;YACR,CAAC,UAAU,IAAI,CACd,oBAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,4BAExC,IAAI,EAAE,SAAS,IAAI,QAAQ,CAAC,MAAM,EAClC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,QAAQ,CAAC,WAAW,GAC1B,CACH,CACO;QACT,KAAK,IAAI,CAAC,WAAW,IAAI,CACxB,uDAEE,SAAS,EACP,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAE9D,CACH;QACA,WAAW,IAAI,CAAC,KAAK,IAAI,mEAAmC;QAC5D,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB;YACE,uDAEE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GACjE;YACF,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,GAAI,CAChC,CACJ,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SliderProps } from "./SliderProps";
|
|
3
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Slider component
|
|
6
|
-
* @param children {ReactNode} Slider child
|
|
7
|
-
* @param doted {boolean} slide dot
|
|
8
|
-
* @param showNextSlide {boolean} show next slide
|
|
9
|
-
* @param contentSize {number} size of slide
|
|
10
|
-
* @param testId
|
|
11
|
-
* @param accessibilityLabel
|
|
12
|
-
* @param progressBar
|
|
13
|
-
* @param bars
|
|
14
|
-
* @param others
|
|
15
|
-
*/
|
|
16
|
-
declare const Slider: {
|
|
17
|
-
({ children, doted, showNextSlide, contentSize, testId, accessibilityLabel, progressBar, bars, ...others }: SliderProps): JSX.Element;
|
|
18
|
-
displayName: ComponentName;
|
|
19
|
-
};
|
|
20
|
-
export default Slider;
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/* eslint-disable indent */
|
|
2
|
-
import React, { useRef, useState } from "react";
|
|
3
|
-
import { Dimensions, Platform, ScrollView, StyleSheet, Text, View, } from "react-native";
|
|
4
|
-
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
5
|
-
import { Spacer, SpacerSize } from "../spacer";
|
|
6
|
-
import { ComponentName } from "../enumsComponentsName";
|
|
7
|
-
const { width } = Dimensions.get("screen");
|
|
8
|
-
// const height = (width.width * 100) / 60 // 60%
|
|
9
|
-
/**
|
|
10
|
-
* Slider component
|
|
11
|
-
* @param children {ReactNode} Slider child
|
|
12
|
-
* @param doted {boolean} slide dot
|
|
13
|
-
* @param showNextSlide {boolean} show next slide
|
|
14
|
-
* @param contentSize {number} size of slide
|
|
15
|
-
* @param testId
|
|
16
|
-
* @param accessibilityLabel
|
|
17
|
-
* @param progressBar
|
|
18
|
-
* @param bars
|
|
19
|
-
* @param others
|
|
20
|
-
*/
|
|
21
|
-
const Slider = ({ children, doted, showNextSlide, contentSize, testId, accessibilityLabel, progressBar, bars, ...others }) => {
|
|
22
|
-
const [activeItem, setActiveItem] = useState(0);
|
|
23
|
-
const [height, setHeight] = useState(0);
|
|
24
|
-
const contentWidth = contentSize
|
|
25
|
-
? contentSize
|
|
26
|
-
: showNextSlide
|
|
27
|
-
? width * 0.85
|
|
28
|
-
: width;
|
|
29
|
-
const showNextSlideValue = showNextSlide ? 4 : 0;
|
|
30
|
-
const styles = StyleSheet.create({
|
|
31
|
-
content: {
|
|
32
|
-
width: contentWidth,
|
|
33
|
-
resizeMode: "cover",
|
|
34
|
-
padding: showNextSlideValue,
|
|
35
|
-
height: "100%",
|
|
36
|
-
},
|
|
37
|
-
dots: {
|
|
38
|
-
flexDirection: "row",
|
|
39
|
-
position: "absolute",
|
|
40
|
-
bottom: doted ? -24 : -12,
|
|
41
|
-
alignSelf: "center",
|
|
42
|
-
fontSize: 30,
|
|
43
|
-
justifyContent: "center",
|
|
44
|
-
alignItems: "center",
|
|
45
|
-
marginLeft: 50,
|
|
46
|
-
},
|
|
47
|
-
textDots: {
|
|
48
|
-
color: getColorStyle(TrilogyColor.FONT, 1),
|
|
49
|
-
fontSize: 30,
|
|
50
|
-
},
|
|
51
|
-
activeTextDot: {
|
|
52
|
-
color: getColorStyle(TrilogyColor.MAIN),
|
|
53
|
-
fontSize: 30,
|
|
54
|
-
},
|
|
55
|
-
progressBar: {
|
|
56
|
-
backgroundColor: getColorStyle(TrilogyColor.FONT, 1),
|
|
57
|
-
fontSize: 30,
|
|
58
|
-
width: `${90 / React.Children.count(children)}%`,
|
|
59
|
-
height: 6,
|
|
60
|
-
borderRadius: 4,
|
|
61
|
-
borderWidth: 1,
|
|
62
|
-
borderColor: getColorStyle(TrilogyColor.FONT, 1),
|
|
63
|
-
overflow: "hidden",
|
|
64
|
-
},
|
|
65
|
-
activeProgressBar: {
|
|
66
|
-
backgroundColor: getColorStyle(TrilogyColor.MAIN),
|
|
67
|
-
fontSize: 30,
|
|
68
|
-
width: `${100 / React.Children.count(children)}%`,
|
|
69
|
-
height: 6,
|
|
70
|
-
borderRadius: 4,
|
|
71
|
-
borderWidth: 1,
|
|
72
|
-
borderColor: getColorStyle(TrilogyColor.MAIN),
|
|
73
|
-
overflow: "hidden",
|
|
74
|
-
},
|
|
75
|
-
});
|
|
76
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
77
|
-
const changeHandler = ({ nativeEvent }) => {
|
|
78
|
-
if (nativeEvent.layoutMeasurement.width === 0)
|
|
79
|
-
return;
|
|
80
|
-
const slide = Math.ceil(nativeEvent.contentOffset.x / nativeEvent.layoutMeasurement.width);
|
|
81
|
-
if (slide !== activeItem) {
|
|
82
|
-
setActiveItem(slide);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
const scrollViewRef = useRef(null);
|
|
86
|
-
const SPACING_FOR_CARD_INSET = showNextSlide ? 24 : 0;
|
|
87
|
-
const getStyles = (dot, progressBar, bar, index) => {
|
|
88
|
-
if (dot) {
|
|
89
|
-
if (index === activeItem)
|
|
90
|
-
return styles.activeTextDot;
|
|
91
|
-
return styles.textDots;
|
|
92
|
-
}
|
|
93
|
-
if (bar || progressBar) {
|
|
94
|
-
if (index === activeItem)
|
|
95
|
-
return { ...styles.activeProgressBar, marginRight: 8 };
|
|
96
|
-
return { ...styles.progressBar, marginRight: 8 };
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
return (React.createElement(View, { style: { height: height }, ...others, testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel },
|
|
100
|
-
React.createElement(ScrollView, { style: { position: "absolute", alignSelf: "center", width: width }, onScroll: changeHandler, snapToInterval: contentWidth, pagingEnabled: true, decelerationRate: 0, scrollEventThrottle: 0, showsHorizontalScrollIndicator: false, snapToAlignment: 'center', onLayout: (e) => {
|
|
101
|
-
var _a;
|
|
102
|
-
(_a = scrollViewRef === null || scrollViewRef === void 0 ? void 0 : scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
|
|
103
|
-
x: -SPACING_FOR_CARD_INSET,
|
|
104
|
-
animated: false,
|
|
105
|
-
});
|
|
106
|
-
setHeight(e.nativeEvent.layout.height);
|
|
107
|
-
}, ref: scrollViewRef, contentInset: {
|
|
108
|
-
// iOS ONLY
|
|
109
|
-
top: 0,
|
|
110
|
-
left: SPACING_FOR_CARD_INSET,
|
|
111
|
-
bottom: 0,
|
|
112
|
-
right: SPACING_FOR_CARD_INSET, // Right spacing for the very last card
|
|
113
|
-
}, contentContainerStyle: {
|
|
114
|
-
// contentInset alternative for Android
|
|
115
|
-
paddingHorizontal: Platform.OS === "android" ? SPACING_FOR_CARD_INSET : 0, // Horizontal spacing before and after the ScrollView
|
|
116
|
-
}, horizontal: true }, children
|
|
117
|
-
? // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
118
|
-
React.Children.map(children, (child) => React.cloneElement(child, {
|
|
119
|
-
style: [styles.content, child.props.style],
|
|
120
|
-
}))
|
|
121
|
-
: children),
|
|
122
|
-
(progressBar || doted || bars) && (React.createElement(View, { style: styles.dots },
|
|
123
|
-
children
|
|
124
|
-
? React.Children.map(children, (_child, index) => (React.createElement(Text, { key: index, style: getStyles(doted, progressBar, bars, index) }, doted && "•")))
|
|
125
|
-
: children,
|
|
126
|
-
React.createElement(Spacer, { size: SpacerSize.HUGE })))));
|
|
127
|
-
};
|
|
128
|
-
Slider.displayName = ComponentName.Slider;
|
|
129
|
-
export default Slider;
|
|
130
|
-
//# sourceMappingURL=Slider.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.native.js","sourceRoot":"","sources":["../../../components/slider/Slider.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ContentSize
|
|
3
|
-
*/
|
|
4
|
-
export var ContentSize;
|
|
5
|
-
(function (ContentSize) {
|
|
6
|
-
ContentSize[ContentSize["SMALL"] = 100] = "SMALL";
|
|
7
|
-
ContentSize[ContentSize["MEDIUM"] = 150] = "MEDIUM";
|
|
8
|
-
ContentSize[ContentSize["LARGE"] = 200] = "LARGE";
|
|
9
|
-
ContentSize[ContentSize["HUGE"] = 300] = "HUGE";
|
|
10
|
-
})(ContentSize || (ContentSize = {}));
|
|
11
|
-
//# sourceMappingURL=SliderEnum.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderEnum.js","sourceRoot":"","sources":["../../../components/slider/SliderEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,iDAAW,CAAA;IACX,mDAAY,CAAA;IACZ,iDAAW,CAAA;IACX,+CAAU,CAAA;AACZ,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Small } from '../../objects/facets/Small';
|
|
3
|
-
import { Accessibility, AlertProps, VariantProps } from '../../objects/facets';
|
|
4
|
-
import { Hat } from '../../objects/facets/Hat';
|
|
5
|
-
import { ContentSize } from './SliderEnum';
|
|
6
|
-
import { IconSize, IconSizeValues } from '../icon';
|
|
7
|
-
export interface SliderProps extends Small, VariantProps, AlertProps, Hat, Accessibility {
|
|
8
|
-
children?: React.ReactNode | number;
|
|
9
|
-
stretched?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
doted?: boolean;
|
|
12
|
-
invertedDoted?: boolean;
|
|
13
|
-
iconClassName?: string;
|
|
14
|
-
motionLess?: boolean;
|
|
15
|
-
showNextSlide?: boolean;
|
|
16
|
-
contentSize?: ContentSize;
|
|
17
|
-
autoSlideDelay?: number;
|
|
18
|
-
progressBar?: boolean;
|
|
19
|
-
bars?: boolean;
|
|
20
|
-
arrowsOut?: boolean;
|
|
21
|
-
arrowSize?: IconSize | IconSizeValues;
|
|
22
|
-
isBarsOut?: boolean;
|
|
23
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderProps.js","sourceRoot":"","sources":["../../../components/slider/SliderProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,eAAe,mBAAmB,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SliderItemProps } from "./SliderItemProps";
|
|
3
|
-
/**
|
|
4
|
-
* Slider Item component
|
|
5
|
-
* @param className {string} Additionnal css classes
|
|
6
|
-
* @param children {ReactNode} Slider Item child
|
|
7
|
-
* @param active {boolean} Default active item
|
|
8
|
-
* @param size {number} Column Item size (1 - 12)
|
|
9
|
-
*/
|
|
10
|
-
declare const SliderItem: ({ children, active, className, size, ...others }: SliderItemProps) => JSX.Element;
|
|
11
|
-
export default SliderItem;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { ColumnsItem } from "../../columns";
|
|
4
|
-
import { is } from "../../../services";
|
|
5
|
-
import { hashClass } from "../../../helpers";
|
|
6
|
-
import { useTrilogyContext } from "../../../context";
|
|
7
|
-
/**
|
|
8
|
-
* Slider Item component
|
|
9
|
-
* @param className {string} Additionnal css classes
|
|
10
|
-
* @param children {ReactNode} Slider Item child
|
|
11
|
-
* @param active {boolean} Default active item
|
|
12
|
-
* @param size {number} Column Item size (1 - 12)
|
|
13
|
-
*/
|
|
14
|
-
const SliderItem = ({ children, active, className, size, ...others }) => {
|
|
15
|
-
const { styled } = useTrilogyContext();
|
|
16
|
-
const classes = hashClass(styled, clsx(active && is("active"), className));
|
|
17
|
-
return (React.createElement(ColumnsItem, { size: size || 12, className: classes, ...others, "data-slide": true }, children));
|
|
18
|
-
};
|
|
19
|
-
export default SliderItem;
|
|
20
|
-
//# sourceMappingURL=SliderItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderItem.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAI,EACJ,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,OAAO,CACL,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,wBAC1D,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SliderItemProps } from "./SliderItemProps";
|
|
3
|
-
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Slider Item component
|
|
6
|
-
* @param children {ReactNode} Slider Item child
|
|
7
|
-
* @param testId
|
|
8
|
-
* @param accessibilityLabel
|
|
9
|
-
* @param others
|
|
10
|
-
*/
|
|
11
|
-
declare const SliderItem: {
|
|
12
|
-
({ children, testId, accessibilityLabel, ...others }: SliderItemProps): JSX.Element;
|
|
13
|
-
displayName: ComponentName;
|
|
14
|
-
};
|
|
15
|
-
export default SliderItem;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { View, StyleSheet } from "react-native";
|
|
3
|
-
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Slider Item component
|
|
6
|
-
* @param children {ReactNode} Slider Item child
|
|
7
|
-
* @param testId
|
|
8
|
-
* @param accessibilityLabel
|
|
9
|
-
* @param others
|
|
10
|
-
*/
|
|
11
|
-
const SliderItem = ({ children, testId, accessibilityLabel, ...others }) => {
|
|
12
|
-
const styles = StyleSheet.create({
|
|
13
|
-
height: {
|
|
14
|
-
height: "100%",
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
return (React.createElement(View, { testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel, ...others },
|
|
18
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
19
|
-
React.Children.map(children, (child) => React.cloneElement(child, {
|
|
20
|
-
style: [styles.height, child.props.style],
|
|
21
|
-
}))));
|
|
22
|
-
};
|
|
23
|
-
SliderItem.displayName = ComponentName.SliderItem;
|
|
24
|
-
export default SliderItem;
|
|
25
|
-
//# sourceMappingURL=SliderItem.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderItem.native.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,CAAC,CAAC,kBAAkB,KAC5B,MAAM;IAGR,8DAA8D;IAC9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;KAC1C,CAAC,CACH,CAEE,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Accessibility } from '../../../objects';
|
|
3
|
-
import { ColumnsSize } from '../../columns/ColumnsTypes';
|
|
4
|
-
/**
|
|
5
|
-
* Slider Step Interface
|
|
6
|
-
*/
|
|
7
|
-
export interface SliderItemProps extends Accessibility {
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
active?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
size?: ColumnsSize;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderItemProps.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItemProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/slider/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAe,UAAU,CAAA"}
|