@trilogy-ds/react 4.6.0-beta-4 → 4.6.0-beta-5
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/button/Button.js +2 -2
- package/lib/components/icon/Icon.js +4 -3
- package/lib/components/icon/IconProps.d.ts +1 -1
- package/lib/components/icon/IconPropsDefaults.js +0 -24
- package/lib/components/timeline/content/TimelineContent.d.ts +3 -1
- package/lib/components/timeline/content/TimelineContent.js +9 -7
- package/lib/components/timeline/content/TimelineContent.native.d.ts +2 -3
- package/lib/components/timeline/content/TimelineContent.native.js +3 -4
- package/lib/objects/facets/Justifiable.d.ts +1 -0
- package/lib/objects/facets/Justifiable.js +13 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -70,10 +70,10 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
|
70
70
|
// eslint-disable-next-line no-unused-expressions
|
|
71
71
|
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
72
72
|
e.stopPropagation();
|
|
73
|
-
} }, others),
|
|
73
|
+
} }, others, (isDisabled && { 'aria-disabled': true })),
|
|
74
74
|
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
75
75
|
children));
|
|
76
76
|
});
|
|
77
77
|
Button.displayName = ComponentName.Button;
|
|
78
78
|
export default Button;
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBR25HOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBaUJDLEVBQ0QsR0FBRztJQWpCRCxJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCWCxxS0FpQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25DLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLHlDQUF5QztJQUN6QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQStDO1FBQ3RFLElBQUksWUFBWSxJQUFJLFlBQVksSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUE0QixDQUFDO1lBQ3BHLE9BQU8sSUFBSSxDQUFBO0lBQ2YsQ0FBQyxDQUFBO0lBRUQsSUFBTSxhQUFhLEdBQUcsVUFDcEIsT0FBMkMsRUFDM0MsT0FBNkMsRUFDN0MsU0FBbUIsRUFDbkIsU0FBa0I7UUFFbEIsT0FBTyxJQUFJLENBQ1QsUUFBUSxFQUNSLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMseUJBQXlCLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDakQsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsU0FBUyxDQUNWLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3hGLElBQU0sR0FBRyxHQUFHLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFBO0lBRWpFLElBQUksR0FBRyxLQUFLLFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRTtRQUNwQyxPQUFPLENBQ0wseUNBQ0UsR0FBRyxFQUFFLEdBQW1DLEVBQ3hDLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxFQUNsQixRQUFRLEVBQUUsVUFBVSxFQUNwQixJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxVQUFDLENBQUM7Z0JBQ1QsaURBQWlEO2dCQUNqRCxDQUFDLFVBQVUsS0FBSSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUEsQ0FBQTtnQkFDM0IsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1lBQ3JCLENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksUUFBUSxJQUNsQixNQUFNO1lBRVQsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUk7WUFDakYsUUFBUSxDQUNGLENBQ1YsQ0FBQTtLQUNGO0lBRUQsSUFBSSxHQUFHLEtBQUssT0FBTyxFQUFFO1FBQ25CLE9BQU8sQ0FDTCx3Q0FDRSxHQUFHLEVBQUUsR0FBa0MsRUFDdkMsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsT0FBTyxnQkFDTixrQkFBa0IsRUFDOUIsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsQ0FBQyxVQUFVLEtBQUksT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBLENBQUE7Z0JBQzNCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLEVBQ0QsUUFBUSxFQUFFLFVBQVUsRUFDcEIsSUFBSSxFQUFFLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLFFBQVEsRUFDdEIsS0FBSyxFQUFFLFVBQUcsUUFBUSxDQUFFLElBQ2hCLE1BQU0sRUFDVixDQUNILENBQUE7S0FDRjtJQUVELElBQUksVUFBVSxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRTtRQUNuQyxJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLG9CQUFDLFVBQVUsYUFBQyxHQUFHLEVBQUUsR0FBRyxnQkFBYyxrQkFBa0IsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtZQUN6RixRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBSTtZQUNqRixRQUFRLENBQ0UsQ0FDZCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0NBQ0UsR0FBRyxFQUFFLEdBQW1DLEVBQ3hDLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsQ0FBQyxVQUFVLEtBQUksT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBLENBQUE7WUFDM0IsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEVBQ04sQ0FBQyxVQUFVLElBQUksRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLENBQUM7UUFFNUMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDakYsUUFBUSxDQUNQLENBQ0wsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBQ3pDLGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -7,6 +7,7 @@ import { has, is } from '../../services/classify';
|
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import { ComponentName } from '../enumsComponentsName';
|
|
10
|
+
import { getJustifySelfClassName } from '../../objects/facets/Justifiable';
|
|
10
11
|
/**
|
|
11
12
|
* Icon Component
|
|
12
13
|
* @param size Size of Icon
|
|
@@ -25,15 +26,15 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
25
26
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
26
27
|
*/
|
|
27
28
|
var Icon = React.forwardRef(function (_a, ref) {
|
|
28
|
-
var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton"]);
|
|
29
|
+
var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, align = _a.align, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
|
|
29
30
|
var styled = useTrilogyContext().styled;
|
|
30
31
|
var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
|
|
31
32
|
(circled && has(getBackgroundClassName(TrilogyColor.MAIN))) ||
|
|
32
33
|
'';
|
|
33
|
-
var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), background, className));
|
|
34
|
+
var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), align && clsx(is('flex'), is(getJustifySelfClassName(align))), background, className));
|
|
34
35
|
return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others, { ref: ref }),
|
|
35
36
|
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
36
37
|
});
|
|
37
38
|
Icon.displayName = ComponentName.Icon;
|
|
38
39
|
export default Icon;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFdEU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQThHLEVBQzlHLEdBQUc7SUFERCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQTVHLHVIQUE4RyxDQUFGO0lBR3BHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixLQUFLLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUM3RCxVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxJQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ2pGLDJCQUFHLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxpQkFBYyxNQUFNLEdBQUcsQ0FDN0QsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -6,7 +6,7 @@ import { IconName, IconNameValues } from './IconNameEnum';
|
|
|
6
6
|
/**
|
|
7
7
|
* Icon Interface
|
|
8
8
|
*/
|
|
9
|
-
export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility, Dev, CommonProps {
|
|
9
|
+
export interface IconProps extends Stacked, Omit<AlignableProps, 'verticalAlign'>, Clickable, Accessibility, Dev, CommonProps {
|
|
10
10
|
name: IconName | IconNameValues;
|
|
11
11
|
size?: IconSize | IconSizeValues;
|
|
12
12
|
circled?: boolean;
|
|
@@ -149,30 +149,6 @@ export default {
|
|
|
149
149
|
"true"
|
|
150
150
|
]
|
|
151
151
|
},
|
|
152
|
-
"align": {
|
|
153
|
-
"type": "enum",
|
|
154
|
-
"values": [
|
|
155
|
-
"undefined",
|
|
156
|
-
"ALIGNED_CENTER",
|
|
157
|
-
"ALIGNED_START",
|
|
158
|
-
"ALIGNED_END",
|
|
159
|
-
"ALIGNED_CENTER",
|
|
160
|
-
"ALIGNED_START",
|
|
161
|
-
"ALIGNED_END"
|
|
162
|
-
]
|
|
163
|
-
},
|
|
164
|
-
"verticalAlign": {
|
|
165
|
-
"type": "enum",
|
|
166
|
-
"values": [
|
|
167
|
-
"undefined",
|
|
168
|
-
"ALIGNED_CENTER",
|
|
169
|
-
"ALIGNED_START",
|
|
170
|
-
"ALIGNED_END",
|
|
171
|
-
"ALIGNED_CENTER",
|
|
172
|
-
"ALIGNED_START",
|
|
173
|
-
"ALIGNED_END"
|
|
174
|
-
]
|
|
175
|
-
},
|
|
176
152
|
"onClick": {
|
|
177
153
|
"type": "function",
|
|
178
154
|
"values": [
|
|
@@ -4,10 +4,12 @@ import { TimelineContentWebProps } from './TimelineContentProps';
|
|
|
4
4
|
* Timeline Content Component
|
|
5
5
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
6
6
|
* @param content {string} Text content
|
|
7
|
-
* @param contentLink {string} Text for content link
|
|
8
7
|
* @param heading {string} Text heading
|
|
8
|
+
* @param linkLabel {string} Text for content link
|
|
9
|
+
* @param linkTo {string} href of link
|
|
9
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
11
|
* @param className {string} Additional CSS Classes
|
|
12
|
+
* @param id {string} Custom id
|
|
11
13
|
*/
|
|
12
14
|
declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentWebProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
15
|
export default TimelineContent;
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { Text, TextMarkup } from '../../../components/text';
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
3
|
import { Link } from '../../../components/link';
|
|
6
|
-
import {
|
|
4
|
+
import { Text, TextMarkup } from '../../../components/text';
|
|
7
5
|
import { useTrilogyContext } from '../../../context';
|
|
8
|
-
import {
|
|
6
|
+
import { hashClass } from '../../../helpers';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import * as React from 'react';
|
|
9
9
|
/**
|
|
10
10
|
* Timeline Content Component
|
|
11
11
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
12
12
|
* @param content {string} Text content
|
|
13
|
-
* @param contentLink {string} Text for content link
|
|
14
13
|
* @param heading {string} Text heading
|
|
14
|
+
* @param linkLabel {string} Text for content link
|
|
15
|
+
* @param linkTo {string} href of link
|
|
15
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
17
|
* @param className {string} Additional CSS Classes
|
|
18
|
+
* @param id {string} Custom id
|
|
17
19
|
*/
|
|
18
20
|
var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
19
21
|
var children = _a.children, className = _a.className, id = _a.id, heading = _a.heading, content = _a.content, linkLabel = _a.linkLabel, linkTo = _a.linkTo, others = __rest(_a, ["children", "className", "id", "heading", "content", "linkLabel", "linkTo"]);
|
|
@@ -29,4 +31,4 @@ var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
|
29
31
|
});
|
|
30
32
|
TimelineContent.displayName = ComponentName.TimelineContent;
|
|
31
33
|
export default TimelineContent;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQUMsRUFBMkUsRUFBRSxHQUFHO0lBQTlFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF6RSw0RUFBMkUsQ0FBRjtJQUNoRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRFLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDbEQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbEQsT0FBTyxJQUFJLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxPQUFPLENBQVE7UUFDdkQsT0FBTyxJQUFJLENBQ1Ysb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxjQUFjLEVBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDLElBQ2hELE9BQU8sQ0FDSCxDQUNSO1FBQ0EsTUFBTSxJQUFJLFNBQVMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLE1BQU0sSUFBRyxTQUFTLENBQVEsQ0FDMUQsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==
|
|
@@ -5,10 +5,9 @@ import { View } from 'react-native';
|
|
|
5
5
|
* Timeline Content Component
|
|
6
6
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
7
7
|
* @param content {string} Text content
|
|
8
|
-
* @param contentLink {string} Text for content link
|
|
9
8
|
* @param heading {string} Text heading
|
|
10
|
-
* @param
|
|
11
|
-
* @param
|
|
9
|
+
* @param linkLabel {string} Text for content link
|
|
10
|
+
* @param linkTo {string} href of link
|
|
12
11
|
*/
|
|
13
12
|
declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<View>>;
|
|
14
13
|
export default TimelineContent;
|
|
@@ -10,10 +10,9 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
10
10
|
* Timeline Content Component
|
|
11
11
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
12
12
|
* @param content {string} Text content
|
|
13
|
-
* @param contentLink {string} Text for content link
|
|
14
13
|
* @param heading {string} Text heading
|
|
15
|
-
* @param
|
|
16
|
-
* @param
|
|
14
|
+
* @param linkLabel {string} Text for content link
|
|
15
|
+
* @param linkTo {string} href of link
|
|
17
16
|
*/
|
|
18
17
|
var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
19
18
|
var content = _a.content, heading = _a.heading, linkLabel = _a.linkLabel, linkTo = _a.linkTo, children = _a.children;
|
|
@@ -46,4 +45,4 @@ var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
|
46
45
|
});
|
|
47
46
|
TimelineContent.displayName = ComponentName.TimelineContent;
|
|
48
47
|
export default TimelineContent;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0MsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakU7Ozs7Ozs7R0FPRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQUMsRUFBaUQsRUFBRSxHQUFHO1FBQXBELE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM5QyxJQUFNLHFCQUFxQixHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0lBRTdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLENBQUM7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEVBQUU7WUFDUCxVQUFVLEVBQUUscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDeEQsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztRQUNyQyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQzlCLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7UUFDcEMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxDQUFDLFNBQVMsSUFDbEYsT0FBTyxDQUNILENBQ1I7UUFDQSxDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUMvQyxPQUFPLENBQ0gsQ0FDUjtRQUNBLFNBQVMsSUFBSSxNQUFNLElBQUksQ0FDdEIsb0JBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFDLFVBQVU7WUFDakMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDdEIsb0JBQUMsSUFBSSxJQUFDLEVBQUUsRUFBRSxNQUFNLElBQUcsU0FBUyxDQUFRLENBQy9CLENBQ1UsQ0FDcEIsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -19,3 +19,4 @@ export interface JustifiableProps {
|
|
|
19
19
|
export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
|
|
20
20
|
export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-start" | "justified-end" | "spaced-between";
|
|
21
21
|
export declare const getJustifiedClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "justified-center";
|
|
22
|
+
export declare const getJustifySelfClassName: (justifyContent?: string) => string;
|
|
@@ -54,4 +54,16 @@ export var getJustifiedClassName = function (justifyContent) {
|
|
|
54
54
|
return 'justified-start';
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
|
|
57
|
+
export var getJustifySelfClassName = function (justifyContent) {
|
|
58
|
+
switch (justifyContent) {
|
|
59
|
+
case 'ALIGNED_CENTER':
|
|
60
|
+
return 'justified-self-center';
|
|
61
|
+
case 'ALIGNED_START':
|
|
62
|
+
return 'justified-self-start';
|
|
63
|
+
case 'ALIGNED_END':
|
|
64
|
+
return 'justified-selfend';
|
|
65
|
+
default:
|
|
66
|
+
return 'justified-selfstart';
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBS1g7QUFMRCxXQUFZLFdBQVc7SUFDckIsb0RBQXFDLENBQUE7SUFDckMsa0RBQW1DLENBQUE7SUFDbkMsOENBQStCLENBQUE7SUFDL0IsOENBQStCLENBQUE7QUFDakMsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCO0FBUUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBQyxjQUF1QjtJQUNyRCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGtCQUFrQjtZQUNyQixPQUFPLFFBQVEsQ0FBQTtRQUNqQixLQUFLLGlCQUFpQjtZQUNwQixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxVQUFVLENBQUE7UUFDbkIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxZQUFZLENBQUE7S0FDdEI7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLGNBQXVCO0lBQ3pELFFBQVEsY0FBYyxFQUFFO1FBQ3RCLEtBQUssa0JBQWtCO1lBQ3JCLE9BQU8sVUFBVSxDQUFBO1FBQ25CLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssZUFBZTtZQUNsQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLFVBQUMsY0FBdUI7SUFDM0QsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyxrQkFBa0IsQ0FBQTtRQUMzQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxlQUFlLENBQUE7UUFDeEI7WUFDRSxPQUFPLGlCQUFpQixDQUFBO0tBQzNCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sdUJBQXVCLEdBQUcsVUFBQyxjQUF1QjtJQUM3RCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLHVCQUF1QixDQUFBO1FBQ2hDLEtBQUssZUFBZTtZQUNsQixPQUFPLHNCQUFzQixDQUFBO1FBQy9CLEtBQUssYUFBYTtZQUNoQixPQUFPLG1CQUFtQixDQUFBO1FBQzVCO1lBQ0UsT0FBTyxxQkFBcUIsQ0FBQTtLQUMvQjtBQUNILENBQUMsQ0FBQSJ9
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.6.0-beta-
|
|
1
|
+
export declare const version = "4.6.0-beta-5";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.6.0-beta-
|
|
1
|
+
export var version = "4.6.0-beta-5";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|