@trilogy-ds/react 0.0.1-beta-133 → 0.0.1-beta-135
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/Accordion.js +4 -4
- package/lib/components/accordion/AccordionProps.d.ts +1 -1
- package/lib/components/accordion/index.d.ts +2 -2
- package/lib/components/accordion/index.js +3 -3
- package/lib/components/accordion/item/AccordionItem.d.ts +2 -4
- package/lib/components/accordion/item/AccordionItem.js +12 -59
- package/lib/components/accordion/item/AccordionItem.native.d.ts +1 -3
- package/lib/components/accordion/item/AccordionItem.native.js +7 -13
- package/lib/components/accordion/item/AccordionItemProps.d.ts +2 -5
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +1 -15
- package/lib/components/accordion/item/body/AccordionBody.js +19 -0
- package/lib/components/accordion/{body → item/body}/AccordionBody.native.d.ts +1 -1
- package/lib/components/accordion/item/body/AccordionBody.native.js +18 -0
- package/lib/components/accordion/{body → item/body}/AccordionBodyProps.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBodyProps.js +2 -0
- package/lib/components/accordion/{body → item/body}/index.js +1 -1
- package/lib/components/accordion/item/header/AccordionHeader.js +19 -0
- package/lib/components/accordion/{header → item/header}/AccordionHeader.native.d.ts +1 -1
- package/lib/components/accordion/item/header/AccordionHeader.native.js +21 -0
- package/lib/components/accordion/{header → item/header}/AccordionHeaderProps.d.ts +1 -1
- package/lib/components/accordion/item/header/AccordionHeaderProps.js +2 -0
- package/lib/components/accordion/{header → item/header}/index.js +1 -1
- package/lib/components/box/Box.js +4 -8
- package/lib/components/button/Button.js +2 -2
- package/lib/components/button/list/ButtonList.d.ts +1 -6
- package/lib/components/button/list/ButtonList.js +5 -9
- package/lib/components/button/list/ButtonListProps.d.ts +4 -3
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +16 -12
- package/lib/components/card/Card.js +4 -8
- package/lib/components/section/Section.js +4 -8
- package/lib/components/text/Text.js +2 -2
- package/lib/components/title/Title.js +4 -8
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/accordion/body/AccordionBody.js +0 -22
- package/lib/components/accordion/body/AccordionBody.native.js +0 -18
- package/lib/components/accordion/body/AccordionBodyProps.js +0 -2
- package/lib/components/accordion/header/AccordionHeader.js +0 -19
- package/lib/components/accordion/header/AccordionHeader.native.js +0 -21
- package/lib/components/accordion/header/AccordionHeaderProps.js +0 -2
- /package/lib/components/accordion/{body → item/body}/AccordionBody.d.ts +0 -0
- /package/lib/components/accordion/{body → item/body}/AccordionBodyPropsDefaults.js +0 -0
- /package/lib/components/accordion/{body → item/body}/index.d.ts +0 -0
- /package/lib/components/accordion/{header → item/header}/AccordionHeader.d.ts +0 -0
- /package/lib/components/accordion/{header → item/header}/AccordionHeaderPropsDefaults.js +0 -0
- /package/lib/components/accordion/{header → item/header}/index.d.ts +0 -0
|
@@ -8,10 +8,10 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
|
8
8
|
* @param className {string} Additionnal CSS Classes
|
|
9
9
|
*/
|
|
10
10
|
var Accordion = React.forwardRef(function (props, ref) {
|
|
11
|
-
var id = props.id, className = props.className, others = __rest(props, ["id", "className"]);
|
|
11
|
+
var id = props.id, className = props.className, children = props.children, others = __rest(props, ["id", "className", "children"]);
|
|
12
12
|
var styled = useTrilogyContext().styled;
|
|
13
|
-
var classes = hashClass(styled, clsx('
|
|
14
|
-
return React.createElement("
|
|
13
|
+
var classes = hashClass(styled, clsx('accordion', className));
|
|
14
|
+
return (React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others), children));
|
|
15
15
|
});
|
|
16
16
|
export default Accordion;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBcUIsRUFBRSxHQUFvQztJQUNyRixJQUFBLEVBQUUsR0FBcUMsS0FBSyxHQUExQyxFQUFFLFNBQVMsR0FBMEIsS0FBSyxVQUEvQixFQUFFLFFBQVEsR0FBZ0IsS0FBSyxTQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQTlDLCtCQUFzQyxDQUFGLENBQVU7SUFFNUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDL0QsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDbEQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Accordion from './Accordion';
|
|
2
2
|
import AccordionItem from './item';
|
|
3
|
-
import AccordionHeader from './header';
|
|
4
|
-
import AccordionBody from './body';
|
|
3
|
+
import AccordionHeader from './item/header';
|
|
4
|
+
import AccordionBody from './item/body';
|
|
5
5
|
export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Accordion from './Accordion';
|
|
2
2
|
import AccordionItem from './item';
|
|
3
|
-
import AccordionHeader from './header';
|
|
4
|
-
import AccordionBody from './body';
|
|
3
|
+
import AccordionHeader from './item/header';
|
|
4
|
+
import AccordionBody from './item/body';
|
|
5
5
|
export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AccordionItemProps } from
|
|
2
|
+
import { AccordionItemProps } from './AccordionItemProps';
|
|
3
3
|
/**
|
|
4
4
|
* Accordion Item Component
|
|
5
5
|
* @param active {boolean} Active Accordion Item
|
|
@@ -8,8 +8,6 @@ import { AccordionItemProps } from "./AccordionItemProps";
|
|
|
8
8
|
* @param onClick {ClickEvent} onClick Event
|
|
9
9
|
* @param disabled {boolean} Disabled AccordionItem
|
|
10
10
|
* @param children {ReactNode}
|
|
11
|
-
* @param onOpen {Function} onOpen Accordion Item Function
|
|
12
|
-
* @param onClose {Function} onClose Accordion Item Function
|
|
13
11
|
*/
|
|
14
|
-
declare const AccordionItem: ({
|
|
12
|
+
declare const AccordionItem: ({ open, className, children, id, onClick, disabled, ...others }: AccordionItemProps) => JSX.Element;
|
|
15
13
|
export default AccordionItem;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React, {
|
|
3
|
-
import shortid from
|
|
4
|
-
import clsx from
|
|
5
|
-
import { hashClass } from
|
|
6
|
-
import { useTrilogyContext } from
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useRef } from 'react';
|
|
3
|
+
import shortid from 'shortid';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../../context';
|
|
7
7
|
/**
|
|
8
8
|
* Accordion Item Component
|
|
9
9
|
* @param active {boolean} Active Accordion Item
|
|
@@ -12,65 +12,18 @@ import { useTrilogyContext } from "../../../context";
|
|
|
12
12
|
* @param onClick {ClickEvent} onClick Event
|
|
13
13
|
* @param disabled {boolean} Disabled AccordionItem
|
|
14
14
|
* @param children {ReactNode}
|
|
15
|
-
* @param onOpen {Function} onOpen Accordion Item Function
|
|
16
|
-
* @param onClose {Function} onClose Accordion Item Function
|
|
17
15
|
*/
|
|
18
16
|
var AccordionItem = function (_a) {
|
|
19
|
-
var
|
|
17
|
+
var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
|
|
20
18
|
var ref = useRef(null);
|
|
21
19
|
var styled = useTrilogyContext().styled;
|
|
22
|
-
var
|
|
23
|
-
var _d = __read(useState(), 2), expandedHeight = _d[0], setExpandedHeight = _d[1];
|
|
24
|
-
var _e = __read(useState(), 2), collapsedHeight = _e[0], setCollapsedHeight = _e[1];
|
|
25
|
-
// Faire à l'avance un pré-calcul de la hauteur de l'accordéon plié et déplié,
|
|
26
|
-
// Ces infos sont enregistrées dans les data-attributs "data-collapsed" et "data-expanded".
|
|
27
|
-
// Nécessaire quand l'accordion est consommé par un parent où un traitement supplémentaire
|
|
28
|
-
// est requis comme un scrollTo par exemple. Dans ce cas là on transmet au component react
|
|
29
|
-
// un événement onClick qui initie le scrollTo en amont de déclencher le toggle.
|
|
30
|
-
// C'est-à-dire avant que l'accordion a été rendu dans son état déplié.
|
|
31
|
-
useEffect(function () {
|
|
32
|
-
var _a;
|
|
33
|
-
var e = ref.current;
|
|
34
|
-
if (!e) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
var floor = Math.floor, abs = Math.abs;
|
|
38
|
-
var firstChild = (_a = e === null || e === void 0 ? void 0 : e.children[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
|
|
39
|
-
var expandedInactive = floor(abs(e.clientHeight + (firstChild === null || firstChild === void 0 ? void 0 : firstChild.clientHeight))).toString();
|
|
40
|
-
var expandedActive = floor(abs(e.clientHeight)).toString();
|
|
41
|
-
var collapsedInactive = floor(abs(e.clientHeight + 1)).toString();
|
|
42
|
-
var collapsedActive = floor(abs(e.children[0].clientHeight)).toString();
|
|
43
|
-
setExpandedHeight(isActive ? expandedActive : expandedInactive);
|
|
44
|
-
setCollapsedHeight(isActive ? collapsedActive : collapsedInactive);
|
|
45
|
-
}, [isActive]);
|
|
46
|
-
useEffect(function () {
|
|
47
|
-
setIsActive(active || false);
|
|
48
|
-
}, [active]);
|
|
49
|
-
var classes = hashClass(styled, clsx("accordion", className));
|
|
50
|
-
var childrenElement;
|
|
51
|
-
if (children) {
|
|
52
|
-
childrenElement = Array.isArray(children)
|
|
53
|
-
? children.map(function (child, index) {
|
|
54
|
-
return React.cloneElement(child, {
|
|
55
|
-
key: "article-".concat(index),
|
|
56
|
-
disabled: disabled,
|
|
57
|
-
});
|
|
58
|
-
})
|
|
59
|
-
: children;
|
|
60
|
-
}
|
|
20
|
+
var classes = hashClass(styled, clsx('accordion-item', className));
|
|
61
21
|
var ariaProps = {};
|
|
62
22
|
if (disabled) {
|
|
63
|
-
ariaProps[
|
|
64
|
-
ariaProps[
|
|
23
|
+
ariaProps['tabIndex'] = -1;
|
|
24
|
+
ariaProps['aria-disabled'] = true;
|
|
65
25
|
}
|
|
66
|
-
return (React.createElement("details", __assign({ open:
|
|
67
|
-
if (onOpen && !isActive)
|
|
68
|
-
onOpen(e);
|
|
69
|
-
if (onClose && isActive)
|
|
70
|
-
onClose(e);
|
|
71
|
-
if (onClick)
|
|
72
|
-
onClick(e);
|
|
73
|
-
} }), childrenElement));
|
|
26
|
+
return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) { return (onClick ? onClick(e) : null); } }), children));
|
|
74
27
|
};
|
|
75
28
|
export default AccordionItem;
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -6,13 +6,11 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
6
6
|
* @param active {boolean} Active Accordion Item
|
|
7
7
|
* @param id {string} id for accordion item
|
|
8
8
|
* @param onClick {ClickEvent} onClick Event
|
|
9
|
-
* @param onOpen {Function} onOpen Accordion Item Function
|
|
10
|
-
* @param onClose {Function} onClose Accordion Item Function
|
|
11
9
|
* @param disabled {boolean} Disabled AccordionItem
|
|
12
10
|
* @param children
|
|
13
11
|
*/
|
|
14
12
|
declare const AccordionItem: {
|
|
15
|
-
({
|
|
13
|
+
({ open, id, onClick, disabled, children, ...others }: AccordionItemProps): JSX.Element;
|
|
16
14
|
displayName: ComponentName;
|
|
17
15
|
};
|
|
18
16
|
export default AccordionItem;
|
|
@@ -12,14 +12,12 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
12
12
|
* @param active {boolean} Active Accordion Item
|
|
13
13
|
* @param id {string} id for accordion item
|
|
14
14
|
* @param onClick {ClickEvent} onClick Event
|
|
15
|
-
* @param onOpen {Function} onOpen Accordion Item Function
|
|
16
|
-
* @param onClose {Function} onClose Accordion Item Function
|
|
17
15
|
* @param disabled {boolean} Disabled AccordionItem
|
|
18
16
|
* @param children
|
|
19
17
|
*/
|
|
20
18
|
var AccordionItem = function (_a) {
|
|
21
|
-
var
|
|
22
|
-
var _b = __read(useState(Boolean(typeof
|
|
19
|
+
var open = _a.open, id = _a.id, onClick = _a.onClick, disabled = _a.disabled, children = _a.children, others = __rest(_a, ["open", "id", "onClick", "disabled", "children"]);
|
|
20
|
+
var _b = __read(useState(Boolean(typeof open !== "undefined" ? open : false)), 2), isActive = _b[0], setIsActive = _b[1];
|
|
23
21
|
var animatedController = useRef(new Animated.Value(0)).current;
|
|
24
22
|
var _c = __read(useState(0), 2), bodySectionHeight = _c[0], setBodySectionHeight = _c[1];
|
|
25
23
|
var _d = __read(useState({
|
|
@@ -73,8 +71,8 @@ var AccordionItem = function (_a) {
|
|
|
73
71
|
outputRange: ["0rad", "".concat(Math.PI, "rad")],
|
|
74
72
|
});
|
|
75
73
|
useEffect(function () {
|
|
76
|
-
setIsActive(
|
|
77
|
-
}, [
|
|
74
|
+
setIsActive(open || false);
|
|
75
|
+
}, [open]);
|
|
78
76
|
var toggleListItem = function () {
|
|
79
77
|
if (isActive) {
|
|
80
78
|
Animated.timing(animatedController, {
|
|
@@ -95,8 +93,8 @@ var AccordionItem = function (_a) {
|
|
|
95
93
|
setIsActive(!isActive);
|
|
96
94
|
};
|
|
97
95
|
useEffect(function () {
|
|
98
|
-
|
|
99
|
-
}, [
|
|
96
|
+
open ? animatedController.setValue(1) : animatedController.setValue(0);
|
|
97
|
+
}, [open]);
|
|
100
98
|
useEffect(function () {
|
|
101
99
|
var newChilds = {};
|
|
102
100
|
if (Array.isArray(children)) {
|
|
@@ -128,10 +126,6 @@ var AccordionItem = function (_a) {
|
|
|
128
126
|
onPress: function (e) {
|
|
129
127
|
if (!disabled) {
|
|
130
128
|
toggleListItem();
|
|
131
|
-
if (onOpen && !isActive)
|
|
132
|
-
onOpen(e);
|
|
133
|
-
if (onClose && isActive)
|
|
134
|
-
onClose(e);
|
|
135
129
|
if (onClick)
|
|
136
130
|
onClick(e);
|
|
137
131
|
}
|
|
@@ -150,4 +144,4 @@ var AccordionItem = function (_a) {
|
|
|
150
144
|
};
|
|
151
145
|
AccordionItem.displayName = ComponentName.AccordionItem;
|
|
152
146
|
export default AccordionItem;
|
|
153
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixVQUFVLEVBQ1Ysd0JBQXdCLEVBQ3hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUVyQixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQU9oRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQU5ZLGlEQU90QixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FDdEMsT0FBTyxDQUFDLE9BQU8sSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDcEQsSUFBQSxFQUZNLFFBQVEsUUFBQSxFQUFFLFdB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
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
3
2
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
3
|
export type TargetElement = HTMLElement & {
|
|
5
4
|
active?: boolean;
|
|
@@ -18,10 +17,8 @@ export interface OnClickCallback {
|
|
|
18
17
|
* AccordionItem Interface
|
|
19
18
|
*/
|
|
20
19
|
export interface AccordionItemProps extends CommonProps {
|
|
21
|
-
children
|
|
22
|
-
|
|
20
|
+
children: React.ReactNode | Array<React.ReactNode>;
|
|
21
|
+
open?: boolean;
|
|
23
22
|
onClick?: OnClickCallback;
|
|
24
23
|
disabled?: boolean;
|
|
25
|
-
onClose?: ClickEvent;
|
|
26
|
-
onOpen?: ClickEvent;
|
|
27
24
|
}
|
|
@@ -14,7 +14,7 @@ export default {
|
|
|
14
14
|
"ReactNode[]"
|
|
15
15
|
]
|
|
16
16
|
},
|
|
17
|
-
"
|
|
17
|
+
"open": {
|
|
18
18
|
"type": "boolean",
|
|
19
19
|
"values": [
|
|
20
20
|
"undefined",
|
|
@@ -37,20 +37,6 @@ export default {
|
|
|
37
37
|
"true"
|
|
38
38
|
]
|
|
39
39
|
},
|
|
40
|
-
"onClose": {
|
|
41
|
-
"type": "function",
|
|
42
|
-
"values": [
|
|
43
|
-
"undefined",
|
|
44
|
-
"ClickEvent"
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
|
-
"onOpen": {
|
|
48
|
-
"type": "function",
|
|
49
|
-
"values": [
|
|
50
|
-
"undefined",
|
|
51
|
-
"ClickEvent"
|
|
52
|
-
]
|
|
53
|
-
},
|
|
54
40
|
"id": {
|
|
55
41
|
"type": "string",
|
|
56
42
|
"values": [
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { hashClass } from '../../../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../../../context';
|
|
6
|
+
/**
|
|
7
|
+
* Accordion Body Component
|
|
8
|
+
* @param children {React.ReactNode} Children for Accordion body
|
|
9
|
+
* - ------------------ WEB PROPERTIES -----------------------
|
|
10
|
+
* @param className {string} Additionnal CSS Classes
|
|
11
|
+
* @param dataId {string} data attribute
|
|
12
|
+
*/
|
|
13
|
+
var AccordionBody = function (_a) {
|
|
14
|
+
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className)) }, others), children));
|
|
17
|
+
};
|
|
18
|
+
export default AccordionBody;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ2pELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sR0FDckYsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AccordionBodyProps } from "./AccordionBodyProps";
|
|
3
|
-
import { ComponentName } from "
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Body Component
|
|
6
6
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { StyleSheet, View } from "react-native";
|
|
4
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
5
|
+
/**
|
|
6
|
+
* Accordion Body Component
|
|
7
|
+
* @param children {React.ReactNode} Children for Accordion body
|
|
8
|
+
*/
|
|
9
|
+
var AccordionBody = function (_a) {
|
|
10
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
11
|
+
var styles = StyleSheet.create({
|
|
12
|
+
accordionBody: {},
|
|
13
|
+
});
|
|
14
|
+
return (React.createElement(View, __assign({ style: [styles.accordionBody] }, others), children));
|
|
15
|
+
};
|
|
16
|
+
AccordionBody.displayName = ComponentName.AccordionBody;
|
|
17
|
+
export default AccordionBody;
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUdGO0lBRm5CLElBQUEsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUZZLFlBR3RCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLGFBQWEsRUFBRSxFQUFFO0tBQ2xCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFNLE1BQU0sR0FDNUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CommonProps } from '
|
|
3
|
-
import { Dev } from '
|
|
2
|
+
import { CommonProps } from '../../../../objects/facets/CommonProps';
|
|
3
|
+
import { Dev } from '../../../../objects';
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Body Interface
|
|
6
6
|
*/
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9ib2R5L0FjY29yZGlvbkJvZHlQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import AccordionBody from './AccordionBody';
|
|
2
2
|
export default AccordionBody;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxhQUFhLE1BQU0saUJBQWlCLENBQUE7QUFFM0MsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { hashClass } from '../../../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../../../context';
|
|
6
|
+
/**
|
|
7
|
+
* Accordion Header
|
|
8
|
+
* @param className {string} Additionnal CSS Classes
|
|
9
|
+
* @param children {React.ReactNode}
|
|
10
|
+
* @param testId
|
|
11
|
+
* @param others
|
|
12
|
+
*/
|
|
13
|
+
var AccordionHeader = function (_a) {
|
|
14
|
+
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
return (React.createElement("summary", __assign({ id: id, className: hashClass(styled, clsx('accordion-header', className)), role: 'button' }, others), children));
|
|
17
|
+
};
|
|
18
|
+
export default AccordionHeader;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCwwQ0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBQyxRQUFRLElBQUssTUFBTSxHQUN6RyxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AccordionHeaderProps } from "./AccordionHeaderProps";
|
|
3
|
-
import { ComponentName } from "
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Header
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StyleSheet, View } from "react-native";
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
|
+
/**
|
|
5
|
+
* Accordion Header
|
|
6
|
+
* @param children {React.ReactNode}
|
|
7
|
+
*/
|
|
8
|
+
var AccordionHeader = function (_a) {
|
|
9
|
+
var children = _a.children;
|
|
10
|
+
var styles = StyleSheet.create({
|
|
11
|
+
header: {
|
|
12
|
+
maxWidth: "95%",
|
|
13
|
+
minWidth: "95%",
|
|
14
|
+
width: "95%"
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
return React.createElement(View, { style: styles.header }, children);
|
|
18
|
+
};
|
|
19
|
+
AccordionHeader.displayName = ComponentName.AccordionHeader;
|
|
20
|
+
export default AccordionHeader;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQWtDO1FBQWhDLFFBQVEsY0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixLQUFLLEVBQUUsS0FBSztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLElBQUcsUUFBUSxDQUFRLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2hlYWRlci9BY2NvcmRpb25IZWFkZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import AccordionHeader from './AccordionHeader';
|
|
2
2
|
export default AccordionHeader;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2hlYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUsTUFBTSxtQkFBbUIsQ0FBQTtBQUUvQyxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { has, is } from '../../services/classify';
|
|
4
4
|
import { getBackgroundClassName } from '../../objects/atoms/Background';
|
|
5
5
|
import { getColorClassName } from '../../objects';
|
|
@@ -27,11 +27,7 @@ import { useTrilogyContext } from '../../context';
|
|
|
27
27
|
var Box = function (_a) {
|
|
28
28
|
var inverted = _a.inverted, children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, skeleton = _a.skeleton, href = _a.href, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["inverted", "children", "className", "id", "onClick", "skeleton", "href", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "flat", "headerOffset", "fullheight", "active"]);
|
|
29
29
|
var styled = useTrilogyContext().styled;
|
|
30
|
-
var
|
|
31
|
-
var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
setIsLoading(skeleton || false);
|
|
34
|
-
}, [skeleton]);
|
|
30
|
+
var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
|
|
35
31
|
if (href) {
|
|
36
32
|
return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
|
|
37
33
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -53,4 +49,4 @@ var Box = function (_a) {
|
|
|
53
49
|
})), children));
|
|
54
50
|
};
|
|
55
51
|
export default Box;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBaUJGO0lBaEJULElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZUFBZSxxQkFBQSxFQUNmLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWhCRSwyTEFpQlosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsV0FBVyxJQUFJLFVBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxjQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLEVBQzNFLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLFlBQVksSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ25DLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ2QsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDUCxDQUNMLENBQUE7S0FDRjtJQUVELElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLEVBQ25DLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ2QsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxFQUNOLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRTtZQUNMLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRztZQUN4QyxjQUFjLEVBQUUsT0FBTztZQUN2QixrQkFBa0IsRUFBRSxLQUFLO1NBQzFCO0tBQ0YsQ0FBQyxHQUVELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
|
|
@@ -40,7 +40,7 @@ var Button = function (_a) {
|
|
|
40
40
|
return true;
|
|
41
41
|
};
|
|
42
42
|
var getClassNames = function (loading, variant, fullwidth, className) {
|
|
43
|
-
return clsx("button", loading
|
|
43
|
+
return clsx("button", loading && is("loading"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
|
|
44
44
|
};
|
|
45
45
|
var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
|
|
46
46
|
var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
|
|
@@ -75,4 +75,4 @@ var Button = function (_a) {
|
|
|
75
75
|
children));
|
|
76
76
|
};
|
|
77
77
|
export default Button;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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
|
|
@@ -3,11 +3,6 @@ import { ButtonListWebProps } from './ButtonListProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Button List Component
|
|
5
5
|
* @param children {ReactNode} ButtonList children
|
|
6
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
|
-
* @param className {string} Additionnal CSS Classes
|
|
8
|
-
* @param centered {boolean} Centered buttons
|
|
9
|
-
* @param vertical {boolean} Verical buttons
|
|
10
|
-
* @param isMobile {boolean} espect mobile screen
|
|
11
6
|
*/
|
|
12
|
-
declare const ButtonList: ({ className, id,
|
|
7
|
+
declare const ButtonList: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
|
|
13
8
|
export default ButtonList;
|
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { is } from '../../../services';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { hashClass } from '../../../helpers';
|
|
6
6
|
import { useTrilogyContext } from '../../../context';
|
|
7
|
+
import { getJustifiedClassName } from '../../../objects';
|
|
7
8
|
/**
|
|
8
9
|
* Button List Component
|
|
9
10
|
* @param children {ReactNode} ButtonList children
|
|
10
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
|
-
* @param className {string} Additionnal CSS Classes
|
|
12
|
-
* @param centered {boolean} Centered buttons
|
|
13
|
-
* @param vertical {boolean} Verical buttons
|
|
14
|
-
* @param isMobile {boolean} espect mobile screen
|
|
15
11
|
*/
|
|
16
12
|
var ButtonList = function (_a) {
|
|
17
|
-
var className = _a.className, id = _a.id,
|
|
13
|
+
var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
|
|
18
14
|
var styled = useTrilogyContext().styled;
|
|
19
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className,
|
|
15
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
|
|
20
16
|
};
|
|
21
17
|
export default ButtonList;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
2
|
+
import { Alignable, AlignableValues } from '../../../objects';
|
|
3
3
|
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
4
4
|
import type { ButtonProps } from '../../../components/button/ButtonProps';
|
|
5
5
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
@@ -13,7 +13,8 @@ export interface ButtonListProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* Button List Web Interface
|
|
15
15
|
*/
|
|
16
|
-
export interface ButtonListWebProps extends ButtonListProps,
|
|
17
|
-
|
|
16
|
+
export interface ButtonListWebProps extends ButtonListProps, CommonProps {
|
|
17
|
+
direction?: 'row' | 'column';
|
|
18
|
+
align?: Alignable | AlignableValues;
|
|
18
19
|
}
|
|
19
20
|
export {};
|
|
@@ -1,26 +1,30 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
3
|
-
"type": "
|
|
2
|
+
"direction": {
|
|
3
|
+
"type": "string",
|
|
4
4
|
"values": [
|
|
5
5
|
"undefined",
|
|
6
|
-
"
|
|
7
|
-
"
|
|
6
|
+
"row",
|
|
7
|
+
"column"
|
|
8
8
|
]
|
|
9
9
|
},
|
|
10
|
-
"
|
|
11
|
-
"type": "
|
|
10
|
+
"align": {
|
|
11
|
+
"type": "enum",
|
|
12
12
|
"values": [
|
|
13
13
|
"undefined",
|
|
14
|
-
"
|
|
15
|
-
"
|
|
14
|
+
"ALIGNED_CENTER",
|
|
15
|
+
"ALIGNED_START",
|
|
16
|
+
"ALIGNED_END",
|
|
17
|
+
"ALIGNED_CENTER",
|
|
18
|
+
"ALIGNED_START",
|
|
19
|
+
"ALIGNED_END"
|
|
16
20
|
]
|
|
17
21
|
},
|
|
18
|
-
"
|
|
19
|
-
"type": "
|
|
22
|
+
"children": {
|
|
23
|
+
"type": "react",
|
|
20
24
|
"values": [
|
|
21
25
|
"undefined",
|
|
22
|
-
"
|
|
23
|
-
"
|
|
26
|
+
"JSXElementConstructor<any>>",
|
|
27
|
+
"ButtonListChildrenTypes[]"
|
|
24
28
|
]
|
|
25
29
|
},
|
|
26
30
|
"id": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React, { createContext
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { createContext } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { is } from '../../services/classify';
|
|
5
5
|
import { hashClass } from '../../helpers';
|
|
@@ -29,15 +29,11 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
29
29
|
*/
|
|
30
30
|
var Card = React.forwardRef(function (props, ref) {
|
|
31
31
|
var className = props.className, id = props.id, flat = props.flat, horizontal = props.horizontal, floating = props.floating, skeleton = props.skeleton, onClick = props.onClick, reversed = props.reversed, href = props.href, fullheight = props.fullheight, active = props.active, others = __rest(props, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
|
|
32
|
-
var _a = __read(useState(skeleton || false), 2), isLoading = _a[0], setIsLoading = _a[1];
|
|
33
32
|
var styled = useTrilogyContext().styled;
|
|
34
|
-
useEffect(function () {
|
|
35
|
-
setIsLoading(skeleton || false);
|
|
36
|
-
}, [skeleton]);
|
|
37
33
|
var hoverStyle = {
|
|
38
34
|
cursor: 'pointer',
|
|
39
35
|
};
|
|
40
|
-
var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'),
|
|
36
|
+
var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
|
|
41
37
|
if (href) {
|
|
42
38
|
return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
|
|
43
39
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -48,4 +44,4 @@ var Card = React.forwardRef(function (props, ref) {
|
|
|
48
44
|
return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others, { ref: ref })));
|
|
49
45
|
});
|
|
50
46
|
export default Card;
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQixFQUFFLEdBQWlDO0lBRTlFLElBQUEsU0FBUyxHQVlQLEtBQUssVUFaRSxFQUNULEVBQUUsR0FXQSxLQUFLLEdBWEwsRUFDRixJQUFJLEdBVUYsS0FBSyxLQVZILEVBQ0osVUFBVSxHQVNSLEtBQUssV0FURyxFQUNWLFFBQVEsR0FRTixLQUFLLFNBUkMsRUFDUixRQUFRLEdBT04sS0FBSyxTQVBDLEVBQ1IsT0FBTyxHQU1MLEtBQUssUUFOQSxFQUNQLFFBQVEsR0FLTixLQUFLLFNBTEMsRUFDUixJQUFJLEdBSUYsS0FBSyxLQUpILEVBQ0osVUFBVSxHQUdSLEtBQUssV0FIRyxFQUNWLE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQWJILHdIQWFMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixHQUFHLEVBQUUsR0FBeUMsSUFDOUMsQ0FDSCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sSUFDVixHQUFHLEVBQUUsR0FBc0MsSUFDM0MsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { has, is } from '../../services';
|
|
4
4
|
import { getBackgroundClassName } from '../../objects';
|
|
5
5
|
import clsx from 'clsx';
|
|
@@ -23,14 +23,10 @@ import { useTrilogyContext } from '../../context';
|
|
|
23
23
|
var Section = React.forwardRef(function (props, ref) {
|
|
24
24
|
var className = props.className, id = props.id, skeleton = props.skeleton, backgroundColor = props.backgroundColor, backgroundSrc = props.backgroundSrc, inverted = props.inverted, others = __rest(props, ["className", "id", "skeleton", "backgroundColor", "backgroundSrc", "inverted"]);
|
|
25
25
|
var styled = useTrilogyContext().styled;
|
|
26
|
-
var
|
|
27
|
-
useEffect(function () {
|
|
28
|
-
setIsLoading(skeleton || false);
|
|
29
|
-
}, [skeleton]);
|
|
30
|
-
var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded')));
|
|
26
|
+
var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading')));
|
|
31
27
|
return (React.createElement("section", __assign({ id: id, ref: ref }, (backgroundSrc && {
|
|
32
28
|
style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
|
|
33
29
|
}), { className: _className }, others)));
|
|
34
30
|
});
|
|
35
31
|
export default Section;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7O0lBY0k7QUFDSixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUNqRixJQUFBLFNBQVMsR0FBd0UsS0FBSyxVQUE3RSxFQUFFLEVBQUUsR0FBb0UsS0FBSyxHQUF6RSxFQUFFLFFBQVEsR0FBMEQsS0FBSyxTQUEvRCxFQUFFLGVBQWUsR0FBeUMsS0FBSyxnQkFBOUMsRUFBRSxhQUFhLEdBQTBCLEtBQUssY0FBL0IsRUFBRSxRQUFRLEdBQWdCLEtBQUssU0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUF4RiwrRUFBZ0YsQ0FBRixDQUFVO0lBRXRGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FDMUIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FDMUIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsSUFDSixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLFVBQVUsSUFDakIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -40,7 +40,7 @@ var Text = function (_a) {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
-
var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton
|
|
43
|
+
var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
|
|
44
44
|
/**
|
|
45
45
|
* If no markup return p with default level 1
|
|
46
46
|
*/
|
|
@@ -52,4 +52,4 @@ var Text = function (_a) {
|
|
|
52
52
|
return (React.createElement(Tag, __assign({ id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
|
|
53
53
|
};
|
|
54
54
|
export default Text;
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQVpHLHVJQWFiLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFNBQVMsR0FBRztRQUNoQixJQUFJLEtBQUssRUFBRTtZQUNULFFBQVEsS0FBSyxFQUFFO2dCQUNiLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsS0FBSztvQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLElBQUk7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QjtvQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO2FBQzlCO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssSUFBSSxTQUFTLEVBQUUsRUFDcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ3BDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRDs7T0FFRztJQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQTtJQUU1RCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { is } from '../../services';
|
|
5
5
|
import { TitleLevels, TitleMarkup } from './TitleEnum';
|
|
@@ -56,14 +56,10 @@ var isCorrectMarkup = function (stringMarkup) {
|
|
|
56
56
|
*/
|
|
57
57
|
var Title = function (_a) {
|
|
58
58
|
var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless"]);
|
|
59
|
-
var _c = __read(useState(skeleton || false), 2), isLoading = _c[0], setIsLoading = _c[1];
|
|
60
59
|
var styled = useTrilogyContext().styled;
|
|
61
|
-
var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo,
|
|
60
|
+
var classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, skeleton && is('loading'), inverted && is('inverted'), marginless && is('marginless'), className));
|
|
62
61
|
var subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
|
|
63
62
|
var overlineClasses = hashClass(styled, clsx('overline', typo, className));
|
|
64
|
-
useEffect(function () {
|
|
65
|
-
setIsLoading(skeleton || false);
|
|
66
|
-
}, [skeleton]);
|
|
67
63
|
var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
|
|
68
64
|
var getClassname = function () {
|
|
69
65
|
if (subtitle)
|
|
@@ -75,4 +71,4 @@ var Title = function (_a) {
|
|
|
75
71
|
return (React.createElement(Tag, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick, className: getClassname() }, others), children));
|
|
76
72
|
};
|
|
77
73
|
export default Title;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBcUM7SUFDMUQsSUFBSSxLQUFLLEVBQUU7UUFDVCxRQUFRLEtBQUssRUFBRTtZQUNiLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLElBQUk7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCLEtBQUssV0FBVyxDQUFDLEdBQUc7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQ3RCO2dCQUNFLE9BQU8sRUFBRSxDQUFDLGdCQUFTLEtBQUssQ0FBRSxDQUFDLENBQUE7U0FDOUI7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUE2QztJQUNwRSxPQUFPLFlBQVksSUFBSSxXQUFXLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMkIsQ0FBQyxDQUFBO0FBQ3hHLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWVGO0lBZFgsSUFBQSxhQUF1QixFQUF2QixLQUFLLG1CQUFHLFdBQVcsQ0FBQyxHQUFHLEtBQUEsRUFDdkIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBZEkseUpBZWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsS0FBSyxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDN0IsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDNUUsSUFBTSxlQUFlLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTVFLElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBO0lBRTVELElBQU0sWUFBWSxHQUFHO1FBQ25CLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLElBQUksUUFBUTtZQUFFLE9BQU8sZUFBZSxDQUFBO1FBQ3BDLE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQUMsRUFBRSxFQUFFLEVBQUUsZ0JBQWMsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLElBQU0sTUFBTSxHQUNqRyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
|
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-135";
|
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-135";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { useTrilogyContext } from '../../../context';
|
|
6
|
-
/**
|
|
7
|
-
* Accordion Body Component
|
|
8
|
-
* @param children {React.ReactNode} Children for Accordion body
|
|
9
|
-
* - ------------------ WEB PROPERTIES -----------------------
|
|
10
|
-
* @param className {string} Additionnal CSS Classes
|
|
11
|
-
* @param dataId {string} data attribute
|
|
12
|
-
*/
|
|
13
|
-
var AccordionBody = function (_a) {
|
|
14
|
-
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
-
var styled = useTrilogyContext().styled;
|
|
16
|
-
return (React.createElement("div", __assign({ id: id, "data-accordion-body": true, className: hashClass(styled, clsx('accordion-body is-clipped', className)) }, others, { onClick: function (e) {
|
|
17
|
-
e.stopPropagation();
|
|
18
|
-
} }),
|
|
19
|
-
React.createElement("div", { className: hashClass(styled, clsx('accordion-content')) }, children)));
|
|
20
|
-
};
|
|
21
|
-
export default AccordionBody;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2JvZHkvQWNjb3JkaW9uQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQTBEO0lBQXhELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUNqRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUseUJBQ2UsSUFBSSxFQUN6QixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsMkJBQTJCLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDdEUsTUFBTSxJQUNWLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQztRQUVELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzFFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { StyleSheet, View } from "react-native";
|
|
4
|
-
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
5
|
-
/**
|
|
6
|
-
* Accordion Body Component
|
|
7
|
-
* @param children {React.ReactNode} Children for Accordion body
|
|
8
|
-
*/
|
|
9
|
-
var AccordionBody = function (_a) {
|
|
10
|
-
var children = _a.children, others = __rest(_a, ["children"]);
|
|
11
|
-
var styles = StyleSheet.create({
|
|
12
|
-
accordionBody: {},
|
|
13
|
-
});
|
|
14
|
-
return (React.createElement(View, __assign({ style: [styles.accordionBody] }, others), children));
|
|
15
|
-
};
|
|
16
|
-
AccordionBody.displayName = ComponentName.AccordionBody;
|
|
17
|
-
export default AccordionBody;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L0FjY29yZGlvbkJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFHRjtJQUZuQixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGWSxZQUd0QixDQURVO0lBRVQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixhQUFhLEVBQUUsRUFBRTtLQUNsQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBTSxNQUFNLEdBQzVDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFFdkQsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { useTrilogyContext } from '../../../context';
|
|
6
|
-
/**
|
|
7
|
-
* Accordion Header
|
|
8
|
-
* @param className {string} Additionnal CSS Classes
|
|
9
|
-
* @param children {React.ReactNode}
|
|
10
|
-
* @param testId
|
|
11
|
-
* @param others
|
|
12
|
-
*/
|
|
13
|
-
var AccordionHeader = function (_a) {
|
|
14
|
-
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
-
var styled = useTrilogyContext().styled;
|
|
16
|
-
return (React.createElement("summary", __assign({ id: id, "data-accordion-header": true, className: hashClass(styled, clsx('accordion-header', className)), role: 'button' }, others), children));
|
|
17
|
-
};
|
|
18
|
-
export default AccordionHeader;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaGVhZGVyL0FjY29yZGlvbkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQTREO0lBQTFELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUNuRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsMENBQ0UsRUFBRSxFQUFFLEVBQUUsMkJBQ2lCLElBQUksRUFDM0IsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQ2pFLElBQUksRUFBQyxRQUFRLElBQ1QsTUFBTSxHQUVULFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { StyleSheet, View } from "react-native";
|
|
3
|
-
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
-
/**
|
|
5
|
-
* Accordion Header
|
|
6
|
-
* @param children {React.ReactNode}
|
|
7
|
-
*/
|
|
8
|
-
var AccordionHeader = function (_a) {
|
|
9
|
-
var children = _a.children;
|
|
10
|
-
var styles = StyleSheet.create({
|
|
11
|
-
header: {
|
|
12
|
-
maxWidth: "95%",
|
|
13
|
-
minWidth: "95%",
|
|
14
|
-
width: "95%"
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
return React.createElement(View, { style: styles.header }, children);
|
|
18
|
-
};
|
|
19
|
-
AccordionHeader.displayName = ComponentName.AccordionHeader;
|
|
20
|
-
export default AccordionHeader;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2hlYWRlci9BY2NvcmRpb25IZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUFrQztRQUFoQyxRQUFRLGNBQUE7SUFDakMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsS0FBSztZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsS0FBSyxFQUFFLEtBQUs7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQ3RELENBQUMsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|