@trilogy-ds/react 0.0.1-beta-v4 → 0.0.1-beta-152
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/autolayout/AutoLayout.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.helpers.d.ts +6 -6
- package/lib/components/autolayout/AutoLayout.helpers.js +29 -25
- package/lib/components/autolayout/AutoLayout.js +3 -3
- package/lib/components/autolayout/AutoLayout.native.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.native.js +9 -11
- package/lib/components/autolayout/AutoLayoutProps.d.ts +5 -5
- package/lib/components/autolayout/AutoLayoutWrapper.d.ts +2 -2
- package/lib/components/autolayout/AutoLayoutWrapper.js +3 -3
- package/lib/components/autolayout/DefaultSpacingMatrix.d.ts +1 -1
- package/lib/components/autolayout/DefaultSpacingMatrix.js +2 -2
- package/lib/components/autolayout/index.d.ts +2 -3
- package/lib/components/autolayout/index.js +3 -4
- package/lib/components/container/Container.d.ts +7 -4
- package/lib/components/container/Container.js +12 -8
- package/lib/components/container/Container.native.d.ts +6 -10
- package/lib/components/container/Container.native.js +19 -18
- package/lib/components/container/ContainerProps.d.ts +0 -3
- package/lib/components/container/index.d.ts +1 -2
- package/lib/components/container/index.js +2 -3
- package/lib/components/hero/Hero.d.ts +4 -3
- package/lib/components/hero/Hero.js +11 -9
- package/lib/components/hero/Hero.native.d.ts +4 -7
- package/lib/components/hero/Hero.native.js +8 -8
- package/lib/components/hero/HeroProps.d.ts +1 -1
- package/lib/components/hero/index.d.ts +1 -2
- package/lib/components/hero/index.js +2 -3
- package/lib/tsconfig.build.json +13 -0
- package/lib/tsconfig.json +0 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import type { TrilogyComponents } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HandleBetweenChildren, ParseChildren } from '@/components/autolayout/AutoLayout.d';
|
|
3
|
+
import { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
|
|
4
|
+
import type { TrilogyComponents } from '@/components/index.d';
|
|
5
5
|
/**
|
|
6
6
|
* Test if an element is a React Fragment
|
|
7
7
|
*
|
|
@@ -20,5 +20,5 @@ export declare const isElementType: (element: React.ReactElement, componentType:
|
|
|
20
20
|
/**
|
|
21
21
|
* Iterate over children and apply the `handleBetweenChildren` method.
|
|
22
22
|
*/
|
|
23
|
-
export declare const parseChildren: ({ children, handleBetweenChildren
|
|
24
|
-
export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex
|
|
23
|
+
export declare const parseChildren: ({ children, handleBetweenChildren }: ParseChildren) => JSX.Element[];
|
|
24
|
+
export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex }: HandleBetweenChildren) => void;
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { __read, __spreadArray } from "tslib";
|
|
2
2
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
|
-
import
|
|
4
|
-
import { SpacingMatrixMode } from
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
|
|
5
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
|
+
import { Spacer } from '../../components/spacer';
|
|
7
7
|
/**
|
|
8
8
|
* Test if an element is a React Fragment
|
|
9
9
|
*
|
|
10
10
|
* @param element
|
|
11
11
|
* @returns
|
|
12
12
|
*/
|
|
13
|
-
export var isFragment = function (element) {
|
|
14
|
-
return (element === null || element === void 0 ? void 0 : element.type) === React.Fragment;
|
|
15
|
-
};
|
|
13
|
+
export var isFragment = function (element) { return (element === null || element === void 0 ? void 0 : element.type) === React.Fragment; };
|
|
16
14
|
var getTrilogyComponentName = function (child) {
|
|
17
15
|
var componentsKeys = Object.keys(ComponentName).filter(function (key) { return key; });
|
|
18
|
-
return componentsKeys.find(function (key) { return key === child.type.displayName; });
|
|
16
|
+
return componentsKeys.find(function (key) { var _a, _b, _c; return key === ((_b = (_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.displayName) || key === ((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName); });
|
|
19
17
|
};
|
|
20
18
|
/**
|
|
21
19
|
* Test if an element is of a certain component type
|
|
@@ -24,7 +22,7 @@ var getTrilogyComponentName = function (child) {
|
|
|
24
22
|
* @param componentType
|
|
25
23
|
* @returns
|
|
26
24
|
*/
|
|
27
|
-
export var isElementType = function (element, componentType) { var _a; return ((_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.displayName) === componentType; };
|
|
25
|
+
export var isElementType = function (element, componentType) { var _a, _b, _c; return ((_b = (_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.displayName) === componentType || ((_c = element === null || element === void 0 ? void 0 : element.type) === null || _c === void 0 ? void 0 : _c.displayName) === componentType; };
|
|
28
26
|
/**
|
|
29
27
|
* Iterate over children and apply the `handleBetweenChildren` method.
|
|
30
28
|
*/
|
|
@@ -33,11 +31,11 @@ export var parseChildren = function (_a) {
|
|
|
33
31
|
var array = []; // React.Children.toArray(children)
|
|
34
32
|
createChildrenArray(array, children);
|
|
35
33
|
return array.reduce(function (accumulator, nextChild, childIndex) {
|
|
36
|
-
var _a, _b, _c, _d;
|
|
34
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
37
35
|
var previousChild = accumulator[accumulator.length - 1];
|
|
38
36
|
// Check the actual type of previous and next children
|
|
39
37
|
var getChildCandidateToComparison = function (child, accumulator) {
|
|
40
|
-
if (isElementType(child,
|
|
38
|
+
if (isElementType(child, 'AutoLayout')) {
|
|
41
39
|
return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
|
|
42
40
|
}
|
|
43
41
|
if (child === null && accumulator && accumulator.length >= 2) {
|
|
@@ -45,9 +43,12 @@ export var parseChildren = function (_a) {
|
|
|
45
43
|
}
|
|
46
44
|
return child;
|
|
47
45
|
};
|
|
48
|
-
var nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) ||
|
|
46
|
+
var nextChildType = ((_c = (_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.render) === null || _c === void 0 ? void 0 : _c.displayName) ||
|
|
47
|
+
((_e = (_d = getChildCandidateToComparison(nextChild)) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.displayName) ||
|
|
48
|
+
undefined;
|
|
49
|
+
var previousChildType = ((_h = (_g = (_f = getChildCandidateToComparison(previousChild, accumulator)) === null || _f === void 0 ? void 0 : _f.type) === null || _g === void 0 ? void 0 : _g.render) === null || _h === void 0 ? void 0 : _h.displayName) ||
|
|
50
|
+
((_k = (_j = getChildCandidateToComparison(previousChild, accumulator)) === null || _j === void 0 ? void 0 : _j.type) === null || _k === void 0 ? void 0 : _k.displayName) ||
|
|
49
51
|
undefined;
|
|
50
|
-
var previousChildType = ((_d = (_c = getChildCandidateToComparison(previousChild, accumulator)) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) || undefined;
|
|
51
52
|
handleBetweenChildren === null || handleBetweenChildren === void 0 ? void 0 : handleBetweenChildren({
|
|
52
53
|
accumulator: accumulator,
|
|
53
54
|
previousChild: previousChild,
|
|
@@ -69,10 +70,7 @@ export var parseChildren = function (_a) {
|
|
|
69
70
|
export var autoLayoutChildrenHandler = function (matrix, _a) {
|
|
70
71
|
var accumulator = _a.accumulator, previousChildType = _a.previousChildType, nextChildType = _a.nextChildType, childIndex = _a.childIndex;
|
|
71
72
|
var eligibleRule = function (mode) {
|
|
72
|
-
return [
|
|
73
|
-
SpacingMatrixMode.INSERT_SPACE_BETWEEN,
|
|
74
|
-
SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
|
|
75
|
-
].includes(mode);
|
|
73
|
+
return [SpacingMatrixMode.INSERT_SPACE_BETWEEN, SpacingMatrixMode.INSERT_ELEMENT_BETWEEN].includes(mode);
|
|
76
74
|
};
|
|
77
75
|
var alreadySpaced = false;
|
|
78
76
|
var rules = matrix.filter(function (e) { return eligibleRule(e[0]); });
|
|
@@ -92,19 +90,25 @@ export var autoLayoutChildrenHandler = function (matrix, _a) {
|
|
|
92
90
|
};
|
|
93
91
|
var createChildrenArray = function (array, children) {
|
|
94
92
|
React.Children.forEach(children, function (child) {
|
|
93
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
95
94
|
if (isFragment(child)) {
|
|
96
95
|
React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, function (item) {
|
|
97
96
|
createChildrenArray(array, item);
|
|
98
97
|
});
|
|
99
98
|
}
|
|
100
99
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
101
|
-
child.type.displayName !== getTrilogyComponentName(child) &&
|
|
102
|
-
child.type.$$typeof === undefined) {
|
|
100
|
+
((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) !== getTrilogyComponentName(child) &&
|
|
101
|
+
((_b = child === null || child === void 0 ? void 0 : child.type) === null || _b === void 0 ? void 0 : _b.$$typeof) === undefined) {
|
|
103
102
|
createChildrenArray(array, child.type(child.props));
|
|
104
103
|
}
|
|
105
104
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
106
|
-
child.type.displayName !== getTrilogyComponentName(child) &&
|
|
107
|
-
child.type.$$typeof === Symbol.for(
|
|
105
|
+
((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName) !== getTrilogyComponentName(child) &&
|
|
106
|
+
((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo')) {
|
|
107
|
+
createChildrenArray(array, child.type.type(child.props));
|
|
108
|
+
}
|
|
109
|
+
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
110
|
+
((_e = child === null || child === void 0 ? void 0 : child.type) === null || _e === void 0 ? void 0 : _e.$$typeof) === Symbol.for('react.forward_ref') &&
|
|
111
|
+
((_g = (_f = child === null || child === void 0 ? void 0 : child.type) === null || _f === void 0 ? void 0 : _f.render) === null || _g === void 0 ? void 0 : _g.displayName) !== getTrilogyComponentName(child)) {
|
|
108
112
|
createChildrenArray(array, child.type.type(child.props));
|
|
109
113
|
}
|
|
110
114
|
else {
|
|
@@ -120,11 +124,11 @@ var checkRuleApplicable = function (previousType, nextType, previousChildType, n
|
|
|
120
124
|
return false;
|
|
121
125
|
}
|
|
122
126
|
else if ((previousType === previousChildType && nextType === nextChildType) ||
|
|
123
|
-
(previousType ===
|
|
124
|
-
(previousType === previousChildType && nextType ===
|
|
125
|
-
(previousType ===
|
|
127
|
+
(previousType === 'default' && nextType === nextChildType) ||
|
|
128
|
+
(previousType === previousChildType && nextType === 'default') ||
|
|
129
|
+
(previousType === 'default' && nextType === 'default')) {
|
|
126
130
|
return true;
|
|
127
131
|
}
|
|
128
132
|
return false;
|
|
129
133
|
};
|
|
130
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsTUFBTSxFQUFjLE1BQU0scUJBQXFCLENBQUE7QUFFeEQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxPQUEyQixJQUFjLE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRLEVBQWhDLENBQWdDLENBQUE7QUFFcEcsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFDdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxvQkFBSyxPQUFBLEdBQUcsTUFBSyxNQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsTUFBTSwwQ0FBRSxXQUFXLENBQUEsSUFBSSxHQUFHLE1BQUssTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxXQUFXLENBQUEsQ0FBQSxFQUFBLENBQUMsQ0FBQTtBQUNuSCxDQUFDLENBQUE7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsSUFBTSxhQUFhLEdB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
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* AutoLayout Component
|
|
4
4
|
*/
|
|
5
5
|
var AutoLayout = function (_a) {
|
|
6
6
|
var children = _a.children;
|
|
7
7
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
8
|
-
return React.createElement("div", { className:
|
|
8
|
+
return React.createElement("div", { className: 'autolayout' }, children);
|
|
9
9
|
};
|
|
10
10
|
export default AutoLayout;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUk5Qjs7R0FFRztBQUNILElBQU0sVUFBVSxHQUE4QixVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDdkQseURBQXlEO0lBQ3pELE9BQU8sNkJBQUssU0FBUyxFQUFFLFlBQVksSUFBRyxRQUFRLENBQU8sQ0FBQTtBQUN2RCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { autoLayoutChildrenHandler, parseChildren } from '../../components/autolayout/AutoLayout.helpers';
|
|
3
|
+
import { DEFAULT_SPACING_MATRIX } from '../../components/autolayout/DefaultSpacingMatrix';
|
|
4
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
5
|
+
import { Spacer, SpacerSize } from '../../components/spacer';
|
|
6
6
|
/**
|
|
7
7
|
* AutoLayout Component
|
|
8
8
|
* @param children
|
|
@@ -13,20 +13,18 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
13
13
|
*/
|
|
14
14
|
var AutoLayout = function (_a) {
|
|
15
15
|
var children = _a.children, _b = _a.matrix, matrix = _b === void 0 ? DEFAULT_SPACING_MATRIX : _b, edges = _a.edges, _c = _a.edgeSize, edgeSize = _c === void 0 ? SpacerSize.TWO : _c, noSpace = _a.noSpace;
|
|
16
|
-
var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes(
|
|
17
|
-
var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes(
|
|
16
|
+
var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes('bottom');
|
|
17
|
+
var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes('top');
|
|
18
18
|
return (React.createElement(React.Fragment, null,
|
|
19
19
|
hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
|
|
20
20
|
noSpace
|
|
21
21
|
? children
|
|
22
22
|
: parseChildren({
|
|
23
23
|
children: children,
|
|
24
|
-
handleBetweenChildren: function (props) {
|
|
25
|
-
return autoLayoutChildrenHandler(matrix, props);
|
|
26
|
-
},
|
|
24
|
+
handleBetweenChildren: function (props) { return autoLayoutChildrenHandler(matrix, props); },
|
|
27
25
|
}),
|
|
28
26
|
hasBottomEdge && React.createElement(Spacer, { size: edgeSize })));
|
|
29
27
|
};
|
|
30
28
|
AutoLayout.displayName = ComponentName.AutoLayout;
|
|
31
29
|
export default AutoLayout;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQTtBQUVyRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQTtBQUNyRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4RDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQThCLFVBQUMsRUFNOUM7UUFMQyxRQUFRLGNBQUEsRUFDUixjQUErQixFQUEvQixNQUFNLG1CQUFHLHNCQUFzQixLQUFBLEVBQy9CLEtBQUssV0FBQSxFQUNMLGdCQUF5QixFQUF6QixRQUFRLG1CQUFHLFVBQVUsQ0FBQyxHQUFHLEtBQUEsRUFDekIsT0FBTyxhQUFBO0lBRVAsSUFBTSxhQUFhLEdBQUcsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3pDLE9BQU8sQ0FDTDtRQUNHLFVBQVUsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUN4QyxPQUFPO1lBQ04sQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsYUFBYSxDQUFDO2dCQUNaLFFBQVEsVUFBQTtnQkFDUixxQkFBcUIsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLHlCQUF5QixDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBeEMsQ0FBd0M7YUFDM0UsQ0FBQztRQUNMLGFBQWEsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUMzQyxDQUNKLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
type EdgeType =
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
|
|
3
|
+
import { SpacerSize } from '../../components/spacer';
|
|
4
|
+
type EdgeType = 'bottom' | 'top';
|
|
5
5
|
type AutoLayoutProps = {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
edges?: EdgeType[];
|
|
@@ -12,4 +12,4 @@ type AutoLayoutProps = {
|
|
|
12
12
|
*/
|
|
13
13
|
matrix?: SpacingMatrix;
|
|
14
14
|
};
|
|
15
|
-
export type {
|
|
15
|
+
export type { AutoLayoutProps, EdgeType };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import AutoLayout from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import AutoLayout from '../../components/autolayout/AutoLayout';
|
|
3
3
|
/**
|
|
4
4
|
* Wrap children in an AutoLayout component.
|
|
5
5
|
*
|
|
@@ -19,4 +19,4 @@ var AutoLayoutWrapper = function (_a) {
|
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
export default AutoLayoutWrapper;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sVUFBVSxNQUFNLG9DQUFvQyxDQUFBO0FBRzNEOzs7O0dBSUc7QUFDSCxJQUFNLGlCQUFpQixHQUdsQixVQUFDLEVBQStCO1FBQTdCLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUFFLFFBQVEsY0FBQTtJQUNqQyxJQUFJLFVBQVUsS0FBSyxJQUFJLEVBQUU7UUFDdkIsT0FBTyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQUE7S0FDM0M7U0FBTSxJQUFJLFVBQVUsRUFBRTtRQUNyQixPQUFPLG9CQUFDLFVBQVUsSUFBQyxNQUFNLEVBQUUsVUFBVSxJQUFHLFFBQVEsQ0FBYyxDQUFBO0tBQy9EO1NBQU07UUFDTCx5REFBeUQ7UUFDekQsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtLQUN2QjtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsaUJBQWlCLENBQUEifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SpacingMatrix, SpacingMatrixMode } from '
|
|
1
|
+
import { SpacingMatrix, SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
|
|
2
2
|
export declare const INSERT_SPACE_BETWEEN: SpacingMatrixMode;
|
|
3
3
|
/**
|
|
4
4
|
* Spacing matrix for defining spacings between component types
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
|
|
1
2
|
import { SpacerSize } from '../../components/spacer';
|
|
2
|
-
import { SpacingMatrixMode } from './SpacingMatrix';
|
|
3
3
|
var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
4
4
|
export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
5
5
|
/**
|
|
@@ -37,4 +37,4 @@ export var DEFAULT_SPACING_MATRIX = [
|
|
|
37
37
|
[INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
|
|
38
38
|
[INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
|
|
39
39
|
];
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFBLElBQUksR0FBaUIsVUFBVSxLQUEzQixFQUFFLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBRXZDLE1BQU0sQ0FBUyxJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFekQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBa0I7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3JELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDeEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ25ELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0NBQzlDLENBQUEifQ==
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { AutoLayout, AutoLayoutWrapper };
|
|
1
|
+
export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
|
|
2
|
+
export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBQ3JDLE9BQU8saUJBQWlCLE1BQU0scUJBQXFCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=
|
|
1
|
+
export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
|
|
2
|
+
export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUEifQ==
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { View } from 'react-native';
|
|
3
|
+
import { ContainerProps } from '../../components/container/ContainerProps';
|
|
3
4
|
/**
|
|
4
5
|
* Container Component
|
|
5
6
|
* @param children {React.ReactNode}
|
|
6
|
-
*
|
|
7
|
+
* - ------------------ WEB PROPERTIES -----------------------
|
|
7
8
|
* @param className {string} Additionnal CSS Classes
|
|
9
|
+
* @param medium {boolean} Set medium container
|
|
10
|
+
* @param id {string} Set id attribute
|
|
8
11
|
*/
|
|
9
|
-
declare const Container:
|
|
12
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement | View>>;
|
|
10
13
|
export default Container;
|
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { is } from '../../services/classify';
|
|
4
2
|
import clsx from 'clsx';
|
|
5
|
-
import
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
5
|
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
7
|
+
import { is } from '../../services/classify';
|
|
7
8
|
/**
|
|
8
9
|
* Container Component
|
|
9
10
|
* @param children {React.ReactNode}
|
|
10
|
-
*
|
|
11
|
+
* - ------------------ WEB PROPERTIES -----------------------
|
|
11
12
|
* @param className {string} Additionnal CSS Classes
|
|
13
|
+
* @param medium {boolean} Set medium container
|
|
14
|
+
* @param id {string} Set id attribute
|
|
12
15
|
*/
|
|
13
|
-
var Container = function (_a) {
|
|
16
|
+
var Container = React.forwardRef(function (_a, ref) {
|
|
14
17
|
var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
|
|
15
18
|
var styled = useTrilogyContext().styled;
|
|
16
19
|
var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
|
|
17
|
-
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
18
|
-
};
|
|
20
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
21
|
+
});
|
|
22
|
+
Container.displayName = ComponentName.Container;
|
|
19
23
|
export default Container;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUl6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBb0QsRUFBRSxHQUFxQztJQUF6RixJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBbEMsNkJBQW9DLENBQUY7SUFDekIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFzQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNyRyxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { ContainerProps } from '../../components/container/ContainerProps';
|
|
4
4
|
/**
|
|
5
|
-
* Container
|
|
6
|
-
* @param
|
|
7
|
-
* @param children {React.ReactNode
|
|
5
|
+
* Container Component
|
|
6
|
+
* @param children {React.ReactNode}
|
|
8
7
|
*/
|
|
9
|
-
declare const Container:
|
|
10
|
-
({ children, ...others }: ContainerProps): JSX.Element;
|
|
11
|
-
displayName: ComponentName;
|
|
12
|
-
};
|
|
8
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<View>>;
|
|
13
9
|
export default Container;
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import { StyleSheet, View } from
|
|
4
|
-
import { ComponentName } from
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
5
|
+
import { SpacerSize } from '../../components/spacer/SpacerEnum';
|
|
5
6
|
/**
|
|
6
|
-
* Container
|
|
7
|
-
* @param
|
|
8
|
-
* @param children {React.ReactNode
|
|
7
|
+
* Container Component
|
|
8
|
+
* @param children {React.ReactNode}
|
|
9
9
|
*/
|
|
10
|
-
var Container = function (_a) {
|
|
10
|
+
var Container = React.forwardRef(function (_a, ref) {
|
|
11
11
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
width: "100%",
|
|
15
|
-
alignItems: "stretch",
|
|
16
|
-
justifyContent: "flex-start",
|
|
17
|
-
flex: 0,
|
|
18
|
-
},
|
|
19
|
-
});
|
|
20
|
-
return (React.createElement(View, __assign({ style: styles.container }, others), children));
|
|
21
|
-
};
|
|
12
|
+
return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children));
|
|
13
|
+
});
|
|
22
14
|
Container.displayName = ComponentName.Container;
|
|
23
15
|
export default Container;
|
|
24
|
-
|
|
16
|
+
var styles = StyleSheet.create({
|
|
17
|
+
container: {
|
|
18
|
+
width: '100%',
|
|
19
|
+
alignItems: 'stretch',
|
|
20
|
+
justifyContent: 'flex-start',
|
|
21
|
+
flex: 0,
|
|
22
|
+
padding: SpacerSize.FIVE,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUUzRDs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsRUFBdUMsRUFBRSxHQUFvQjtJQUEzRCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN2RCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Container };
|
|
1
|
+
export { default as Container } from '../../components/container/Container';
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFFbkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFBIn0=
|
|
1
|
+
export { default as Container } from '../../components/container/Container';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBIn0=
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { View } from 'react-native';
|
|
3
|
+
import { HeroProps } from '../../components/hero/HeroProps';
|
|
3
4
|
/**
|
|
4
5
|
* Hero Component
|
|
5
6
|
* @param children {React.ReactNode} Hero Children
|
|
@@ -14,5 +15,5 @@ import { HeroProps } from './HeroProps';
|
|
|
14
15
|
* @param className {string} Additionnal CSS Classes
|
|
15
16
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
16
17
|
*/
|
|
17
|
-
declare const Hero:
|
|
18
|
+
declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement | View>>;
|
|
18
19
|
export default Hero;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { has, is } from '../../services/classify';
|
|
4
|
-
import { getBackgroundClassName } from '../../objects';
|
|
5
2
|
import clsx from 'clsx';
|
|
6
|
-
import
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
5
|
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
7
|
+
import { getBackgroundClassName } from '../../objects/atoms/Background';
|
|
8
|
+
import { has, is } from '../../services/classify';
|
|
8
9
|
/**
|
|
9
10
|
* Hero Component
|
|
10
11
|
* @param children {React.ReactNode} Hero Children
|
|
@@ -19,14 +20,15 @@ import { useTrilogyContext } from '../../context';
|
|
|
19
20
|
* @param className {string} Additionnal CSS Classes
|
|
20
21
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
21
22
|
*/
|
|
22
|
-
var Hero = function (_a) {
|
|
23
|
+
var Hero = React.forwardRef(function (_a, ref) {
|
|
23
24
|
var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, id = _a.id, onClick = _a.onClick, overlap = _a.overlap, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "id", "onClick", "overlap"]);
|
|
24
25
|
var styled = useTrilogyContext().styled;
|
|
25
26
|
var classes = hashClass(styled, clsx('hero', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), (inverted && is('inverted')) || is('base'), overlap && is('overlapped'), className));
|
|
26
|
-
return (React.createElement("section", __assign({ id: id, onClick: onClick && onClick }, (backgroundSrc && {
|
|
27
|
+
return (React.createElement("section", __assign({ ref: ref, id: id, onClick: onClick && onClick, className: classes }, (backgroundSrc && {
|
|
27
28
|
style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
|
|
28
|
-
}),
|
|
29
|
+
}), others),
|
|
29
30
|
React.createElement("div", { className: hashClass(styled, clsx('hero-body')) }, children)));
|
|
30
|
-
};
|
|
31
|
+
});
|
|
32
|
+
Hero.displayName = ComponentName.Hero;
|
|
31
33
|
export default Hero;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQTZHLEVBQzdHLEdBQXFDO0lBRG5DLElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQWhHLHFHQUFrRyxDQUFGO0lBR3hGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixNQUFNLEVBQ04sZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQzFDLE9BQU8sSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzNCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsMENBQ0UsR0FBRyxFQUFFLEdBQXNDLEVBQzNDLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHLEVBQUU7S0FDcEQsQ0FBQyxFQUNFLE1BQU07UUFFViw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FDOUQsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { HeroProps } from '../../components/hero/HeroProps';
|
|
4
4
|
/**
|
|
5
5
|
* Hero Component
|
|
6
6
|
* @param children {ReactNode} Hero Children
|
|
@@ -12,8 +12,5 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
12
12
|
* if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
|
|
13
13
|
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
14
14
|
*/
|
|
15
|
-
declare const Hero:
|
|
16
|
-
({ children, backgroundSrc, onClick, overlap, inverted, backgroundColor, ...others }: HeroProps): JSX.Element;
|
|
17
|
-
displayName: ComponentName;
|
|
18
|
-
};
|
|
15
|
+
declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<View>>;
|
|
19
16
|
export default Hero;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import { ImageBackground, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import {
|
|
5
|
-
import { Box } from '../box';
|
|
4
|
+
import { Box } from '../../components/box';
|
|
6
5
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
6
|
import { StatesContext } from '../../context/providerStates';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
8
8
|
/**
|
|
9
9
|
* Hero Component
|
|
10
10
|
* @param children {ReactNode} Hero Children
|
|
@@ -16,7 +16,7 @@ import { StatesContext } from '../../context/providerStates';
|
|
|
16
16
|
* if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
|
|
17
17
|
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
18
18
|
*/
|
|
19
|
-
var Hero = function (_a) {
|
|
19
|
+
var Hero = React.forwardRef(function (_a, ref) {
|
|
20
20
|
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor"]);
|
|
21
21
|
var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
|
|
22
22
|
var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
|
|
@@ -46,7 +46,7 @@ var Hero = function (_a) {
|
|
|
46
46
|
width: '100%',
|
|
47
47
|
},
|
|
48
48
|
subOverlap: {
|
|
49
|
-
height: isSecondOverlapNotEmpty ? overlapHeight - 40 :
|
|
49
|
+
height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapHeight,
|
|
50
50
|
},
|
|
51
51
|
});
|
|
52
52
|
var heroView;
|
|
@@ -81,11 +81,11 @@ var Hero = function (_a) {
|
|
|
81
81
|
setOverlapHeight(height);
|
|
82
82
|
} }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
|
|
83
83
|
}
|
|
84
|
-
return onClick ? (React.createElement(View,
|
|
85
|
-
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: '100%' } },
|
|
84
|
+
return onClick ? (React.createElement(View, { ref: ref },
|
|
85
|
+
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { ref: ref, style: { width: '100%' } },
|
|
86
86
|
heroView,
|
|
87
87
|
overlapView));
|
|
88
|
-
};
|
|
88
|
+
});
|
|
89
89
|
Hero.displayName = ComponentName.Hero;
|
|
90
90
|
export default Hero;
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUE4RixFQUM5RixHQUFvQjtJQURsQixJQUFBLFFBQVEsY0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUFqRixrRkFBbUYsQ0FBRjtJQUczRSxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUsR0FBRyxPQUFPLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Clickable } from '../../objects/facets';
|
|
3
2
|
import { BackgroundProps } from '../../objects/atoms/Background';
|
|
3
|
+
import { Clickable } from '../../objects/facets';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
5
|
/**
|
|
6
6
|
* Hero Interface
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Hero };
|
|
1
|
+
export { default as Hero } from '../../components/hero/Hero';
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9
|
|
1
|
+
export { default as Hero } from '../../components/hero/Hero';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQSJ9
|
package/lib/tsconfig.json
CHANGED
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-152";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0.1-beta-
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "0.0.1-beta-152";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trilogy-ds/react",
|
|
3
|
-
"version": "0.0.1-beta-
|
|
3
|
+
"version": "0.0.1-beta-152",
|
|
4
4
|
"author": "Bouygues Telecom",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"check-types": "tsc --noemit",
|
|
17
17
|
"test:native": "jest --config jest.config.native.ts --updateSnapshot --coverage --silent=false",
|
|
18
18
|
"prebuild": "node -p \"'export const version = ' + JSON.stringify(require('./package.json').version)\" > version.ts",
|
|
19
|
-
"build": "rimraf lib && npm run prebuild && tsc -p . && tsc-alias && cp -R ../../config/native/react-native.config.js ./lib/"
|
|
19
|
+
"build": "rimraf lib && npm run prebuild && tsc -p ./tsconfig.build.json && tsc-alias && cp -R ../../config/native/react-native.config.js ./lib/"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@react-native-picker/picker": "^2.6.1",
|