@preply/ds-rn-lib 0.46.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 +4 -3
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +2 -1
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +4 -4
- package/dist/props/common/types.d.ts +6 -0
- package/dist/props/common/types.js +2 -0
- package/dist/props/layout/hooks/useLayoutFlexItemStyle.d.ts +2 -2
- package/dist/props/layout/hooks/useLayoutFlexItemStyle.js +4 -4
- package/dist/props/layout/hooks/useLayoutFlexStyle.d.ts +2 -1
- package/dist/props/layout/hooks/useLayoutFlexStyle.js +4 -3
- package/dist/props/typography/hooks/private/useTextColorStyle.d.ts +1 -1
- 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,22 +3,23 @@ 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, 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,
|
|
10
10
|
alignItems,
|
|
11
11
|
justifyContent,
|
|
12
12
|
wrap,
|
|
13
|
+
flex,
|
|
13
14
|
});
|
|
14
15
|
if (hide) {
|
|
15
16
|
return null;
|
|
16
17
|
}
|
|
17
18
|
const content = !gap ? (children) : (React.createElement(ChildrenWithGap, { gap: gap, direction: direction }, children));
|
|
18
|
-
return React.createElement(View, { style: style }, content);
|
|
19
|
+
return (React.createElement(View, { style: style, testID: testID }, content));
|
|
19
20
|
};
|
|
20
21
|
const LayoutFlex = memo(LayoutFlexBase);
|
|
21
22
|
LayoutFlex.displayName = 'LayoutFlex';
|
|
22
23
|
|
|
23
24
|
export { LayoutFlex };
|
|
24
|
-
//# 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,
|
|
6
|
-
const style = useLayoutFlexItemStyle({ alignSelf,
|
|
5
|
+
const LayoutFlexItemBase = ({ children, alignSelf, flex, hide, testID, }) => {
|
|
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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LayoutAlignSelf } from '@preply/ds-core';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
3
|
export interface LayoutFlexItemStyle {
|
|
4
|
-
stretch?: boolean;
|
|
5
4
|
alignSelf?: LayoutAlignSelf;
|
|
5
|
+
flex?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare function useLayoutFlexItemStyle({ alignSelf,
|
|
7
|
+
export declare function useLayoutFlexItemStyle({ alignSelf, flex, }: LayoutFlexItemStyle): Pick<ViewStyle, 'alignSelf' | 'flex'>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { alignSelfMap } from '../private/constants.js';
|
|
3
3
|
|
|
4
|
-
function useLayoutFlexItemStyle({ alignSelf,
|
|
4
|
+
function useLayoutFlexItemStyle({ alignSelf, flex, }) {
|
|
5
5
|
return useMemo(() => {
|
|
6
6
|
return {
|
|
7
|
+
...(flex ? { flex } : {}),
|
|
7
8
|
...(alignSelf ? { alignSelf: alignSelfMap[alignSelf] } : {}),
|
|
8
|
-
...(stretch ? { flex: 1 } : {}),
|
|
9
9
|
};
|
|
10
|
-
}, [alignSelf,
|
|
10
|
+
}, [alignSelf, flex]);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export { useLayoutFlexItemStyle };
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleEl0ZW1TdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEFsaWduU2VsZiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25TZWxmTWFwIH0gZnJvbSAnLi4vcHJpdmF0ZS9jb25zdGFudHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhJdGVtU3R5bGUge1xuICAgIGFsaWduU2VsZj86IExheW91dEFsaWduU2VsZjtcbiAgICBmbGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlTGF5b3V0RmxleEl0ZW1TdHlsZSh7XG4gICAgYWxpZ25TZWxmLFxuICAgIGZsZXgsXG59OiBMYXlvdXRGbGV4SXRlbVN0eWxlKTogUGljazxWaWV3U3R5bGUsICdhbGlnblNlbGYnIHwgJ2ZsZXgnPiB7XG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uKGZsZXggPyB7IGZsZXggfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihhbGlnblNlbGYgPyB7IGFsaWduU2VsZjogYWxpZ25TZWxmTWFwW2FsaWduU2VsZl0gfSA6IHt9KSxcbiAgICAgICAgfTtcbiAgICB9LCBbYWxpZ25TZWxmLCBmbGV4XSk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O1NBV2dCLHNCQUFzQixDQUFDLEVBQ25DLFNBQVMsRUFDVCxJQUFJLEdBQ2M7SUFDbEIsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsSUFBSSxJQUFJLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDekIsSUFBSSxTQUFTLEdBQUcsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQy9ELENBQUM7S0FDTCxFQUFFLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7QUFDMUI7Ozs7In0=
|
|
@@ -6,5 +6,6 @@ export interface LayoutFlexStyle {
|
|
|
6
6
|
direction?: LayoutFlexDirection;
|
|
7
7
|
justifyContent?: LayoutJustifyContent;
|
|
8
8
|
alignItems?: LayoutAlignItems;
|
|
9
|
+
flex?: number;
|
|
9
10
|
}
|
|
10
|
-
export declare function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, }: LayoutFlexStyle): StyleProp<ViewStyle>;
|
|
11
|
+
export declare function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, flex, }: LayoutFlexStyle): StyleProp<ViewStyle>;
|
|
@@ -3,18 +3,19 @@ import { StyleSheet } from 'react-native';
|
|
|
3
3
|
import { alignItemsMap, justifyContentMap } from '../private/constants.js';
|
|
4
4
|
import { usePaddingStyle } from './usePaddingStyle.js';
|
|
5
5
|
|
|
6
|
-
function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, }) {
|
|
6
|
+
function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, flex, }) {
|
|
7
7
|
const paddingStyle = usePaddingStyle(padding);
|
|
8
8
|
const flexStyle = useMemo(() => {
|
|
9
9
|
return {
|
|
10
|
+
...(flex ? { flex } : {}),
|
|
10
11
|
...(direction ? { flexDirection: direction } : {}),
|
|
11
12
|
...(wrap ? { flexWrap: 'wrap' } : {}),
|
|
12
13
|
...(alignItems ? { alignItems: alignItemsMap[alignItems] } : {}),
|
|
13
14
|
...(justifyContent ? { justifyContent: justifyContentMap[justifyContent] } : {}),
|
|
14
15
|
};
|
|
15
|
-
}, [alignItems, direction, justifyContent, wrap]);
|
|
16
|
+
}, [alignItems, direction, justifyContent, wrap, flex]);
|
|
16
17
|
return useMemo(() => StyleSheet.flatten([paddingStyle, flexStyle]), [paddingStyle, flexStyle]);
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export { useLayoutFlexStyle };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25JdGVtc01hcCwganVzdGlmeUNvbnRlbnRNYXAgfSBmcm9tICcuLi9wcml2YXRlL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7IHVzZVBhZGRpbmdTdHlsZSB9IGZyb20gJy4vdXNlUGFkZGluZ1N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/OiBTaG9ydEhhbmQ8TGF5b3V0UGFkZGluZz47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgZGlyZWN0aW9uPzogTGF5b3V0RmxleERpcmVjdGlvbjtcbiAgICBqdXN0aWZ5Q29udGVudD86IExheW91dEp1c3RpZnlDb250ZW50O1xuICAgIGFsaWduSXRlbXM/
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25JdGVtc01hcCwganVzdGlmeUNvbnRlbnRNYXAgfSBmcm9tICcuLi9wcml2YXRlL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7IHVzZVBhZGRpbmdTdHlsZSB9IGZyb20gJy4vdXNlUGFkZGluZ1N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/OiBTaG9ydEhhbmQ8TGF5b3V0UGFkZGluZz47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgZGlyZWN0aW9uPzogTGF5b3V0RmxleERpcmVjdGlvbjtcbiAgICBqdXN0aWZ5Q29udGVudD86IExheW91dEp1c3RpZnlDb250ZW50O1xuICAgIGFsaWduSXRlbXM/OiBMYXlvdXRBbGlnbkl0ZW1zO1xuICAgIGZsZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgIHBhZGRpbmcsXG4gICAgZGlyZWN0aW9uLFxuICAgIHdyYXAsXG4gICAgYWxpZ25JdGVtcyxcbiAgICBqdXN0aWZ5Q29udGVudCxcbiAgICBmbGV4LFxufTogTGF5b3V0RmxleFN0eWxlKTogU3R5bGVQcm9wPFZpZXdTdHlsZT4ge1xuICAgIGNvbnN0IHBhZGRpbmdTdHlsZSA9IHVzZVBhZGRpbmdTdHlsZShwYWRkaW5nKTtcblxuICAgIGNvbnN0IGZsZXhTdHlsZTogRmxleFN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi4oZmxleCA/IHsgZmxleCB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGRpcmVjdGlvbiA/IHsgZmxleERpcmVjdGlvbjogZGlyZWN0aW9uIH0gOiB7fSksXG4gICAgICAgICAgICAuLi4od3JhcCA/IHsgZmxleFdyYXA6ICd3cmFwJyB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGFsaWduSXRlbXMgPyB7IGFsaWduSXRlbXM6IGFsaWduSXRlbXNNYXBbYWxpZ25JdGVtc10gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihqdXN0aWZ5Q29udGVudCA/IHsganVzdGlmeUNvbnRlbnQ6IGp1c3RpZnlDb250ZW50TWFwW2p1c3RpZnlDb250ZW50XSB9IDoge30pLFxuICAgICAgICB9O1xuICAgIH0sIFthbGlnbkl0ZW1zLCBkaXJlY3Rpb24sIGp1c3RpZnlDb250ZW50LCB3cmFwLCBmbGV4XSk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiBTdHlsZVNoZWV0LmZsYXR0ZW4oW3BhZGRpbmdTdHlsZSwgZmxleFN0eWxlXSksIFtwYWRkaW5nU3R5bGUsIGZsZXhTdHlsZV0pO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O1NBdUJnQixrQkFBa0IsQ0FBQyxFQUMvQixPQUFPLEVBQ1AsU0FBUyxFQUNULElBQUksRUFDSixVQUFVLEVBQ1YsY0FBYyxFQUNkLElBQUksR0FDVTtJQUNkLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUU5QyxNQUFNLFNBQVMsR0FBYyxPQUFPLENBQUM7UUFDakMsT0FBTztZQUNILElBQUksSUFBSSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ3pCLElBQUksU0FBUyxHQUFHLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNsRCxJQUFJLElBQUksR0FBRyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDckMsSUFBSSxVQUFVLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ2hFLElBQUksY0FBYyxHQUFHLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ25GLENBQUM7S0FDTCxFQUFFLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFeEQsT0FBTyxPQUFPLENBQUMsTUFBTSxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztBQUNuRzs7OzsifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useTextColorStyle: (color?: "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => {
|
|
1
|
+
export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => {
|
|
2
2
|
color: string | import("react-native").OpaqueColorValue | undefined;
|
|
3
3
|
};
|
|
@@ -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
|
}
|