@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.
@@ -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,CA+PpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
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,CAiGvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
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
@@ -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;CACvC;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;CAC7B"}
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-SNAPSHOT-holiday-packages.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-SNAPSHOT-holiday-packages.0",
28
- "@cleartrip/ct-design-style-manager": "5.25.1-SNAPSHOT-holiday-packages.0",
29
- "@cleartrip/ct-design-theme": "5.26.0-SNAPSHOT-holiday-packages.0",
30
- "@cleartrip/ct-design-tokens": "5.26.0-SNAPSHOT-holiday-packages.0",
31
- "@cleartrip/ct-design-types": "5.26.0-SNAPSHOT-holiday-packages.0",
32
- "@cleartrip/ct-design-container": "5.26.0-SNAPSHOT-holiday-packages.0",
33
- "@cleartrip/ct-design-typography": "5.26.0-SNAPSHOT-holiday-packages.0",
34
- "@cleartrip/ct-design-hooks": "5.26.0-SNAPSHOT-holiday-packages.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-SNAPSHOT-holiday-packages.0"
37
+ "@cleartrip/ct-design-use-isomorphic-effect": "5.26.0"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=16.8.0",
@@ -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
- (t) => ({
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
  }