@trilogy-ds/react 4.9.1 → 4.9.2-beta-column
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.
|
@@ -11,25 +11,27 @@ import { View } from 'react-native';
|
|
|
11
11
|
var Column = React.forwardRef(function (_a, ref) {
|
|
12
12
|
var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
|
|
13
13
|
var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
|
|
14
|
+
var calculatedWidth = React.useMemo(function () { return size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : 0; }, [size, width, realGap, childrensLength]);
|
|
14
15
|
var scrollableStyle = React.useMemo(function () { return ({
|
|
15
16
|
width: size
|
|
16
|
-
?
|
|
17
|
+
? calculatedWidth
|
|
17
18
|
: narrow
|
|
18
19
|
? 'auto'
|
|
19
20
|
: width - 2 * realGap,
|
|
20
|
-
}); }, [size, narrow, width, realGap
|
|
21
|
+
}); }, [size, narrow, calculatedWidth, width, realGap]);
|
|
21
22
|
var noScrollableStyle = React.useMemo(function () { return ({
|
|
22
|
-
flex: narrow ? 0 : 1,
|
|
23
23
|
flexGrow: size || narrow ? 0 : 1,
|
|
24
24
|
flexShrink: narrow ? 1 : 0,
|
|
25
|
-
flexBasis: size ?
|
|
26
|
-
}); }, [size, narrow,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
flexBasis: size ? calculatedWidth : 'auto',
|
|
26
|
+
}); }, [size, narrow, calculatedWidth]);
|
|
27
|
+
var alignmentStyle = React.useMemo(function () { return ({ justifyContent: getAlignStyle(verticalAlign) }); }, [verticalAlign]);
|
|
28
|
+
var combinedStyle = React.useMemo(function () { return [
|
|
29
|
+
scrollable && scrollableStyle,
|
|
30
|
+
!scrollable && noScrollableStyle,
|
|
31
|
+
alignmentStyle,
|
|
32
|
+
]; }, [scrollable, scrollableStyle, noScrollableStyle, alignmentStyle]);
|
|
33
|
+
return (React.createElement(View, __assign({ ref: ref, style: combinedStyle }, others), children));
|
|
32
34
|
});
|
|
33
35
|
Column.displayName = ComponentName.Column;
|
|
34
36
|
export default Column;
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7O0dBR0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNDLElBQUEsS0FBa0QsS0FBSyxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsRUFBaEYsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGVBQWUscUJBQXFDLENBQUE7SUFFeEYsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDbkMsY0FBTSxPQUFBLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQXBGLENBQW9GLEVBQzFGLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ3hDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUM5QyxjQUFNLE9BQUEsQ0FBQztRQUNMLEtBQUssRUFBRSxJQUFJO1lBQ1QsQ0FBQyxDQUFDLGVBQWU7WUFDakIsQ0FBQyxDQUFDLE1BQU07Z0JBQ1IsQ0FBQyxDQUFDLE1BQU07Z0JBQ1IsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsT0FBTztLQUN4QixDQUFDLEVBTkksQ0FNSixFQUNGLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUNoRCxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUMzQyxDQUFDLEVBSkksQ0FJSixFQUNGLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxlQUFlLENBQUMsQ0FDaEMsQ0FBQTtJQUVELElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ2xDLGNBQU0sT0FBQSxDQUFDLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxhQUFhLENBQXlDLEVBQUUsQ0FBQyxFQUExRixDQUEwRixFQUNoRyxDQUFDLGFBQWEsQ0FBQyxDQUNoQixDQUFBO0lBRUQsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDakMsY0FBTSxPQUFBO1FBQ0osVUFBVSxJQUFJLGVBQWU7UUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1FBQ2hDLGNBQWM7S0FDZixFQUpLLENBSUwsRUFDRCxDQUFDLFVBQVUsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsY0FBYyxDQUFDLENBQ2pFLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLGFBQWEsSUFDaEIsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUV6QyxlQUFlLE1BQU0sQ0FBQSJ9
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.9.
|
|
1
|
+
export declare const version = "4.9.2-beta-column";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.9.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.9.2-beta-column";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLG1CQUFtQixDQUFBIn0=
|