@proximus/lavender-cells-native 2.1.0-alpha.1 → 2.1.0-alpha.3

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.
Files changed (6) hide show
  1. package/dist/PxCell.d.ts.map +1 -1
  2. package/dist/PxCell.js +9 -7
  3. package/dist/PxCellCheckbox.d.ts +1 -0
  4. package/dist/PxCellCheckbox.d.ts.map +1 -1
  5. package/dist/PxCellCheckbox.js +1 -1
  6. package/package.json +1 -1
package/dist/PxCell.d.ts.map CHANGED
@@ -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,qBA+HT"}
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,qBAwIT"}
package/dist/PxCell.js CHANGED
@@ -52,7 +52,7 @@ 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, ...(testID && e2eID(`${testID}-cell-title`)) }, label),
55
+ ], disabled: disabled, ...(testID && e2eID(`${testID}-cell-title`)), numberOfLines: 2, ellipsizeMode: 'tail' }, label),
56
56
  description && (React.createElement(Body, { ...a11y({
57
57
  ...labelsAccessibilityProps,
58
58
  accessible,
@@ -62,9 +62,9 @@ export function PxCell({ label, description, onPress, backgroundColor, container
62
62
  fontSize: theme.t('TextSizeLabelMMobile').number,
63
63
  color: theme.t('ColorTextNeutralDefault'),
64
64
  },
65
- ], disabled: disabled }, description))),
66
- suffixLabel && suffixDescription && (React.createElement(View, { style: styles.suffixLabelDescription },
67
- React.createElement(Header, { ...a11y({
65
+ ], disabled: disabled, numberOfLines: 2, ellipsizeMode: 'tail' }, description))),
66
+ React.createElement(View, { style: styles.suffixLabelDescription },
67
+ suffixLabel && (React.createElement(Header, { ...a11y({
68
68
  ...labelsAccessibilityProps,
69
69
  accessible,
70
70
  importantForAccessibility: accessible ? 'yes' : 'no',
@@ -72,15 +72,16 @@ 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, ...(testID && e2eID(`${testID}-cell-title-right`)) }, suffixLabel),
76
- description && (React.createElement(Body, { ...a11y({
75
+ }, numberOfLines: 2, ellipsizeMode: 'tail', disabled: disabled, ...(testID && e2eID(`${testID}-cell-title-right`)) }, suffixLabel)),
76
+ suffixDescription && (React.createElement(Body, { ...a11y({
77
77
  ...labelsAccessibilityProps,
78
78
  accessible,
79
79
  importantForAccessibility: accessible ? 'yes' : 'no',
80
80
  }), style: {
81
+ textAlign: 'right',
81
82
  color: theme.t('ColorTextNeutralDefault'),
82
83
  fontSize: theme.t('TextSizeLabelMMobile').number,
83
- }, ...(testID && e2eID(`${testID}-cell-description-right`)), disabled: disabled }, suffixDescription)))),
84
+ }, numberOfLines: 2, ellipsizeMode: 'tail', ...(testID && e2eID(`${testID}-cell-description-right`)), disabled: disabled }, suffixDescription))),
84
85
  suffix),
85
86
  separator && React.createElement(PxSeparator, null)));
86
87
  }
@@ -100,5 +101,6 @@ const styles = StyleSheet.create({
100
101
  },
101
102
  suffixLabelDescription: {
102
103
  alignSelf: 'flex-end',
104
+ alignItems: 'flex-end',
103
105
  },
104
106
  });
package/dist/PxCellCheckbox.d.ts CHANGED
@@ -3,5 +3,6 @@ import { IPxCell } from './PxCell';
3
3
  export declare function PxCellCheckbox(props: IPxCell & {
4
4
  checked: boolean;
5
5
  side?: 'left' | 'right';
6
+ onChange?: (checked: boolean) => void;
6
7
  }): React.JSX.Element;
7
8
  //# sourceMappingURL=PxCellCheckbox.d.ts.map
package/dist/PxCellCheckbox.d.ts.map CHANGED
@@ -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,qBA8C/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;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,qBA8CF"}
package/dist/PxCellCheckbox.js CHANGED
@@ -7,7 +7,7 @@ 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
- }, checked: props.checked, onChange: props.onPress, ...(props.testID && { testID: `${props.testID}-cell` }) }));
10
+ }, checked: props.checked, onChange: props.onChange, ...(props.testID && { testID: `${props.testID}-cell` }) }));
11
11
  return (React.createElement(PxCell, { ...props, onPress: undefined, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
12
12
  checkbox,
13
13
  props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-cells-native",
3
- "version": "2.1.0-alpha.1",
3
+ "version": "2.1.0-alpha.3",
4
4
  "description": "Lavender cell list component",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",