@proximus/lavender-cells-native 0.1.0-alpha.13 → 0.1.0-alpha.14

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":"PxCell.d.ts","sourceRoot":"","sources":["../src/PxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,OAAQ,SAAQ,kBAAkB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAClD;AAID,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAAc,EACd,MAAM,EACN,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,IAAc,EACd,UAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,wBAAwB,EACxB,YAAqB,EACrB,SAAiB,GAClB,EAAE,OAAO,qBA6HT"}
1
+ {"version":3,"file":"PxCell.d.ts","sourceRoot":"","sources":["../src/PxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,OAAQ,SAAQ,kBAAkB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAClD;AAID,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAAc,EACd,MAAM,EACN,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,IAAc,EACd,UAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,wBAAwB,EACxB,YAAqB,EACrB,SAAiB,GAClB,EAAE,OAAO,qBA+HT"}
package/dist/PxCell.js CHANGED
@@ -52,12 +52,12 @@ export function PxCell({ label, description, onPress, backgroundColor, container
52
52
  fontSize: theme.t('TextSizeLabelLMobile').number,
53
53
  color: theme.t('ColorTextNeutralDefault'),
54
54
  },
55
- ], disabled: disabled }, label),
55
+ ], disabled: disabled, ...(testID && e2eID(`${testID}-cell-title`)) }, label),
56
56
  description && (React.createElement(Body, { ...a11y({
57
57
  ...labelsAccessibilityProps,
58
58
  accessible,
59
59
  importantForAccessibility: accessible ? 'yes' : 'no',
60
- }), ...e2eID(`${testID}_subTitle`), style: [
60
+ }), ...(testID && e2eID(`${testID}-cell-description`)), style: [
61
61
  {
62
62
  fontSize: theme.t('TextSizeLabelMMobile').number,
63
63
  color: theme.t('ColorTextNeutralDefault'),
@@ -72,7 +72,7 @@ export function PxCell({ label, description, onPress, backgroundColor, container
72
72
  textAlign: 'right',
73
73
  fontSize: theme.t('TextSizeLabelLMobile').number,
74
74
  color: theme.t('ColorTextNeutralDefault'),
75
- }, disabled: disabled }, suffixLabel),
75
+ }, disabled: disabled, ...(testID && e2eID(`${testID}-cell-title-right`)) }, suffixLabel),
76
76
  description && (React.createElement(Body, { ...a11y({
77
77
  ...labelsAccessibilityProps,
78
78
  accessible,
@@ -80,7 +80,7 @@ export function PxCell({ label, description, onPress, backgroundColor, container
80
80
  }), style: {
81
81
  color: theme.t('ColorTextNeutralDefault'),
82
82
  fontSize: theme.t('TextSizeLabelMMobile').number,
83
- }, ...e2eID(`${testID}_subTitle`), disabled: disabled }, suffixDescription)))),
83
+ }, ...(testID && e2eID(`${testID}-cell-description-right`)), disabled: disabled }, suffixDescription)))),
84
84
  suffix),
85
85
  separator && React.createElement(PxSeparator, null)));
86
86
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PxCellCheckbox.d.ts","sourceRoot":"","sources":["../src/PxCellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAI3C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBAqD/D"}
1
+ {"version":3,"file":"PxCellCheckbox.d.ts","sourceRoot":"","sources":["../src/PxCellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAI3C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA8C/D"}
@@ -7,21 +7,12 @@ export function PxCellCheckbox(props) {
7
7
  const checkbox = (React.createElement(PxCheckBox, { disabled: props.disabled, accessibilityLabel: props.label, accessibilityHint: props.description, wrapperStyle: {
8
8
  height: 32,
9
9
  justifyContent: 'center',
10
- },
11
- // checkboxStyle={{
12
- // // Not applied on Android because of a weird visual bug
13
- // ...(Platform.OS === 'ios' && {
14
- // width: 16,
15
- // height: 16,
16
- // }),
17
- // backgroundColor: 'transparent',
18
- // }}
19
- checked: props.checked, onChange: props.onPress, testID: props.testID }));
10
+ }, checked: props.checked, onChange: props.onPress, ...(props.testID && { testID: `${props.testID}-cell` }) }));
20
11
  return (React.createElement(PxCell, { ...props, onPress: undefined, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
21
12
  checkbox,
22
13
  props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
23
14
  props.suffix,
24
- checkbox)) : (props.suffix) }));
15
+ checkbox)) : (props.suffix), testID: props.testID }));
25
16
  }
26
17
  const styles = StyleSheet.create({
27
18
  prefix: {
@@ -1 +1 @@
1
- {"version":3,"file":"PxCellRadio.d.ts","sourceRoot":"","sources":["../src/PxCellRadio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA4C/D"}
1
+ {"version":3,"file":"PxCellRadio.d.ts","sourceRoot":"","sources":["../src/PxCellRadio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA0C/D"}
@@ -4,14 +4,12 @@ import React from 'react';
4
4
  import { StyleSheet, View } from 'react-native';
5
5
  export function PxCellRadio(props) {
6
6
  const { side = 'right' } = props;
7
- const radioButton = (React.createElement(PxRadioButton, { size: 20, accessibilityLabel: props.label, accessibilityHint: props.description, labelA11y: {
8
- accessible: false,
9
- }, checked: props.checked, onPress: props.onPress, testID: props.testID }));
7
+ const radioButton = (React.createElement(PxRadioButton, { size: 20, accessibilityLabel: props.label, accessibilityHint: props.description, checked: props.checked, onPress: props.onPress, ...(props.testID && { testID: `${props.testID}-cell` }) }));
10
8
  return (React.createElement(PxCell, { ...props, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
11
9
  radioButton,
12
10
  props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
13
11
  props.suffix,
14
- radioButton)) : (props.suffix) }));
12
+ radioButton)) : (props.suffix), testID: props.testID }));
15
13
  }
16
14
  const styles = StyleSheet.create({
17
15
  prefix: {
@@ -1 +1 @@
1
- {"version":3,"file":"PxEntrypoint.d.ts","sourceRoot":"","sources":["../src/PxEntrypoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAG3C,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,qBAQ1C"}
1
+ {"version":3,"file":"PxEntrypoint.d.ts","sourceRoot":"","sources":["../src/PxEntrypoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAG3C,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,qBAS1C"}
@@ -2,5 +2,5 @@ import React from 'react';
2
2
  import { PxCell } from './PxCell';
3
3
  import { PxIcon } from '@proximus/lavender-icon-native';
4
4
  export function PxEntrypoint(props) {
5
- return (React.createElement(PxCell, { ...props, accessibilityRole: 'button', suffix: React.createElement(PxIcon, { name: 'chevron_right' }) }));
5
+ return (React.createElement(PxCell, { ...props, accessibilityRole: 'button', suffix: React.createElement(PxIcon, { name: 'chevron_right' }), testID: props.testID }));
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-cells-native",
3
- "version": "0.1.0-alpha.13",
3
+ "version": "0.1.0-alpha.14",
4
4
  "description": "Lavender cell list component",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",