@trilogy-ds/react 0.0.1-beta-131 → 0.0.1-beta-134
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/alert/Alert.native.js +9 -9
- 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/columns/{item/ColumnsItem.d.ts → column/Column.d.ts} +3 -3
- package/lib/components/columns/{item/ColumnsItem.js → column/Column.js} +3 -3
- package/lib/components/columns/{item/ColumnsItem.native.d.ts → column/Column.native.d.ts} +4 -4
- package/lib/components/columns/column/Column.native.js +32 -0
- package/lib/components/columns/{item/ColumnsItemProps.d.ts → column/ColumnProps.d.ts} +1 -1
- package/lib/components/columns/column/ColumnProps.js +2 -0
- package/lib/components/columns/column/index.d.ts +2 -0
- package/lib/components/columns/column/index.js +3 -0
- package/lib/components/columns/index.d.ts +2 -2
- package/lib/components/columns/index.js +3 -3
- package/lib/components/enumsComponentsName.d.ts +2 -2
- package/lib/components/enumsComponentsName.js +3 -3
- package/lib/components/price/Price.d.ts +1 -3
- package/lib/components/price/Price.js +43 -38
- package/lib/components/price/Price.native.d.ts +1 -4
- package/lib/components/price/Price.native.js +9 -15
- package/lib/components/price/PriceProps.d.ts +3 -3
- package/lib/components/price/PricePropsDefaults.js +7 -4
- package/lib/components/rows/index.d.ts +2 -2
- package/lib/components/rows/index.js +3 -3
- package/lib/components/rows/{item/RowItem.d.ts → row/Row.d.ts} +3 -3
- package/lib/components/rows/row/Row.js +21 -0
- package/lib/components/rows/{item/RowItem.native.d.ts → row/Row.native.d.ts} +4 -4
- package/lib/components/rows/row/Row.native.js +22 -0
- package/lib/components/rows/{item/RowItemProps.d.ts → row/RowProps.d.ts} +1 -1
- package/lib/components/rows/row/RowProps.js +2 -0
- package/lib/components/rows/row/index.d.ts +2 -0
- package/lib/components/rows/row/index.js +3 -0
- package/lib/components/section/Section.js +4 -8
- package/lib/components/select/option/SelectOption.native.js +5 -5
- package/lib/components/tabs/Tabs.js +5 -41
- package/lib/components/tabs/index.d.ts +5 -2
- package/lib/components/tabs/index.js +6 -3
- package/lib/components/tabs/tab-list/TabList.d.ts +8 -0
- package/lib/components/tabs/tab-list/TabList.js +17 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +10 -0
- package/lib/components/tabs/tab-list/TabListProps.js +2 -0
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +49 -0
- package/lib/components/tabs/tab-list/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/index.js +3 -0
- package/lib/components/tabs/{item/TabsItem.d.ts → tab-list/tab/Tab.d.ts} +3 -3
- package/lib/components/tabs/tab-list/tab/Tab.js +65 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/TabProps.js +2 -0
- package/lib/components/tabs/{item/TabsItemPropsDefaults.js → tab-list/tab/TabPropsDefaults.js} +7 -14
- package/lib/components/tabs/tab-list/tab/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/tab/index.js +3 -0
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +8 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +17 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.js +2 -0
- package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +37 -0
- package/lib/components/tabs/tab-panels/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/index.js +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +8 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +17 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js +30 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.js +3 -0
- 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/columns/item/ColumnsItem.native.js +0 -32
- package/lib/components/columns/item/ColumnsItemProps.js +0 -2
- package/lib/components/columns/item/index.d.ts +0 -2
- package/lib/components/columns/item/index.js +0 -3
- package/lib/components/rows/item/RowItem.js +0 -21
- package/lib/components/rows/item/RowItem.native.js +0 -22
- package/lib/components/rows/item/RowItemProps.js +0 -2
- package/lib/components/rows/item/index.d.ts +0 -2
- package/lib/components/rows/item/index.js +0 -3
- package/lib/components/tabs/Tabs.native.d.ts +0 -18
- package/lib/components/tabs/Tabs.native.js +0 -70
- package/lib/components/tabs/item/TabsItem.js +0 -65
- package/lib/components/tabs/item/TabsItem.native.d.ts +0 -16
- package/lib/components/tabs/item/TabsItem.native.js +0 -78
- package/lib/components/tabs/item/TabsItemProps.d.ts +0 -16
- package/lib/components/tabs/item/TabsItemProps.js +0 -2
- package/lib/components/tabs/item/index.d.ts +0 -2
- package/lib/components/tabs/item/index.js +0 -3
- /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
- /package/lib/components/columns/{item/ColumnsItemPropsDefaults.js → column/ColumnPropsDefaults.js} +0 -0
- /package/lib/components/rows/{item/RowsItemPropsDefaults.js → row/RowPropsDefaults.js} +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,7 +1,7 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
4
|
-
import { Columns,
|
|
4
|
+
import { Columns, Column } from '../../components/columns';
|
|
5
5
|
import { Spacer, SpacerSize } from '../../components/spacer';
|
|
6
6
|
import { View } from '../../components/view';
|
|
7
7
|
import { Text, TextLevels } from '../../components/text';
|
|
@@ -80,14 +80,14 @@ var Alert = function (_a) {
|
|
|
80
80
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
81
81
|
React.createElement(View, { style: [styles.container, others.style] },
|
|
82
82
|
React.createElement(Columns, null,
|
|
83
|
-
React.createElement(
|
|
83
|
+
React.createElement(Column, { size: 1 },
|
|
84
84
|
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status) })),
|
|
85
|
-
React.createElement(
|
|
85
|
+
React.createElement(Column, { size: 11 },
|
|
86
86
|
React.createElement(Text, { style: styles.containerTitle, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title),
|
|
87
87
|
React.createElement(Spacer, { size: SpacerSize.ONE }))),
|
|
88
88
|
description && (React.createElement(Columns, null,
|
|
89
|
-
React.createElement(
|
|
90
|
-
React.createElement(
|
|
89
|
+
React.createElement(Column, { size: 1 }),
|
|
90
|
+
React.createElement(Column, { size: 11 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
|
|
91
91
|
if (onClick && display)
|
|
92
92
|
return (React.createElement(View, null,
|
|
93
93
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView)));
|
|
@@ -128,13 +128,13 @@ export var ToasterAlert = function (_a) {
|
|
|
128
128
|
return (React.createElement(View, { style: styles.toaster },
|
|
129
129
|
React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
|
|
130
130
|
React.createElement(Columns, null,
|
|
131
|
-
React.createElement(
|
|
132
|
-
React.createElement(
|
|
131
|
+
React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName })),
|
|
132
|
+
React.createElement(Column, null,
|
|
133
133
|
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
134
134
|
description && (React.createElement(React.Fragment, null,
|
|
135
135
|
React.createElement(Spacer, { size: SpacerSize.TWO }),
|
|
136
136
|
React.createElement(Text, { level: TextLevels.THREE }, description)))),
|
|
137
|
-
closable && (React.createElement(
|
|
137
|
+
closable && (React.createElement(Column, { size: 1 },
|
|
138
138
|
React.createElement(TouchableOpacity, { onPress: function (e) {
|
|
139
139
|
LibToast.hide();
|
|
140
140
|
closable(e);
|
|
@@ -159,4 +159,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
159
159
|
};
|
|
160
160
|
Alert.displayName = ComponentName.Alert;
|
|
161
161
|
export default Alert;
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
162
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBYyxvQkFBb0IsRUFBc0IsTUFBTSxjQUFjLENBQUE7QUFDbkYsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxjQUFjLE1BQU0sV0FBVyxDQUFBO0FBQ3RDLE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBR2pEOzs7R0FHRztBQUNILElBQU0sU0FBUyxHQUF1QixVQUFDLE1BQTBCO0lBQ3ZELElBQUEsUUFB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
|
|
@@ -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
|