@cleartrip/ct-design-segment 5.26.0-SNAPSHOT-holiday-packages.0 → 5.26.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/Segment.native.d.ts.map +1 -1
- package/dist/SegmentButton.native.d.ts.map +1 -1
- package/dist/type.d.ts +2 -0
- package/dist/type.d.ts.map +1 -1
- package/package.json +10 -10
- package/src/Segment.native.tsx +3 -0
- package/src/SegmentButton.native.tsx +3 -1
- package/src/type.ts +12 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,OAAO,EAAE,aAAa,EAAgC,MAAM,QAAQ,CAAC;AAarE,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Segment.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,OAAO,EAAE,aAAa,EAAgC,MAAM,QAAQ,CAAC;AAarE,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkQpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentButton.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/SegmentButton.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAI7C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"SegmentButton.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/SegmentButton.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAI7C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmGvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/type.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export interface ISegmentProps {
|
|
|
29
29
|
activeTabId?: string;
|
|
30
30
|
animationDuration?: number;
|
|
31
31
|
styleConfig?: SegmentStyleConfigProps;
|
|
32
|
+
testID?: string;
|
|
32
33
|
}
|
|
33
34
|
export interface ISegmentButtonProps {
|
|
34
35
|
option: IOption;
|
|
@@ -42,5 +43,6 @@ export interface ISegmentButtonProps {
|
|
|
42
43
|
segmentText?: TypographyStyleConfigProps;
|
|
43
44
|
};
|
|
44
45
|
variant: SegmentVariantType;
|
|
46
|
+
testID?: string;
|
|
45
47
|
}
|
|
46
48
|
//# sourceMappingURL=type.d.ts.map
|
package/dist/type.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,GAAG,cAAc,EAAE,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC,mBAAmB,CAAC,EAAE,SAAS,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAI5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAK7B,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAK3C,OAAO,EAAE,OAAO,EAAE,CAAC;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,WAAW,CAAC,EAAE,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,GAAG,cAAc,EAAE,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC,mBAAmB,CAAC,EAAE,SAAS,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAI5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAK7B,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAK3C,OAAO,EAAE,OAAO,EAAE,CAAC;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,WAAW,CAAC,EAAE,uBAAuB,CAAC;IAMtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE;QACZ,aAAa,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5C,WAAW,CAAC,EAAE,0BAA0B,CAAC;KAC1C,CAAC;IACF,OAAO,EAAE,kBAAkB,CAAC;IAM5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-segment",
|
|
3
|
-
"version": "5.26.0
|
|
3
|
+
"version": "5.26.0",
|
|
4
4
|
"description": "Segment component migrated to ct-design-style-manager",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "./dist/ct-design-segment.cjs.js",
|
|
@@ -24,17 +24,17 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@cleartrip/ct-design-button": "5.26.0
|
|
28
|
-
"@cleartrip/ct-design-
|
|
29
|
-
"@cleartrip/ct-design-
|
|
30
|
-
"@cleartrip/ct-design-
|
|
31
|
-
"@cleartrip/ct-design-
|
|
32
|
-
"@cleartrip/ct-design-
|
|
33
|
-
"@cleartrip/ct-design-typography": "5.26.0
|
|
34
|
-
"@cleartrip/ct-design-hooks": "5.26.0
|
|
27
|
+
"@cleartrip/ct-design-button": "5.26.0",
|
|
28
|
+
"@cleartrip/ct-design-container": "5.26.0",
|
|
29
|
+
"@cleartrip/ct-design-style-manager": "5.26.0",
|
|
30
|
+
"@cleartrip/ct-design-theme": "5.26.0",
|
|
31
|
+
"@cleartrip/ct-design-tokens": "5.26.0",
|
|
32
|
+
"@cleartrip/ct-design-types": "5.26.0",
|
|
33
|
+
"@cleartrip/ct-design-typography": "5.26.0",
|
|
34
|
+
"@cleartrip/ct-design-hooks": "5.26.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@cleartrip/ct-design-use-isomorphic-effect": "5.26.0
|
|
37
|
+
"@cleartrip/ct-design-use-isomorphic-effect": "5.26.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": ">=16.8.0",
|
package/src/Segment.native.tsx
CHANGED
|
@@ -34,6 +34,7 @@ const Segment: React.FC<ISegmentProps> = ({
|
|
|
34
34
|
activeTabId,
|
|
35
35
|
animationDuration = 500,
|
|
36
36
|
styleConfig = {},
|
|
37
|
+
testID,
|
|
37
38
|
}) => {
|
|
38
39
|
const {
|
|
39
40
|
root = [],
|
|
@@ -227,6 +228,7 @@ const Segment: React.FC<ISegmentProps> = ({
|
|
|
227
228
|
|
|
228
229
|
return (
|
|
229
230
|
<Container
|
|
231
|
+
testID={testID ? `${testID}-Segment` : undefined}
|
|
230
232
|
styleConfig={{
|
|
231
233
|
root: [
|
|
232
234
|
segmentStaticStyles.root,
|
|
@@ -265,6 +267,7 @@ const Segment: React.FC<ISegmentProps> = ({
|
|
|
265
267
|
}}
|
|
266
268
|
>
|
|
267
269
|
<SegmentButton
|
|
270
|
+
testID={testID ? `${testID}-${option.tabId}` : undefined}
|
|
268
271
|
option={option}
|
|
269
272
|
index={index}
|
|
270
273
|
activeIndex={activeIndex}
|
|
@@ -17,6 +17,7 @@ export const SegmentButton: React.FC<ISegmentButtonProps> = ({
|
|
|
17
17
|
styleConfig,
|
|
18
18
|
variant,
|
|
19
19
|
optionLength: _optionLength,
|
|
20
|
+
testID,
|
|
20
21
|
}) => {
|
|
21
22
|
const theme = useTheme();
|
|
22
23
|
const isActive = index === activeIndex;
|
|
@@ -24,7 +25,7 @@ export const SegmentButton: React.FC<ISegmentButtonProps> = ({
|
|
|
24
25
|
const { segmentButton = {}, segmentText = {} } = styleConfig || {};
|
|
25
26
|
|
|
26
27
|
const shell = useStyles(
|
|
27
|
-
(
|
|
28
|
+
() => ({
|
|
28
29
|
rowCell: {
|
|
29
30
|
flexGrow: 1,
|
|
30
31
|
flexBasis: 0,
|
|
@@ -83,6 +84,7 @@ export const SegmentButton: React.FC<ISegmentButtonProps> = ({
|
|
|
83
84
|
|
|
84
85
|
return (
|
|
85
86
|
<Button
|
|
87
|
+
testID={testID}
|
|
86
88
|
variant={ButtonVariant.BARE}
|
|
87
89
|
color={ButtonColor.TERTIARY}
|
|
88
90
|
size={ButtonSize.SMALL}
|
package/src/type.ts
CHANGED
|
@@ -68,6 +68,12 @@ export interface ISegmentProps {
|
|
|
68
68
|
* Per-slot style overrides.
|
|
69
69
|
*/
|
|
70
70
|
styleConfig?: SegmentStyleConfigProps;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Identifier used to locate this component in end-to-end tests.
|
|
74
|
+
* Forwarded to the root view; each option is exposed as `${testID}-${tabId}`.
|
|
75
|
+
*/
|
|
76
|
+
testID?: string;
|
|
71
77
|
}
|
|
72
78
|
|
|
73
79
|
export interface ISegmentButtonProps {
|
|
@@ -82,4 +88,10 @@ export interface ISegmentButtonProps {
|
|
|
82
88
|
segmentText?: TypographyStyleConfigProps;
|
|
83
89
|
};
|
|
84
90
|
variant: SegmentVariantType;
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* Identifier used to locate this option in end-to-end tests.
|
|
94
|
+
* Forwarded to the underlying React Native pressable.
|
|
95
|
+
*/
|
|
96
|
+
testID?: string;
|
|
85
97
|
}
|