@preply/ds-rn-lib 0.47.0 → 0.48.0
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/dist/components/LayoutFlex/LayoutFlex.d.ts +2 -1
- package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +2 -1
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +3 -3
- package/dist/props/common/types.d.ts +6 -0
- package/dist/props/common/types.js +2 -0
- package/dist/props/typography/hooks/private/useTextSharedStyle.js +7 -2
- package/dist/props/typography/types.d.ts +5 -2
- package/package.json +8 -8
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { LayoutGap } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
import { CommonProps } from '../../props/common/types';
|
|
3
4
|
import { LayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle';
|
|
4
|
-
export interface LayoutFlexProps extends LayoutFlexStyle {
|
|
5
|
+
export interface LayoutFlexProps extends LayoutFlexStyle, CommonProps {
|
|
5
6
|
gap?: LayoutGap;
|
|
6
7
|
hide?: boolean;
|
|
7
8
|
}
|
|
@@ -3,7 +3,7 @@ import { View } from 'react-native';
|
|
|
3
3
|
import { useLayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle.js';
|
|
4
4
|
import { ChildrenWithGap } from './private/ChildrenWithGap.js';
|
|
5
5
|
|
|
6
|
-
const LayoutFlexBase = ({ gap, padding, wrap, direction, justifyContent, alignItems, hide, flex, children, }) => {
|
|
6
|
+
const LayoutFlexBase = ({ gap, padding, wrap, direction, justifyContent, alignItems, hide, flex, children, testID, }) => {
|
|
7
7
|
const style = useLayoutFlexStyle({
|
|
8
8
|
padding,
|
|
9
9
|
direction,
|
|
@@ -16,10 +16,10 @@ const LayoutFlexBase = ({ gap, padding, wrap, direction, justifyContent, alignIt
|
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
18
|
const content = !gap ? (children) : (React.createElement(ChildrenWithGap, { gap: gap, direction: direction }, children));
|
|
19
|
-
return React.createElement(View, { style: style }, content);
|
|
19
|
+
return (React.createElement(View, { style: style, testID: testID }, content));
|
|
20
20
|
};
|
|
21
21
|
const LayoutFlex = memo(LayoutFlexBase);
|
|
22
22
|
LayoutFlex.displayName = 'LayoutFlex';
|
|
23
23
|
|
|
24
24
|
export { LayoutFlex };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlldyB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IENvbW1vblByb3BzIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcbmltcG9ydCB7IExheW91dEZsZXhTdHlsZSwgdXNlTGF5b3V0RmxleFN0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZSc7XG5cbmltcG9ydCB7IENoaWxkcmVuV2l0aEdhcCB9IGZyb20gJy4vcHJpdmF0ZS9DaGlsZHJlbldpdGhHYXAnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhQcm9wcyBleHRlbmRzIExheW91dEZsZXhTdHlsZSwgQ29tbW9uUHJvcHMge1xuICAgIGdhcD86IExheW91dEdhcDtcbiAgICBoaWRlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTGF5b3V0RmxleEJhc2U6IEZDPExheW91dEZsZXhQcm9wcz4gPSAoe1xuICAgIGdhcCxcbiAgICBwYWRkaW5nLFxuICAgIHdyYXAsXG4gICAgZGlyZWN0aW9uLFxuICAgIGp1c3RpZnlDb250ZW50LFxuICAgIGFsaWduSXRlbXMsXG4gICAgaGlkZSxcbiAgICBmbGV4LFxuICAgIGNoaWxkcmVuLFxuICAgIHRlc3RJRCxcbn0pID0+IHtcbiAgICBjb25zdCBzdHlsZSA9IHVzZUxheW91dEZsZXhTdHlsZSh7XG4gICAgICAgIHBhZGRpbmcsXG4gICAgICAgIGRpcmVjdGlvbixcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIHdyYXAsXG4gICAgICAgIGZsZXgsXG4gICAgfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBjb250ZW50ID0gIWdhcCA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICApIDogKFxuICAgICAgICA8Q2hpbGRyZW5XaXRoR2FwIGdhcD17Z2FwfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ2hpbGRyZW5XaXRoR2FwPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17c3R5bGV9IHRlc3RJRD17dGVzdElEfT5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L1ZpZXc+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxMYXlvdXRGbGV4UHJvcHM+ID0gbWVtbyhMYXlvdXRGbGV4QmFzZSk7XG5cbkxheW91dEZsZXguZGlzcGxheU5hbWUgPSAnTGF5b3V0RmxleCc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFjQSxNQUFNLGNBQWMsR0FBd0IsQ0FBQyxFQUN6QyxHQUFHLEVBQ0gsT0FBTyxFQUNQLElBQUksRUFDSixTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixJQUFJLEVBQ0osSUFBSSxFQUNKLFFBQVEsRUFDUixNQUFNLEdBQ1Q7SUFDRyxNQUFNLEtBQUssR0FBRyxrQkFBa0IsQ0FBQztRQUM3QixPQUFPO1FBQ1AsU0FBUztRQUNULFVBQVU7UUFDVixjQUFjO1FBQ2QsSUFBSTtRQUNKLElBQUk7S0FDUCxDQUFDLENBQUM7SUFFSCxJQUFJLElBQUksRUFBRTtRQUNOLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxNQUFNLE9BQU8sR0FBRyxDQUFDLEdBQUcsSUFDaEIsUUFBUSxLQUVSLG9CQUFDLGVBQWUsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQzFDLFFBQVEsQ0FDSyxDQUNyQixDQUFDO0lBRUYsUUFDSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUM3QixPQUFPLENBQ0wsRUFDVDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsSUFBSSxDQUFDLGNBQWMsRUFBRTtBQUVwRSxVQUFVLENBQUMsV0FBVyxHQUFHLFlBQVk7Ozs7In0=
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { CommonProps } from '../../props/common/types';
|
|
2
3
|
import { LayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle';
|
|
3
|
-
export interface LayoutFlexItemProps extends LayoutFlexItemStyle {
|
|
4
|
+
export interface LayoutFlexItemProps extends LayoutFlexItemStyle, CommonProps {
|
|
4
5
|
hide?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const LayoutFlexItem: FC<LayoutFlexItemProps>;
|
|
@@ -2,15 +2,15 @@ import React, { memo } from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { useLayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle.js';
|
|
4
4
|
|
|
5
|
-
const LayoutFlexItemBase = ({ children, alignSelf, flex, hide }) => {
|
|
5
|
+
const LayoutFlexItemBase = ({ children, alignSelf, flex, hide, testID, }) => {
|
|
6
6
|
const style = useLayoutFlexItemStyle({ alignSelf, flex });
|
|
7
7
|
if (hide) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
return React.createElement(View, { style: style }, children);
|
|
10
|
+
return (React.createElement(View, { style: style, testID: testID }, children));
|
|
11
11
|
};
|
|
12
12
|
const LayoutFlexItem = memo(LayoutFlexItemBase);
|
|
13
13
|
LayoutFlexItem.displayName = 'LayoutFlexItem';
|
|
14
14
|
|
|
15
15
|
export { LayoutFlexItem };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgQ29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHtcbiAgICBMYXlvdXRGbGV4SXRlbVN0eWxlLFxuICAgIHVzZUxheW91dEZsZXhJdGVtU3R5bGUsXG59IGZyb20gJy4uLy4uL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4SXRlbVByb3BzIGV4dGVuZHMgTGF5b3V0RmxleEl0ZW1TdHlsZSwgQ29tbW9uUHJvcHMge1xuICAgIGhpZGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBMYXlvdXRGbGV4SXRlbUJhc2U6IEZDPExheW91dEZsZXhJdGVtUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhbGlnblNlbGYsXG4gICAgZmxleCxcbiAgICBoaWRlLFxuICAgIHRlc3RJRCxcbn0pID0+IHtcbiAgICBjb25zdCBzdHlsZSA9IHVzZUxheW91dEZsZXhJdGVtU3R5bGUoeyBhbGlnblNlbGYsIGZsZXggfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17c3R5bGV9IHRlc3RJRD17dGVzdElEfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9WaWV3PlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0RmxleEl0ZW06IEZDPExheW91dEZsZXhJdGVtUHJvcHM+ID0gbWVtbyhMYXlvdXRGbGV4SXRlbUJhc2UpO1xuXG5MYXlvdXRGbGV4SXRlbS5kaXNwbGF5TmFtZSA9ICdMYXlvdXRGbGV4SXRlbSc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQWFBLE1BQU0sa0JBQWtCLEdBQTRCLENBQUMsRUFDakQsUUFBUSxFQUNSLFNBQVMsRUFDVCxJQUFJLEVBQ0osSUFBSSxFQUNKLE1BQU0sR0FDVDtJQUNHLE1BQU0sS0FBSyxHQUFHLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFFMUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsUUFDSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUM3QixRQUFRLENBQ04sRUFDVDtBQUNOLENBQUMsQ0FBQztNQUVXLGNBQWMsR0FBNEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFO0FBRWhGLGNBQWMsQ0FBQyxXQUFXLEdBQUcsZ0JBQWdCOzs7OyJ9
|
|
@@ -7,9 +7,14 @@ const useTextSharedStyle = ({ accent, color, centered, textTransform, }) => {
|
|
|
7
7
|
const centeredStyle = {
|
|
8
8
|
textAlign: centered ? 'center' : 'left',
|
|
9
9
|
};
|
|
10
|
-
return {
|
|
10
|
+
return {
|
|
11
|
+
...colorStyle,
|
|
12
|
+
...centeredStyle,
|
|
13
|
+
textTransform,
|
|
14
|
+
includeFontPadding: false,
|
|
15
|
+
};
|
|
11
16
|
}, [centered, colorStyle, textTransform]);
|
|
12
17
|
};
|
|
13
18
|
|
|
14
19
|
export { useTextSharedStyle };
|
|
15
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFNoYXJlZFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIGFzIFJOVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgVGV4dFN0eWxlQ29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmltcG9ydCB7IHVzZVRleHRDb2xvclN0eWxlIH0gZnJvbSAnLi91c2VUZXh0Q29sb3JTdHlsZSc7XG5cbmludGVyZmFjZSBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSB7XG4gICAgY29sb3I6IFJOVGV4dFN0eWxlWydjb2xvciddO1xuICAgIHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddO1xuICAgIHRleHRUcmFuc2Zvcm06IFJOVGV4dFN0eWxlWyd0ZXh0VHJhbnNmb3JtJ107XG59XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U2hhcmVkU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxufTogVGV4dFN0eWxlQ29tbW9uUHJvcHMpOiBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSA9PiB7XG4gICAgY29uc3QgY29sb3JTdHlsZSA9IHVzZVRleHRDb2xvclN0eWxlKGNvbG9yLCBhY2NlbnQpO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBjZW50ZXJlZFN0eWxlOiB7IHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddIH0gPSB7XG4gICAgICAgICAgICB0ZXh0QWxpZ246IGNlbnRlcmVkID8gJ2NlbnRlcicgOiAnbGVmdCcsXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5jb2xvclN0eWxlLFxuICAgICAgICAgICAgLi4uY2VudGVyZWRTdHlsZSxcbiAgICAgICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgICAgICAgICBpbmNsdWRlRm9udFBhZGRpbmc6IGZhbHNlLFxuICAgICAgICB9O1xuICAgIH0sIFtjZW50ZXJlZCwgY29sb3JTdHlsZSwgdGV4dFRyYW5zZm9ybV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFhYSxrQkFBa0IsR0FBRyxDQUFDLEVBQy9CLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsR0FDTTtJQUNuQixNQUFNLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFcEQsT0FBTyxPQUFPLENBQUM7UUFDWCxNQUFNLGFBQWEsR0FBNEM7WUFDM0QsU0FBUyxFQUFFLFFBQVEsR0FBRyxRQUFRLEdBQUcsTUFBTTtTQUMxQyxDQUFDO1FBQ0YsT0FBTztZQUNILEdBQUcsVUFBVTtZQUNiLEdBQUcsYUFBYTtZQUNoQixhQUFhO1lBQ2Isa0JBQWtCLEVBQUUsS0FBSztTQUM1QixDQUFDO0tBQ0wsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztBQUM5Qzs7OzsifQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ColorName, HeadingLevel, TextAccent, TextVariant } from '@preply/ds-core';
|
|
2
2
|
import { TextStyle as RNTextStyle, TextProps } from 'react-native';
|
|
3
|
+
import { CommonProps } from '../common/types';
|
|
3
4
|
export interface TextStyleCommonProps {
|
|
4
5
|
accent?: TextAccent;
|
|
5
6
|
color?: ColorName;
|
|
@@ -23,6 +24,8 @@ export interface TextStyle extends TextVariantStyle {
|
|
|
23
24
|
color: RNTextStyle['color'];
|
|
24
25
|
textAlign: RNTextStyle['textAlign'];
|
|
25
26
|
}
|
|
26
|
-
|
|
27
|
+
declare type PickedRNTextProps = Pick<TextProps, 'accessibilityLabel' | 'adjustsFontSizeToFit' | 'lineBreakMode' | 'numberOfLines'>;
|
|
28
|
+
export interface TextCommonProps extends CommonProps, PickedRNTextProps {
|
|
27
29
|
stretch?: boolean;
|
|
28
|
-
}
|
|
30
|
+
}
|
|
31
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
"dev": "run build:rollup -w"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@preply/ds-core": "0.
|
|
22
|
-
"@preply/ds-rn-core": "0.
|
|
23
|
-
"@preply/ds-rn-root": "0.
|
|
21
|
+
"@preply/ds-core": "0.48.0",
|
|
22
|
+
"@preply/ds-rn-core": "0.48.0",
|
|
23
|
+
"@preply/ds-rn-root": "0.48.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.48.0",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.
|
|
29
|
-
"@preply/ds-rn-root": "0.
|
|
28
|
+
"@preply/ds-rn-core": "0.48.0",
|
|
29
|
+
"@preply/ds-rn-root": "0.48.0",
|
|
30
30
|
"react": "^16.8.3",
|
|
31
31
|
"react-native": "^0.63.4"
|
|
32
32
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"react-native": "^0.63.4",
|
|
39
39
|
"react-test-renderer": "16.8.3"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "fbdfd8333ec527e33eb0eb6dc1b3d8b0a90fe20b"
|
|
42
42
|
}
|