@trilogy-ds/react 4.10.1 → 4.10.3-columns-native-perf
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/alert/Alert.native.js +4 -3
- package/lib/components/columns/Columns.native.js +29 -26
- package/lib/components/columns/column/Column.native.d.ts +1 -1
- package/lib/components/columns/column/Column.native.js +12 -12
- package/lib/components/columns/context/index.d.ts +3 -2
- package/lib/components/columns/context/index.js +4 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { Column, Columns } from '../../components/columns';
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
@@ -77,9 +77,10 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
77
77
|
React.createElement(View, { style: { marginTop: -2 } },
|
|
78
78
|
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status), color: status || TrilogyColor.MAIN }))),
|
|
79
79
|
React.createElement(Column, null,
|
|
80
|
-
React.createElement(Rows, { gap: description ? 2 : 0 },
|
|
80
|
+
React.createElement(Rows, __assign({}, { style: { flexGrow: 1 } }, { gap: description ? 2 : 0 }),
|
|
81
81
|
React.createElement(Row, null,
|
|
82
82
|
React.createElement(Text, { style: [styles.containerTitle], level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title)),
|
|
83
|
+
description && React.createElement(Spacer, { size: SpacerSize.ONE }),
|
|
83
84
|
React.createElement(Row, null, description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (React.createElement(View, { style: styles.description }, description))))))));
|
|
84
85
|
if (onClick && display)
|
|
85
86
|
return (React.createElement(View, null,
|
|
@@ -147,4 +148,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
147
148
|
};
|
|
148
149
|
Alert.displayName = ComponentName.Alert;
|
|
149
150
|
export default Alert;
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ25DLE9BQU8sRUFBOEIsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ25HLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUd0Qzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBdUIsVUFBQyxN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
|
|
@@ -3,8 +3,19 @@ import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
|
|
|
3
3
|
import { ColumnsContext } from '../../components/columns/context';
|
|
4
4
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
5
5
|
import { Alignable, getAlignStyle } from '../../objects/facets/Alignable';
|
|
6
|
-
import React, { useState } from 'react';
|
|
6
|
+
import React, { useState, useMemo, useCallback } from 'react';
|
|
7
7
|
import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
|
|
8
|
+
var staticStyles = StyleSheet.create({
|
|
9
|
+
centered: {
|
|
10
|
+
justifyContent: 'center',
|
|
11
|
+
},
|
|
12
|
+
multiline: {
|
|
13
|
+
flexWrap: 'wrap',
|
|
14
|
+
},
|
|
15
|
+
mobile: {
|
|
16
|
+
flexDirection: 'column',
|
|
17
|
+
},
|
|
18
|
+
});
|
|
8
19
|
/**
|
|
9
20
|
* Columns Native Component
|
|
10
21
|
* @param children {React.ReactNode}
|
|
@@ -17,7 +28,7 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
17
28
|
var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight"]);
|
|
18
29
|
var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
|
|
19
30
|
var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
|
|
20
|
-
var onLayoutHandler =
|
|
31
|
+
var onLayoutHandler = useCallback(function (event) {
|
|
21
32
|
if (!width) {
|
|
22
33
|
var width_1 = event.nativeEvent.layout.width;
|
|
23
34
|
if (fullBleed) {
|
|
@@ -26,8 +37,8 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
26
37
|
setWidth(width_1);
|
|
27
38
|
}
|
|
28
39
|
}, [fullBleed, width]);
|
|
29
|
-
var realGap =
|
|
30
|
-
var
|
|
40
|
+
var realGap = useMemo(function () { return (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap]; }, [gap]);
|
|
41
|
+
var dynamicStyles = useMemo(function () { return ({
|
|
31
42
|
columns: {
|
|
32
43
|
width: fullBleed && width ? width + enlarge * 2 : '100%',
|
|
33
44
|
marginHorizontal: -enlarge,
|
|
@@ -36,40 +47,32 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
36
47
|
gap: realGap,
|
|
37
48
|
height: fullheight ? '100%' : 'auto'
|
|
38
49
|
},
|
|
39
|
-
centered: {
|
|
40
|
-
justifyContent: 'center',
|
|
41
|
-
},
|
|
42
50
|
verticalAlign: {
|
|
43
51
|
alignItems: getAlignStyle(verticalAlign),
|
|
44
52
|
},
|
|
45
|
-
multiline: {
|
|
46
|
-
flexWrap: 'wrap',
|
|
47
|
-
},
|
|
48
53
|
scrollContainer: {
|
|
49
54
|
paddingHorizontal: enlarge,
|
|
50
55
|
gap: realGap,
|
|
51
56
|
},
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
childrensLength: React.Children.count(children),
|
|
61
|
-
} },
|
|
57
|
+
}); }, [fullBleed, width, enlarge, realGap, fullheight, verticalAlign]);
|
|
58
|
+
var contextValue = useMemo(function () { return ({
|
|
59
|
+
width: width,
|
|
60
|
+
realGap: realGap,
|
|
61
|
+
scrollable: scrollable || false,
|
|
62
|
+
childrensLength: React.Children.count(children),
|
|
63
|
+
}); }, [width, realGap, scrollable, children]);
|
|
64
|
+
return (React.createElement(ColumnsContext.Provider, { value: contextValue },
|
|
62
65
|
!scrollable && (React.createElement(View, __assign({ ref: ref, onLayout: onLayoutHandler, style: [
|
|
63
|
-
|
|
64
|
-
multiline &&
|
|
65
|
-
align === Alignable.ALIGNED_CENTER &&
|
|
66
|
-
verticalAlign &&
|
|
66
|
+
dynamicStyles.columns,
|
|
67
|
+
multiline && staticStyles.multiline,
|
|
68
|
+
align === Alignable.ALIGNED_CENTER && staticStyles.centered,
|
|
69
|
+
verticalAlign && dynamicStyles.verticalAlign,
|
|
67
70
|
] }, others), children)),
|
|
68
71
|
scrollable && (React.createElement(View, { onLayout: onLayoutHandler, style: {
|
|
69
72
|
marginHorizontal: -enlarge,
|
|
70
73
|
} },
|
|
71
|
-
React.createElement(ScrollView, { horizontal: true, contentContainerStyle:
|
|
74
|
+
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: dynamicStyles.scrollContainer, showsHorizontalScrollIndicator: false }, children)))));
|
|
72
75
|
});
|
|
73
76
|
Columns.displayName = ComponentName.Columns;
|
|
74
77
|
export default Columns;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGLElBQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDckMsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELE1BQU0sRUFBRTtRQUNOLGFBQWEsRUFBRSxRQUFRO0tBQ3hCO0NBQ0YsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7R0FPRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBZ0csRUFBRSxHQUFHO0lBQW5HLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUE5RixtR0FBZ0csQ0FBRjtJQUN2RixJQUFBLEtBQUEsT0FB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
|
|
@@ -5,5 +5,5 @@ import { View } from 'react-native';
|
|
|
5
5
|
* Columns Item Component - Columns Child
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
*/
|
|
8
|
-
declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View
|
|
8
|
+
declare const Column: React.MemoExoticComponent<React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<View>>>;
|
|
9
9
|
export default Column;
|
|
@@ -8,28 +8,28 @@ import { View } from 'react-native';
|
|
|
8
8
|
* Columns Item Component - Columns Child
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
10
|
*/
|
|
11
|
-
var Column = React.forwardRef(function (_a, ref) {
|
|
11
|
+
var Column = React.memo(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 () {
|
|
15
|
+
return size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null;
|
|
16
|
+
}, [size, width, realGap, childrensLength]);
|
|
14
17
|
var scrollableStyle = React.useMemo(function () { return ({
|
|
15
|
-
width:
|
|
16
|
-
|
|
17
|
-
: narrow
|
|
18
|
-
? 'auto'
|
|
19
|
-
: width - 2 * realGap,
|
|
20
|
-
}); }, [size, narrow, width, realGap, childrensLength]);
|
|
18
|
+
width: calculatedWidth || (narrow ? 'auto' : width - 2 * realGap),
|
|
19
|
+
}); }, [calculatedWidth, narrow, width, realGap]);
|
|
21
20
|
var noScrollableStyle = React.useMemo(function () { return ({
|
|
22
21
|
flex: narrow ? 0 : 1,
|
|
23
22
|
flexGrow: size || narrow ? 0 : 1,
|
|
24
23
|
flexShrink: narrow ? 1 : 0,
|
|
25
|
-
flexBasis:
|
|
26
|
-
}); }, [
|
|
24
|
+
flexBasis: calculatedWidth || 'auto',
|
|
25
|
+
}); }, [narrow, size, calculatedWidth]);
|
|
26
|
+
var justifyContentStyle = React.useMemo(function () { return ({ justifyContent: getAlignStyle(verticalAlign) }); }, [verticalAlign]);
|
|
27
27
|
return (React.createElement(View, __assign({ ref: ref, style: [
|
|
28
28
|
scrollable && scrollableStyle,
|
|
29
29
|
!scrollable && noScrollableStyle,
|
|
30
|
-
|
|
30
|
+
justifyContentStyle,
|
|
31
31
|
] }, others), children));
|
|
32
|
-
});
|
|
32
|
+
}));
|
|
33
33
|
Column.displayName = ComponentName.Column;
|
|
34
34
|
export default Column;
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7O0dBR0c7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7SUFBdkYsQ0FBdUYsRUFDdkYsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDeEMsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLGVBQWUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQztLQUNsRSxDQUFDLEVBRkksQ0FFSixFQUNGLENBQUMsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQzFDLENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxlQUFlLElBQUksTUFBTTtLQUNyQyxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsQ0FDaEMsQ0FBQTtJQUVELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDdkMsY0FBTSxPQUFBLENBQUMsRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBNkYsRUFBRSxDQUFDLEVBQTlJLENBQThJLEVBQ3BKLENBQUMsYUFBYSxDQUFDLENBQ2hCLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLG1CQUFtQjtTQUNwQixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUV6QyxlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export interface ColumnsContextType {
|
|
3
3
|
scrollable: boolean;
|
|
4
4
|
width: number;
|
|
5
5
|
realGap: number;
|
|
6
6
|
childrensLength: number;
|
|
7
|
-
}
|
|
7
|
+
}
|
|
8
|
+
export declare const ColumnsContext: React.Context<ColumnsContextType>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
var defaultContextValue = {
|
|
3
3
|
scrollable: false,
|
|
4
4
|
width: 0,
|
|
5
5
|
realGap: 16,
|
|
6
6
|
childrensLength: 1,
|
|
7
|
-
}
|
|
8
|
-
|
|
7
|
+
};
|
|
8
|
+
export var ColumnsContext = React.createContext(defaultContextValue);
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLElBQU0sbUJBQW1CLEdBQXVCO0lBQzlDLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsQ0FBQztDQUNuQixDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXFCLG1CQUFtQixDQUFDLENBQUEifQ==
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.10.
|
|
1
|
+
export declare const version = "4.10.3-columns-native-perf";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.10.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.10.3-columns-native-perf";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLDRCQUE0QixDQUFBIn0=
|