@trilogy-ds/react 0.0.1-beta-146 → 0.0.1-beta-147
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.d.ts +4 -1
- package/lib/components/accordion/Accordion.js +8 -5
- package/lib/components/breadcrumb/Breadcrumb.d.ts +1 -1
- package/lib/components/breadcrumb/Breadcrumb.js +5 -5
- package/lib/components/card/Card.d.ts +1 -9
- package/lib/components/card/Card.js +4 -12
- package/lib/components/chips/list/ChipsList.d.ts +4 -1
- package/lib/components/chips/list/ChipsList.js +8 -5
- package/lib/components/columns/Columns.d.ts +1 -1
- package/lib/components/columns/Columns.js +4 -4
- package/lib/components/columns/column/Column.d.ts +1 -1
- package/lib/components/columns/column/Column.js +3 -3
- package/lib/components/list/List.d.ts +1 -2
- package/lib/components/list/List.js +5 -6
- package/lib/components/progress/Progress.d.ts +1 -7
- package/lib/components/progress/Progress.js +9 -15
- package/lib/components/rows/Rows.d.ts +1 -2
- package/lib/components/rows/Rows.js +5 -6
- package/lib/components/rows/row/Row.d.ts +1 -1
- package/lib/components/rows/row/Row.js +5 -5
- package/lib/components/section/Section.d.ts +1 -5
- package/lib/components/section/Section.js +5 -9
- package/lib/components/select/option/SelectOption.d.ts +2 -1
- package/lib/components/select/option/SelectOption.js +7 -6
- package/lib/components/stepper/Stepper.d.ts +1 -1
- package/lib/components/stepper/Stepper.js +7 -7
- package/lib/components/stepper/step/Step.d.ts +1 -3
- package/lib/components/stepper/step/Step.js +5 -7
- package/lib/components/tabs/Tabs.d.ts +1 -7
- package/lib/components/tabs/Tabs.js +6 -12
- package/lib/components/tabs/tab-list/TabList.d.ts +6 -1
- package/lib/components/tabs/tab-list/TabList.js +9 -4
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +1 -1
- package/lib/components/tabs/tab-list/tab/Tab.js +9 -9
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +5 -1
- package/lib/components/tabs/tab-panels/TabPanels.js +8 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +4 -1
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +7 -4
- package/lib/components/tag/list/TagList.d.ts +1 -3
- package/lib/components/tag/list/TagList.js +4 -6
- package/lib/components/timeline/Timeline.d.ts +1 -2
- package/lib/components/timeline/Timeline.js +5 -6
- package/lib/components/timeline/item/TimelineItem.d.ts +1 -2
- package/lib/components/timeline/item/TimelineItem.js +5 -6
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { AccordionProps } from './AccordionProps';
|
|
3
3
|
/**
|
|
4
4
|
* Accordion Component
|
|
5
|
+
* @param id
|
|
5
6
|
* @param className {string} Additionnal CSS Classes
|
|
7
|
+
* @param children
|
|
8
|
+
* @param others
|
|
6
9
|
*/
|
|
7
|
-
declare const Accordion:
|
|
10
|
+
declare const Accordion: ({ id, className, children, ...others }: AccordionProps) => React.JSX.Element;
|
|
8
11
|
export default Accordion;
|
|
@@ -5,13 +5,16 @@ import { useTrilogyContext } from '../../context/index';
|
|
|
5
5
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
6
6
|
/**
|
|
7
7
|
* Accordion Component
|
|
8
|
+
* @param id
|
|
8
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
|
+
* @param children
|
|
11
|
+
* @param others
|
|
9
12
|
*/
|
|
10
|
-
var Accordion =
|
|
11
|
-
var id =
|
|
13
|
+
var Accordion = function (_a) {
|
|
14
|
+
var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
|
|
12
15
|
var styled = useTrilogyContext().styled;
|
|
13
16
|
var classes = hashClass(styled, clsx('accordion', className));
|
|
14
|
-
return (React.createElement("div", __assign({ id: id,
|
|
15
|
-
}
|
|
17
|
+
return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
|
|
18
|
+
};
|
|
16
19
|
export default Accordion;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -8,5 +8,5 @@ import { BreadcrumbWebProps } from './BreadcrumbProps';
|
|
|
8
8
|
* @param className {string} Additionnal CSS Classes
|
|
9
9
|
* @param accessibilityLabel {string} Accessibility label
|
|
10
10
|
*/
|
|
11
|
-
declare const Breadcrumb:
|
|
11
|
+
declare const Breadcrumb: ({ children, className, id, accessibilityLabel, ...others }: BreadcrumbWebProps) => React.JSX.Element;
|
|
12
12
|
export default Breadcrumb;
|
|
@@ -11,11 +11,11 @@ import { useTrilogyContext } from '../../context';
|
|
|
11
11
|
* @param className {string} Additionnal CSS Classes
|
|
12
12
|
* @param accessibilityLabel {string} Accessibility label
|
|
13
13
|
*/
|
|
14
|
-
var Breadcrumb =
|
|
15
|
-
var children =
|
|
14
|
+
var Breadcrumb = function (_a) {
|
|
15
|
+
var children = _a.children, className = _a.className, id = _a.id, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["children", "className", "id", "accessibilityLabel"]);
|
|
16
16
|
var styled = useTrilogyContext().styled;
|
|
17
|
-
return (React.createElement("nav", __assign({ id: id,
|
|
17
|
+
return (React.createElement("nav", __assign({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
|
|
18
18
|
React.createElement("ul", null, children)));
|
|
19
|
-
}
|
|
19
|
+
};
|
|
20
20
|
export default Breadcrumb;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -8,22 +8,14 @@ export declare const CardContext: React.Context<{
|
|
|
8
8
|
* @param flat {boolean} Adding border for Card content
|
|
9
9
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
10
10
|
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
11
|
-
* @param inverted {boolean} Inverted Card Color
|
|
12
11
|
* @param floating {boolean} Floating card
|
|
13
12
|
* @param onClick {Function} onClick Event
|
|
14
|
-
* @param children {React.ReactNode}
|
|
15
13
|
* @param skeleton {boolean} Loading card
|
|
16
14
|
* @param reversed {boolean} Reversed card
|
|
17
15
|
* @param active {boolean} Activated card
|
|
18
16
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
19
17
|
* @param className {string} Additionnal CSS Classes
|
|
20
|
-
* @param to {string} Card link
|
|
21
18
|
* @param fullheight
|
|
22
|
-
* @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
|
|
23
|
-
* @param backgroundSrc {string} Source of background Image
|
|
24
|
-
* @param align { Alignable | AlignableValues} align content
|
|
25
|
-
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
26
|
-
* @param testId {string} Test Id for Test Integration
|
|
27
19
|
*/
|
|
28
|
-
declare const Card:
|
|
20
|
+
declare const Card: ({ className, id, flat, horizontal, floating, skeleton, onClick, reversed, href, fullheight, active, ...others }: CardProps) => React.JSX.Element;
|
|
29
21
|
export default Card;
|
|
@@ -10,25 +10,17 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
10
10
|
* @param flat {boolean} Adding border for Card content
|
|
11
11
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
12
12
|
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
13
|
-
* @param inverted {boolean} Inverted Card Color
|
|
14
13
|
* @param floating {boolean} Floating card
|
|
15
14
|
* @param onClick {Function} onClick Event
|
|
16
|
-
* @param children {React.ReactNode}
|
|
17
15
|
* @param skeleton {boolean} Loading card
|
|
18
16
|
* @param reversed {boolean} Reversed card
|
|
19
17
|
* @param active {boolean} Activated card
|
|
20
18
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
21
19
|
* @param className {string} Additionnal CSS Classes
|
|
22
|
-
* @param to {string} Card link
|
|
23
20
|
* @param fullheight
|
|
24
|
-
* @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
|
|
25
|
-
* @param backgroundSrc {string} Source of background Image
|
|
26
|
-
* @param align { Alignable | AlignableValues} align content
|
|
27
|
-
* @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
|
|
28
|
-
* @param testId {string} Test Id for Test Integration
|
|
29
21
|
*/
|
|
30
|
-
var Card =
|
|
31
|
-
var className =
|
|
22
|
+
var Card = function (_a) {
|
|
23
|
+
var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
|
|
32
24
|
var styled = useTrilogyContext().styled;
|
|
33
25
|
var hoverStyle = {
|
|
34
26
|
cursor: 'pointer',
|
|
@@ -42,6 +34,6 @@ var Card = React.forwardRef(function (props) {
|
|
|
42
34
|
} }, others, { className: classes })));
|
|
43
35
|
}
|
|
44
36
|
return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
|
|
45
|
-
}
|
|
37
|
+
};
|
|
46
38
|
export default Card;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhWTtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWlgsd0hBYUMsQ0FEVTtJQUdmLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsT0FBTyxpQkFBUyxVQUFVLENBQUUsSUFDL0IsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -2,9 +2,12 @@ import * as React from 'react';
|
|
|
2
2
|
import { ChipsListProps } from './ChipsListProps';
|
|
3
3
|
/**
|
|
4
4
|
* ChipsList Component - Container for Chips
|
|
5
|
+
* @param className
|
|
6
|
+
* @param id
|
|
5
7
|
* @param children {React.ReactNode}
|
|
6
8
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
7
9
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
10
|
+
* @param others
|
|
8
11
|
*/
|
|
9
|
-
declare const ChipsList:
|
|
12
|
+
declare const ChipsList: ({ className, id, children, multiple, scrollable, ...others }: ChipsListProps) => React.JSX.Element;
|
|
10
13
|
export default ChipsList;
|
|
@@ -6,15 +6,18 @@ import { hashClass } from '../../../helpers';
|
|
|
6
6
|
import { useTrilogyContext } from '../../../context';
|
|
7
7
|
/**
|
|
8
8
|
* ChipsList Component - Container for Chips
|
|
9
|
+
* @param className
|
|
10
|
+
* @param id
|
|
9
11
|
* @param children {React.ReactNode}
|
|
10
12
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
11
13
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
14
|
+
* @param others
|
|
12
15
|
*/
|
|
13
|
-
var ChipsList =
|
|
14
|
-
var className =
|
|
16
|
+
var ChipsList = function (_a) {
|
|
17
|
+
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable"]);
|
|
15
18
|
var styled = useTrilogyContext().styled;
|
|
16
19
|
var classes = hashClass(styled, clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable'), className));
|
|
17
|
-
return (React.createElement("div", __assign({ id: id,
|
|
18
|
-
}
|
|
20
|
+
return (React.createElement("div", __assign({ id: id, role: "group", className: classes }, others), children));
|
|
21
|
+
};
|
|
19
22
|
export default ChipsList;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE0RTtJQUExRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQTFELHlEQUE0RCxDQUFGO0lBQ25FLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMxRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDckQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -13,5 +13,5 @@ import { ColumnsProps } from './ColumnsProps';
|
|
|
13
13
|
* @param className {string} Additionnal CSS Classes
|
|
14
14
|
* @param mobile {boolean} Responsive mode
|
|
15
15
|
*/
|
|
16
|
-
declare const Columns:
|
|
16
|
+
declare const Columns: ({ className, id, multiline, scrollable, mobile, gap, fullBleed, marginless, align, verticalAlign, ...others }: ColumnsProps) => React.JSX.Element;
|
|
17
17
|
export default Columns;
|
|
@@ -18,11 +18,11 @@ import { getAlignClassName, getJustifiedClassName } from '../../objects';
|
|
|
18
18
|
* @param className {string} Additionnal CSS Classes
|
|
19
19
|
* @param mobile {boolean} Responsive mode
|
|
20
20
|
*/
|
|
21
|
-
var Columns =
|
|
22
|
-
var className =
|
|
21
|
+
var Columns = function (_a) {
|
|
22
|
+
var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign"]);
|
|
23
23
|
var styled = useTrilogyContext().styled;
|
|
24
24
|
var classes = hashClass(styled, clsx('columns', multiline && is('multiline'), fullBleed && is('fullbleed'), scrollable && is('scrollable'), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), mobile && is('mobile'), align && is(getJustifiedClassName(align)), verticalAlign && is(getAlignClassName(verticalAlign)), marginless && is("marginless"), className));
|
|
25
25
|
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
26
|
-
}
|
|
26
|
+
};
|
|
27
27
|
export default Columns;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXBFOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFZZTtJQVhiLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLEdBQUcsU0FBQSxFQUNILFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQVhYLG9IQVlDLENBRFU7SUFFbEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -24,5 +24,5 @@ import { ColumnProps } from './ColumnProps';
|
|
|
24
24
|
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
25
25
|
* @param align { Alignable | AlignableValues} align content
|
|
26
26
|
*/
|
|
27
|
-
declare const Column:
|
|
27
|
+
declare const Column: ({ className, id, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalAlign, ...others }: ColumnProps) => React.JSX.Element;
|
|
28
28
|
export default Column;
|
|
@@ -29,11 +29,11 @@ import { getAlignClassName } from '../../../objects';
|
|
|
29
29
|
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
30
30
|
* @param align { Alignable | AlignableValues} align content
|
|
31
31
|
*/
|
|
32
|
-
var Column =
|
|
32
|
+
var Column = function (_a) {
|
|
33
33
|
var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
|
|
34
34
|
var styled = useTrilogyContext().styled;
|
|
35
35
|
var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
|
|
36
36
|
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
37
|
-
}
|
|
37
|
+
};
|
|
38
38
|
export default Column;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBb0JjO0lBbkJaLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQW5CWCw0UEFvQkMsQ0FEVTtJQUdqQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -5,7 +5,6 @@ import { ListProps } from './ListProps';
|
|
|
5
5
|
* @param className {string} Additionnal CSS Classes
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
* @param hasIcon {boolean} If Have icon
|
|
8
|
-
* @param onDelete {() => void} OnDelete Event
|
|
9
8
|
*/
|
|
10
|
-
declare const List:
|
|
9
|
+
declare const List: ({ className, id, children, testId, divider, ...others }: ListProps) => React.JSX.Element;
|
|
11
10
|
export default List;
|
|
@@ -9,13 +9,12 @@ import { has } from '../../services';
|
|
|
9
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
10
|
* @param children {React.ReactNode}
|
|
11
11
|
* @param hasIcon {boolean} If Have icon
|
|
12
|
-
* @param onDelete {() => void} OnDelete Event
|
|
13
12
|
*/
|
|
14
|
-
var List =
|
|
15
|
-
var className =
|
|
13
|
+
var List = function (_a) {
|
|
14
|
+
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
|
|
16
15
|
var styled = useTrilogyContext().styled;
|
|
17
16
|
var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
|
|
18
|
-
return (React.createElement("ul", __assign({ id: id,
|
|
19
|
-
}
|
|
17
|
+
return (React.createElement("ul", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
18
|
+
};
|
|
20
19
|
export default List;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7O0dBS0c7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtFO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFyRCxvREFBdUQsQ0FBRjtJQUN6RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJGLE9BQU8sQ0FDTCxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzVELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -3,16 +3,10 @@ import { ProgressProps } from './ProgressProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Progress component
|
|
5
5
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
6
|
-
* @param percent {number} Progress percent
|
|
7
|
-
* @param maxPercent {number} Default max percent is 100
|
|
8
6
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
7
|
* @param small {boolean} Small progress
|
|
10
|
-
* @param stacked {boolean} Stacked progress
|
|
11
|
-
* @param uniqueLegend {string} Unique legend
|
|
12
|
-
* @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
|
|
13
|
-
* @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
|
|
14
8
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
15
9
|
* @param className {string} Additionnal CSS classes
|
|
16
10
|
*/
|
|
17
|
-
declare const Progress:
|
|
11
|
+
declare const Progress: ({ className, id, value, max, status, small, legendStart, legendCenter, legendEnd, ...others }: ProgressProps) => React.JSX.Element;
|
|
18
12
|
export default Progress;
|
|
@@ -9,30 +9,24 @@ import { Text } from '../../components/text';
|
|
|
9
9
|
/**
|
|
10
10
|
* Progress component
|
|
11
11
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
12
|
-
* @param percent {number} Progress percent
|
|
13
|
-
* @param maxPercent {number} Default max percent is 100
|
|
14
12
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
15
13
|
* @param small {boolean} Small progress
|
|
16
|
-
* @param stacked {boolean} Stacked progress
|
|
17
|
-
* @param uniqueLegend {string} Unique legend
|
|
18
|
-
* @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
|
|
19
|
-
* @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
|
|
20
14
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
21
15
|
* @param className {string} Additionnal CSS classes
|
|
22
16
|
*/
|
|
23
|
-
var Progress =
|
|
24
|
-
var className =
|
|
17
|
+
var Progress = function (_a) {
|
|
18
|
+
var className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, others = __rest(_a, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
|
|
25
19
|
var styled = useTrilogyContext().styled;
|
|
26
20
|
var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
|
|
27
|
-
return (React.createElement("div", { className:
|
|
21
|
+
return (React.createElement("div", { className: "progress-container" },
|
|
28
22
|
React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
|
|
29
|
-
(legendStart || legendCenter || legendEnd) && (React.createElement("div", { className:
|
|
30
|
-
legendStart && (React.createElement("div", { className:
|
|
23
|
+
(legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: "progress-legends" },
|
|
24
|
+
legendStart && (React.createElement("div", { className: "progress-legend-start" },
|
|
31
25
|
React.createElement(Text, null, legendStart))),
|
|
32
|
-
legendCenter && (React.createElement("div", { className:
|
|
26
|
+
legendCenter && (React.createElement("div", { className: "progress-legend-center" },
|
|
33
27
|
React.createElement(Text, null, legendCenter))),
|
|
34
|
-
legendEnd && (React.createElement("div", { className:
|
|
28
|
+
legendEnd && (React.createElement("div", { className: "progress-legend-end" },
|
|
35
29
|
React.createElement(Text, null, legendEnd)))))));
|
|
36
|
-
}
|
|
30
|
+
};
|
|
37
31
|
export default Progress;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBV2dCO0lBVmQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxXQUFTLEVBQVQsR0FBRyxtQkFBRyxHQUFHLEtBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FWWCxrR0FXQyxDQURVO0lBRW5CLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixVQUFVLEVBQ1YsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUN4QyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtRQUNqQywyQ0FBVSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDckUsS0FBSyxDQUNHO1FBQ1YsQ0FBQyxXQUFXLElBQUksWUFBWSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQzdDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDOUIsV0FBVyxJQUFJLENBQ2QsNkJBQUssU0FBUyxFQUFDLHVCQUF1QjtnQkFDcEMsb0JBQUMsSUFBSSxRQUFFLFdBQVcsQ0FBUSxDQUN0QixDQUNQO1lBQ0EsWUFBWSxJQUFJLENBQ2YsNkJBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDckMsb0JBQUMsSUFBSSxRQUFFLFlBQVksQ0FBUSxDQUN2QixDQUNQO1lBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssU0FBUyxFQUFDLHFCQUFxQjtnQkFDbEMsb0JBQUMsSUFBSSxRQUFFLFNBQVMsQ0FBUSxDQUNwQixDQUNQLENBQ0csQ0FDUCxDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=
|
|
@@ -3,9 +3,8 @@ import { RowsProps } from './RowsProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Rows Component
|
|
5
5
|
* @param children {React.ReactNode} Rows children
|
|
6
|
-
* @param gapless {boolean} Delete margins between row
|
|
7
6
|
* - ------------------- WEB PROPERTIES -------------------------
|
|
8
7
|
* @param className {string} additionnal CSS Classes
|
|
9
8
|
*/
|
|
10
|
-
declare const Rows:
|
|
9
|
+
declare const Rows: ({ className, id, gap, ...others }: RowsProps) => React.JSX.Element;
|
|
11
10
|
export default Rows;
|
|
@@ -7,14 +7,13 @@ import { has, is } from '../../services';
|
|
|
7
7
|
/**
|
|
8
8
|
* Rows Component
|
|
9
9
|
* @param children {React.ReactNode} Rows children
|
|
10
|
-
* @param gapless {boolean} Delete margins between row
|
|
11
10
|
* - ------------------- WEB PROPERTIES -------------------------
|
|
12
11
|
* @param className {string} additionnal CSS Classes
|
|
13
12
|
*/
|
|
14
|
-
var Rows =
|
|
15
|
-
var className =
|
|
13
|
+
var Rows = function (_a) {
|
|
14
|
+
var className = _a.className, id = _a.id, gap = _a.gap, others = __rest(_a, ["className", "id", "gap"]);
|
|
16
15
|
var styled = useTrilogyContext().styled;
|
|
17
|
-
return (React.createElement("div", __assign({ id: id,
|
|
18
|
-
}
|
|
16
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
|
|
17
|
+
};
|
|
19
18
|
export default Rows;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUE0QztJQUExQyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFLLE1BQU0sY0FBL0IsMEJBQWlDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQUUsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1RyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -7,5 +7,5 @@ import { RowProps } from './RowProps';
|
|
|
7
7
|
* - -------------------------- WEB PROPERTIES -------------------
|
|
8
8
|
* @param className {string} additionnal CSS Classes
|
|
9
9
|
*/
|
|
10
|
-
declare const Row:
|
|
10
|
+
declare const Row: ({ className, id, narrow, ...others }: RowProps) => React.JSX.Element;
|
|
11
11
|
export default Row;
|
|
@@ -11,11 +11,11 @@ import { useTrilogyContext } from '../../../context';
|
|
|
11
11
|
* - -------------------------- WEB PROPERTIES -------------------
|
|
12
12
|
* @param className {string} additionnal CSS Classes
|
|
13
13
|
*/
|
|
14
|
-
var Row =
|
|
15
|
-
var className =
|
|
14
|
+
var Row = function (_a) {
|
|
15
|
+
var className = _a.className, id = _a.id, narrow = _a.narrow, others = __rest(_a, ["className", "id", "narrow"]);
|
|
16
16
|
var styled = useTrilogyContext().styled;
|
|
17
17
|
var classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
|
|
18
|
-
return React.createElement("div", __assign({ id: id,
|
|
19
|
-
}
|
|
18
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
19
|
+
};
|
|
20
20
|
export default Row;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yb3dzL3Jvdy9Sb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFBOEM7SUFBNUMsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxDLDZCQUFvQyxDQUFGO0lBQ3JDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDakYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
|
|
@@ -5,15 +5,11 @@ import { SectionProps } from './SectionProps';
|
|
|
5
5
|
* @param children {React.ReactNode}
|
|
6
6
|
* @param backgroundColor {TrilogyColor} Section Background Color
|
|
7
7
|
* @param backgroundSrc {string} Source of background Image
|
|
8
|
-
* @param paddingless {boolean} remove padding
|
|
9
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
10
|
-
* @param fullwidth {boolean} Fullwidth section
|
|
11
8
|
* - -------------- WEB PROPERTIES ---------------
|
|
12
9
|
* @param className {string} Additionnal CSS Classes
|
|
13
10
|
* @param inverted {boolean} Inverted Section Color
|
|
14
11
|
* @param skeleton {boolean} Skeleton before loaded
|
|
15
12
|
* - -------------- NATIVE PROPERTIES ---------------
|
|
16
|
-
* @param autolayout {boolean} Apply auto-layout rules
|
|
17
13
|
**/
|
|
18
|
-
declare const Section:
|
|
14
|
+
declare const Section: ({ className, id, skeleton, backgroundColor, backgroundSrc, inverted, ...others }: SectionProps) => React.JSX.Element;
|
|
19
15
|
export default Section;
|
|
@@ -10,23 +10,19 @@ import { useTrilogyContext } from '../../context';
|
|
|
10
10
|
* @param children {React.ReactNode}
|
|
11
11
|
* @param backgroundColor {TrilogyColor} Section Background Color
|
|
12
12
|
* @param backgroundSrc {string} Source of background Image
|
|
13
|
-
* @param paddingless {boolean} remove padding
|
|
14
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
15
|
-
* @param fullwidth {boolean} Fullwidth section
|
|
16
13
|
* - -------------- WEB PROPERTIES ---------------
|
|
17
14
|
* @param className {string} Additionnal CSS Classes
|
|
18
15
|
* @param inverted {boolean} Inverted Section Color
|
|
19
16
|
* @param skeleton {boolean} Skeleton before loaded
|
|
20
17
|
* - -------------- NATIVE PROPERTIES ---------------
|
|
21
|
-
* @param autolayout {boolean} Apply auto-layout rules
|
|
22
18
|
**/
|
|
23
|
-
var Section =
|
|
24
|
-
var className =
|
|
19
|
+
var Section = function (_a) {
|
|
20
|
+
var className = _a.className, id = _a.id, skeleton = _a.skeleton, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, others = __rest(_a, ["className", "id", "skeleton", "backgroundColor", "backgroundSrc", "inverted"]);
|
|
25
21
|
var styled = useTrilogyContext().styled;
|
|
26
22
|
var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading')));
|
|
27
|
-
return (React.createElement("section", __assign({ id: id
|
|
23
|
+
return (React.createElement("section", __assign({ id: id }, (backgroundSrc && {
|
|
28
24
|
style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
|
|
29
25
|
}), { className: _className }, others)));
|
|
30
|
-
}
|
|
26
|
+
};
|
|
31
27
|
export default Section;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBOEY7SUFBNUYsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBOUUsK0VBQWdGLENBQUY7SUFDckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUMxQixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsMENBQ0UsRUFBRSxFQUFFLEVBQUUsSUFDRixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLFVBQVUsSUFDakIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -12,6 +12,7 @@ import { SelectOptionProps } from './SelectOptionProps';
|
|
|
12
12
|
* @param disabled {boolean} disable option
|
|
13
13
|
* @param onClick {function} onclick function
|
|
14
14
|
* @param id {string} Select option custom id
|
|
15
|
+
* @param others
|
|
15
16
|
*/
|
|
16
|
-
declare const SelectOption:
|
|
17
|
+
declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => React.JSX.Element;
|
|
17
18
|
export default SelectOption;
|
|
@@ -14,15 +14,16 @@ import * as React from 'react';
|
|
|
14
14
|
* @param disabled {boolean} disable option
|
|
15
15
|
* @param onClick {function} onclick function
|
|
16
16
|
* @param id {string} Select option custom id
|
|
17
|
+
* @param others
|
|
17
18
|
*/
|
|
18
|
-
var SelectOption =
|
|
19
|
-
var id =
|
|
20
|
-
var
|
|
19
|
+
var SelectOption = function (_a) {
|
|
20
|
+
var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
|
|
21
|
+
var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
|
|
21
22
|
var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
|
|
22
23
|
if (native) {
|
|
23
|
-
return (React.createElement("option", __assign({
|
|
24
|
+
return (React.createElement("option", __assign({ role: "option", id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
|
|
24
25
|
}
|
|
25
26
|
return (React.createElement(RadioTile, __assign({ checked: checked, horizontal: true, className: selectClasses, value: value, disabled: disabled, onChange: onClick, icon: iconName, description: label || children }, others)));
|
|
26
|
-
}
|
|
27
|
+
};
|
|
27
28
|
export default SelectOption;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFXb0I7SUFWbEIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVlgsOEZBV0MsQ0FEVTtJQUcvQixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQW5DLENBQW1DLEVBQUUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRyxJQUFJLE1BQU0sRUFBRTtRQUNWLE9BQU8sQ0FDTCx5Q0FDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGFBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLE9BQU8sRUFDakIsSUFBSSxFQUFFLFFBQVEsRUFDZCxXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVEsSUFDMUIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=
|
|
@@ -7,5 +7,5 @@ import { StepperProps } from './StepperProps';
|
|
|
7
7
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
8
|
* @param className Additionnal CSS Classes
|
|
9
9
|
*/
|
|
10
|
-
declare const Stepper:
|
|
10
|
+
declare const Stepper: ({ className, id, children, ...others }: StepperProps) => React.JSX.Element;
|
|
11
11
|
export default Stepper;
|
|
@@ -11,11 +11,11 @@ import { Text } from '../../components/text';
|
|
|
11
11
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
12
|
* @param className Additionnal CSS Classes
|
|
13
13
|
*/
|
|
14
|
-
var Stepper =
|
|
15
|
-
var className =
|
|
14
|
+
var Stepper = function (_a) {
|
|
15
|
+
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
16
16
|
var styled = useTrilogyContext().styled;
|
|
17
17
|
var classes = hashClass(styled, clsx('stepper-wrapper', className));
|
|
18
|
-
var
|
|
18
|
+
var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
19
19
|
var nbChild = React.useMemo(function () {
|
|
20
20
|
if (children && Array.isArray(children))
|
|
21
21
|
return children.length;
|
|
@@ -42,13 +42,13 @@ var Stepper = React.forwardRef(function (props, ref) {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}, [children]);
|
|
45
|
-
return (React.createElement("div", __assign({ id: id,
|
|
45
|
+
return (React.createElement("div", __assign({ id: id, className: classes }, others),
|
|
46
46
|
children,
|
|
47
|
-
React.createElement("div", { className:
|
|
47
|
+
React.createElement("div", { className: "step-count" },
|
|
48
48
|
React.createElement(Text, null,
|
|
49
49
|
currentStep,
|
|
50
50
|
"/",
|
|
51
51
|
nbChild))));
|
|
52
|
-
}
|
|
52
|
+
};
|
|
53
53
|
export default Stepper;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7b0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7d0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO3dCQUN0QixjQUFjLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFBO3FCQUMxQjtnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFDRCxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -10,9 +10,7 @@ import { StepProps } from './StepProps';
|
|
|
10
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
11
|
* @param className {string} Additionnal CSS Classes
|
|
12
12
|
* @param iconName {IconName | IconNameValues} display icon
|
|
13
|
-
* @param markup {StepperStepMarkup} Markup for Step - P|SPAN|DIV|A
|
|
14
13
|
* @param label {string} Step label
|
|
15
|
-
* @param step {number|string} Step text circle
|
|
16
14
|
*/
|
|
17
|
-
declare const Step:
|
|
15
|
+
declare const Step: ({ className, id, active, current, done, label, iconName, error, ...others }: StepProps) => React.JSX.Element;
|
|
18
16
|
export default Step;
|
|
@@ -16,22 +16,20 @@ import { IconSize } from '../../../components/icon';
|
|
|
16
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
17
|
* @param className {string} Additionnal CSS Classes
|
|
18
18
|
* @param iconName {IconName | IconNameValues} display icon
|
|
19
|
-
* @param markup {StepperStepMarkup} Markup for Step - P|SPAN|DIV|A
|
|
20
19
|
* @param label {string} Step label
|
|
21
|
-
* @param step {number|string} Step text circle
|
|
22
20
|
*/
|
|
23
|
-
var Step =
|
|
24
|
-
var className =
|
|
21
|
+
var Step = function (_a) {
|
|
22
|
+
var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
|
|
25
23
|
var styled = useTrilogyContext().styled;
|
|
26
24
|
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
27
25
|
var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
|
|
28
26
|
/**
|
|
29
27
|
* If no markup return div
|
|
30
28
|
*/
|
|
31
|
-
return (React.createElement("div", __assign({ id: id,
|
|
29
|
+
return (React.createElement("div", __assign({ id: id, className: classes, "data-label": label }, others),
|
|
32
30
|
React.createElement("div", { className: classesStepLabel },
|
|
33
31
|
label,
|
|
34
32
|
!done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
|
|
35
|
-
}
|
|
33
|
+
};
|
|
36
34
|
export default Step;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXNGO0lBQXBGLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6RSw4RUFBMkUsQ0FBRjtJQUM3RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxLQUFLLElBQU0sTUFBTTtRQUM1RCw2QkFBSyxTQUFTLEVBQUUsZ0JBQWdCO1lBQzdCLEtBQUs7WUFDTCxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FDckcsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -7,16 +7,10 @@ import { TabsProps } from './TabsProps';
|
|
|
7
7
|
* @param activeIndex {number} default active tab index
|
|
8
8
|
* @param disabled {boolean} Disabled tabs
|
|
9
9
|
* @param inverted {boolean} dark mode
|
|
10
|
-
* @param shadowless {boolean} No shadow
|
|
11
|
-
* @param centered {boolean} Centered tabs
|
|
12
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
11
|
* @param className {string} Additionnal CSS Classes
|
|
14
12
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
15
|
-
* @param leftAlign {boolean} Tabs left align
|
|
16
13
|
* @param align { Alignable | AlignableValues} align content
|
|
17
|
-
* @param marginless {boolean} delete margin
|
|
18
|
-
* @param textAlign {TypographyAlign | TypographyAlignValues}
|
|
19
|
-
* @param testId {string} Test Id for Test Integration
|
|
20
14
|
*/
|
|
21
|
-
declare const Tabs:
|
|
15
|
+
declare const Tabs: ({ children, className, id, onClick, activeIndex, fullwidth, align, inverted, ...others }: TabsProps) => React.JSX.Element;
|
|
22
16
|
export default Tabs;
|
|
@@ -11,26 +11,20 @@ import { is } from '../../services/classify';
|
|
|
11
11
|
* @param activeIndex {number} default active tab index
|
|
12
12
|
* @param disabled {boolean} Disabled tabs
|
|
13
13
|
* @param inverted {boolean} dark mode
|
|
14
|
-
* @param shadowless {boolean} No shadow
|
|
15
|
-
* @param centered {boolean} Centered tabs
|
|
16
14
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
15
|
* @param className {string} Additionnal CSS Classes
|
|
18
16
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
19
|
-
* @param leftAlign {boolean} Tabs left align
|
|
20
17
|
* @param align { Alignable | AlignableValues} align content
|
|
21
|
-
* @param marginless {boolean} delete margin
|
|
22
|
-
* @param textAlign {TypographyAlign | TypographyAlignValues}
|
|
23
|
-
* @param testId {string} Test Id for Test Integration
|
|
24
18
|
*/
|
|
25
|
-
var Tabs =
|
|
26
|
-
var children =
|
|
27
|
-
var
|
|
19
|
+
var Tabs = function (_a) {
|
|
20
|
+
var children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, align = _a.align, inverted = _a.inverted, others = __rest(_a, ["children", "className", "id", "onClick", "activeIndex", "fullwidth", "align", "inverted"]);
|
|
21
|
+
var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
|
|
28
22
|
var styled = useTrilogyContext().styled;
|
|
29
23
|
var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), className));
|
|
30
24
|
useEffect(function () {
|
|
31
25
|
setActivateIndex(activateIndex);
|
|
32
26
|
}, [activeIndex]);
|
|
33
|
-
return (React.createElement("div", { id: id,
|
|
34
|
-
}
|
|
27
|
+
return (React.createElement("div", { id: id, className: classes, "data-tabs-context": "" }, children));
|
|
28
|
+
};
|
|
35
29
|
export default Tabs;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBR3hDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFtRztJQUFqRyxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXRGLDJGQUF3RixDQUFGO0lBQzVGLElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFzQyxDQUFBO0lBQ3BFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsU0FBUyxDQUFDO1FBQ1IsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDakMsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyx1QkFBb0IsRUFBRSxJQUNsRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -3,6 +3,11 @@ import { TabListProps } from './TabListProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Tabs Nav Component
|
|
5
5
|
* @param children {ReactChild} React Child Element
|
|
6
|
+
* @param className
|
|
7
|
+
* @param id
|
|
8
|
+
* @param testId
|
|
9
|
+
* @param align
|
|
10
|
+
* @param others
|
|
6
11
|
*/
|
|
7
|
-
declare const TabList:
|
|
12
|
+
declare const TabList: ({ children, className, id, testId, align, ...others }: TabListProps) => React.JSX.Element;
|
|
8
13
|
export default TabList;
|
|
@@ -8,12 +8,17 @@ import { is } from '../../../services';
|
|
|
8
8
|
/**
|
|
9
9
|
* Tabs Nav Component
|
|
10
10
|
* @param children {ReactChild} React Child Element
|
|
11
|
+
* @param className
|
|
12
|
+
* @param id
|
|
13
|
+
* @param testId
|
|
14
|
+
* @param align
|
|
15
|
+
* @param others
|
|
11
16
|
*/
|
|
12
|
-
var TabList =
|
|
13
|
-
var children =
|
|
17
|
+
var TabList = function (_a) {
|
|
18
|
+
var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
|
|
14
19
|
var styled = useTrilogyContext().styled;
|
|
15
20
|
var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
|
|
16
21
|
return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
17
|
-
}
|
|
22
|
+
};
|
|
18
23
|
export default TabList;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBbUU7SUFBakUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQW5ELGtEQUFxRCxDQUFGO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVyRyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -14,5 +14,5 @@ import { TabProps } from './TabProps';
|
|
|
14
14
|
* @param href {string} <a />
|
|
15
15
|
* @param routerLink Custom Router Link as props
|
|
16
16
|
*/
|
|
17
|
-
declare const Tab:
|
|
17
|
+
declare const Tab: ({ active, className, onClick, to, href, routerLink, iconName, label, disabled, testId, ...others }: TabProps) => React.JSX.Element;
|
|
18
18
|
export default Tab;
|
|
@@ -18,9 +18,9 @@ import { Icon } from '../../../../components/icon';
|
|
|
18
18
|
* @param href {string} <a />
|
|
19
19
|
* @param routerLink Custom Router Link as props
|
|
20
20
|
*/
|
|
21
|
-
var Tab =
|
|
22
|
-
var active =
|
|
23
|
-
var
|
|
21
|
+
var Tab = function (_a) {
|
|
22
|
+
var active = _a.active, className = _a.className, onClick = _a.onClick, to = _a.to, href = _a.href, routerLink = _a.routerLink, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, others = __rest(_a, ["active", "className", "onClick", "to", "href", "routerLink", "iconName", "label", "disabled", "testId"]);
|
|
23
|
+
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
24
24
|
var styled = useTrilogyContext().styled;
|
|
25
25
|
// accessibility
|
|
26
26
|
var a11y = {
|
|
@@ -35,7 +35,7 @@ var Tab = React.forwardRef(function (props, ref) {
|
|
|
35
35
|
var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
|
|
36
36
|
if (routerLink && (to || href)) {
|
|
37
37
|
var RouterLink = (routerLink ? routerLink : 'a');
|
|
38
|
-
return (React.createElement(RouterLink, __assign({
|
|
38
|
+
return (React.createElement(RouterLink, __assign({ "data-testid": testId, tabIndex: 0 }, a11y.a, { to: to, href: href, className: classes }, others, { onClick: function (e) {
|
|
39
39
|
if (!disabled) {
|
|
40
40
|
var target = e.target;
|
|
41
41
|
setActiveItem(active || false);
|
|
@@ -45,10 +45,10 @@ var Tab = React.forwardRef(function (props, ref) {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
} }),
|
|
48
|
-
React.createElement("div", { className:
|
|
48
|
+
React.createElement("div", { className: "tab-icon" }, iconName && React.createElement(Icon, { align: "ALIGNED_CENTER", size: "small", name: iconName })),
|
|
49
49
|
label && label));
|
|
50
50
|
}
|
|
51
|
-
return (React.createElement("button", __assign({
|
|
51
|
+
return (React.createElement("button", __assign({ "aria-disabled": disabled, disabled: disabled, className: classes, role: "tab", "data-testid": testId }, a11y.a, others, { onClick: function (e) {
|
|
52
52
|
if (!disabled) {
|
|
53
53
|
var target = e.target;
|
|
54
54
|
setActiveItem(active || false);
|
|
@@ -58,8 +58,8 @@ var Tab = React.forwardRef(function (props, ref) {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
} }),
|
|
61
|
-
React.createElement("div", { className:
|
|
61
|
+
React.createElement("div", { className: "tab-icon" }, iconName && React.createElement(Icon, { align: "ALIGNED_CENTER", size: "small", name: iconName })),
|
|
62
62
|
label && label));
|
|
63
|
-
}
|
|
63
|
+
};
|
|
64
64
|
export default Tab;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFZVztJQVhULElBQUEsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FYWCx5R0FZQyxDQURVO0lBR2hCLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxnQkFBZ0I7SUFDaEIsSUFBTSxJQUFJLEdBQUc7UUFDWCxDQUFDLEVBQUU7WUFDRCxlQUFlLEVBQUUsVUFBVTtZQUMzQixxQkFBcUIsRUFBRSxFQUFFO1NBQzFCO0tBQ0YsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRXRGLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLFFBQVEsRUFBRSxDQUFDLElBQ1AsSUFBSSxDQUFDLENBQUMsSUFDVixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7Z0JBQzNCLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7b0JBQzFDLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7b0JBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO29CQUN0QixJQUFJLE9BQU8sRUFBRTt3QkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7cUJBQ1g7aUJBQ0Y7WUFDSCxDQUFDO1lBRUQsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztZQUN6RyxLQUFLLElBQUksS0FBSyxDQUNKLENBQ2QsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDBEQUNpQixRQUFRLEVBQ3ZCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBQyxLQUFLLGlCQUNHLE1BQU0sSUFDZixJQUFJLENBQUMsQ0FBQyxFQUNOLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFtQjtZQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNiLElBQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUF5QixDQUFBO2dCQUMxQyxhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtnQkFDdEIsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2lCQUNYO2FBQ0Y7UUFDSCxDQUFDO1FBRUQsNkJBQUssU0FBUyxFQUFDLFVBQVUsSUFBRSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxnQkFBZ0IsRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FBTztRQUN6RyxLQUFLLElBQUksS0FBSyxDQUNSLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsR0FBRyxDQUFBIn0=
|
|
@@ -3,6 +3,10 @@ import { TabPanelsProps } from './TabPanelsProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Tabs Nav Component
|
|
5
5
|
* @param children {ReactChild} React Child Element
|
|
6
|
+
* @param className
|
|
7
|
+
* @param id
|
|
8
|
+
* @param testId
|
|
9
|
+
* @param others
|
|
6
10
|
*/
|
|
7
|
-
declare const TabPanels:
|
|
11
|
+
declare const TabPanels: ({ children, className, id, testId, ...others }: TabPanelsProps) => React.JSX.Element;
|
|
8
12
|
export default TabPanels;
|
|
@@ -6,12 +6,16 @@ import { useTrilogyContext } from '../../../context';
|
|
|
6
6
|
/**
|
|
7
7
|
* Tabs Nav Component
|
|
8
8
|
* @param children {ReactChild} React Child Element
|
|
9
|
+
* @param className
|
|
10
|
+
* @param id
|
|
11
|
+
* @param testId
|
|
12
|
+
* @param others
|
|
9
13
|
*/
|
|
10
|
-
var TabPanels =
|
|
11
|
-
var children =
|
|
14
|
+
var TabPanels = function (_a) {
|
|
15
|
+
var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
|
|
12
16
|
var styled = useTrilogyContext().styled;
|
|
13
17
|
var classes = hashClass(styled, clsx('tab-panels', className));
|
|
14
18
|
return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
15
|
-
}
|
|
19
|
+
};
|
|
16
20
|
export default TabPanels;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE4RDtJQUE1RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFaEUsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -3,6 +3,9 @@ import { TabPanelProps } from './TabPanelProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Tab Panel Component
|
|
5
5
|
* @param children {ReactChild} React Child Element
|
|
6
|
+
* @param className
|
|
7
|
+
* @param testId
|
|
8
|
+
* @param others
|
|
6
9
|
*/
|
|
7
|
-
declare const TabPanel:
|
|
10
|
+
declare const TabPanel: ({ children, className, testId, ...others }: TabPanelProps) => React.JSX.Element;
|
|
8
11
|
export default TabPanel;
|
|
@@ -6,12 +6,15 @@ import clsx from 'clsx';
|
|
|
6
6
|
/**
|
|
7
7
|
* Tab Panel Component
|
|
8
8
|
* @param children {ReactChild} React Child Element
|
|
9
|
+
* @param className
|
|
10
|
+
* @param testId
|
|
11
|
+
* @param others
|
|
9
12
|
*/
|
|
10
|
-
var TabPanel =
|
|
11
|
-
var children =
|
|
13
|
+
var TabPanel = function (_a) {
|
|
14
|
+
var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
|
|
12
15
|
var styled = useTrilogyContext().styled;
|
|
13
16
|
var classes = hashClass(styled, clsx('tab-panel', className));
|
|
14
17
|
return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
|
|
15
|
-
}
|
|
18
|
+
};
|
|
16
19
|
export default TabPanel;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBeUQ7SUFBdkQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQ2hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNyRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -3,11 +3,9 @@ import { TagListProps } from './TagListProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Tag List Component
|
|
5
5
|
* @param children {ReactNode} Children Tag List
|
|
6
|
-
* @param centered {boolean} Center tags
|
|
7
|
-
* @param gapless {boolean} Delete margins between tags
|
|
8
6
|
* @param marginless {boolean} delete margin
|
|
9
7
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
8
|
* @param className {string} Additionnal CSS Classes
|
|
11
9
|
*/
|
|
12
|
-
declare const TagList:
|
|
10
|
+
declare const TagList: ({ className, id, align, marginless, ...others }: TagListProps) => React.JSX.Element;
|
|
13
11
|
export default TagList;
|
|
@@ -8,16 +8,14 @@ import { getJustifiedClassName } from '../../../objects';
|
|
|
8
8
|
/**
|
|
9
9
|
* Tag List Component
|
|
10
10
|
* @param children {ReactNode} Children Tag List
|
|
11
|
-
* @param centered {boolean} Center tags
|
|
12
|
-
* @param gapless {boolean} Delete margins between tags
|
|
13
11
|
* @param marginless {boolean} delete margin
|
|
14
12
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
13
|
* @param className {string} Additionnal CSS Classes
|
|
16
14
|
*/
|
|
17
|
-
var TagList =
|
|
18
|
-
var className =
|
|
15
|
+
var TagList = function (_a) {
|
|
16
|
+
var className = _a.className, id = _a.id, align = _a.align, marginless = _a.marginless, others = __rest(_a, ["className", "id", "align", "marginless"]);
|
|
19
17
|
var styled = useTrilogyContext().styled;
|
|
20
18
|
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
|
|
21
|
-
}
|
|
19
|
+
};
|
|
22
20
|
export default TagList;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTZEO0lBQTNELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBN0MsMENBQStDLENBQUY7SUFDcEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -3,10 +3,9 @@ import { TimelineProps } from './TimelineProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Timeline Component
|
|
5
5
|
* @param notifications {boolean} Timeline notification rendering
|
|
6
|
-
* @param children {ReactNode}
|
|
7
6
|
* - --------------- WEB PROPERTIES ----------------------------------
|
|
8
7
|
* @param horizontal {boolean} timeline horizontal
|
|
9
8
|
* @param className {string} Additionnal CSS Classes
|
|
10
9
|
*/
|
|
11
|
-
declare const Timeline:
|
|
10
|
+
declare const Timeline: ({ className, id, horizontal, ...others }: TimelineProps) => React.JSX.Element;
|
|
12
11
|
export default Timeline;
|
|
@@ -7,16 +7,15 @@ import { is } from '../../services';
|
|
|
7
7
|
/**
|
|
8
8
|
* Timeline Component
|
|
9
9
|
* @param notifications {boolean} Timeline notification rendering
|
|
10
|
-
* @param children {ReactNode}
|
|
11
10
|
* - --------------- WEB PROPERTIES ----------------------------------
|
|
12
11
|
* @param horizontal {boolean} timeline horizontal
|
|
13
12
|
* @param className {string} Additionnal CSS Classes
|
|
14
13
|
*/
|
|
15
|
-
var Timeline =
|
|
16
|
-
var className =
|
|
14
|
+
var Timeline = function (_a) {
|
|
15
|
+
var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
|
|
17
16
|
var styled = useTrilogyContext().styled;
|
|
18
17
|
var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
|
|
19
|
-
return React.createElement("div", __assign({ id: id,
|
|
20
|
-
}
|
|
18
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
19
|
+
};
|
|
21
20
|
export default Timeline;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUF1RDtJQUFyRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXRDLGlDQUF3QyxDQUFGO0lBQzlDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFOUYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -5,10 +5,9 @@ import { TimelineItemWebProps } from './TimelineItemProps';
|
|
|
5
5
|
* @param children {ReactNode}
|
|
6
6
|
* @param done {boolean} Done Timeline Item
|
|
7
7
|
* @param active {boolean} Active Timeline Item
|
|
8
|
-
* @param undone {boolean} Undone Timeline Item
|
|
9
8
|
* @param cancel {boolean} Cancel Timeline Item
|
|
10
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
10
|
* @param className {string} Additionnal CSS Classes
|
|
12
11
|
*/
|
|
13
|
-
declare const TimelineItem:
|
|
12
|
+
declare const TimelineItem: ({ className, id, done, active, cancel, ...others }: TimelineItemWebProps) => React.JSX.Element;
|
|
14
13
|
export default TimelineItem;
|
|
@@ -8,16 +8,15 @@ import { hashClass } from '../../../helpers';
|
|
|
8
8
|
* @param children {ReactNode}
|
|
9
9
|
* @param done {boolean} Done Timeline Item
|
|
10
10
|
* @param active {boolean} Active Timeline Item
|
|
11
|
-
* @param undone {boolean} Undone Timeline Item
|
|
12
11
|
* @param cancel {boolean} Cancel Timeline Item
|
|
13
12
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
13
|
* @param className {string} Additionnal CSS Classes
|
|
15
14
|
*/
|
|
16
|
-
var TimelineItem =
|
|
17
|
-
var className =
|
|
15
|
+
var TimelineItem = function (_a) {
|
|
16
|
+
var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, others = __rest(_a, ["className", "id", "done", "active", "cancel"]);
|
|
18
17
|
var styled = useTrilogyContext().styled;
|
|
19
18
|
var classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
|
|
20
|
-
return React.createElement("div", __assign({ id: id,
|
|
21
|
-
}
|
|
19
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
20
|
+
};
|
|
22
21
|
export default TimelineItem;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFBd0U7SUFBdEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLElBQUksUUFBUSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQ3pGLENBQUE7SUFDRCxPQUFPLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUN4RCxDQUFDLENBQUE7QUFFRCxlQUFlLFlBQVksQ0FBQSJ9
|
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-147";
|
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-147";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|