@proximus/lavender-bottomsheet-native 2.1.1-alpha.2 → 2.1.1-alpha.20

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 (4) hide show
  1. package/dist/BottomSheet.d.ts +3 -2
  2. package/dist/BottomSheet.d.ts.map +1 -1
  3. package/dist/BottomSheet.js +7 -3
  4. package/package.json +1 -1
package/dist/BottomSheet.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import React, { ReactElement } from 'react';
1
+ import React, { ReactElement, ReactNode } from 'react';
2
2
  import { SheetSize } from '@solidx/react-native-true-sheet';
3
3
  export interface IBottomSheetProps {
4
4
  opened?: boolean;
5
5
  title?: string;
6
6
  subtitle?: string;
7
- actionButtonTitle: string;
7
+ actionButtonTitle?: string;
8
8
  actionButtonAccessibilityLabel?: string;
9
9
  actionButtonAccessibilityHint?: string;
10
10
  onActionButtonPress?: () => void;
@@ -25,6 +25,7 @@ export interface IBottomSheetProps {
25
25
  allowScroll?: boolean;
26
26
  testID?: string;
27
27
  children?: ReactElement | ReactElement[];
28
+ customButtons?: ReactNode;
28
29
  }
29
30
  export declare function PxBottomSheet(props: IBottomSheetProps): React.JSX.Element;
30
31
  export declare function TitleZone(props: IBottomSheetProps): React.JSX.Element;
package/dist/BottomSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../src/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAa,MAAM,iCAAiC,CAAC;AAUvE,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uCAAuC,CAAC,EAAE,MAAM,CAAC;IACjD,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,qBAqDrD;AACD,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,qBAiCjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,iBAAiB,qBA4DlD"}
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../src/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAa,MAAM,iCAAiC,CAAC;AAUvE,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uCAAuC,CAAC,EAAE,MAAM,CAAC;IACjD,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAEzC,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,qBAqDrD;AACD,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,qBAiCjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,iBAAiB,qBAsElD"}
package/dist/BottomSheet.js CHANGED
@@ -32,7 +32,6 @@ export function PxBottomSheet(props) {
32
32
  style: { backgroundColor: theme.t('ColorBackgroundSurfaceLight') }, backgroundColor: theme.t('ColorBackgroundSurfaceLight'), ref: trueSheetRef, ...e2eID(testID) },
33
33
  React.createElement(TitleZone, { ...props }),
34
34
  children,
35
- React.createElement(PxSeparator, null),
36
35
  React.createElement(ButtonZone, { ...props })));
37
36
  }
38
37
  export function TitleZone(props) {
@@ -52,12 +51,17 @@ export function TitleZone(props) {
52
51
  } }, subtitle))));
53
52
  }
54
53
  export function ButtonZone(props) {
55
- const { actionButtonTitle, actionButtonAccessibilityHint, actionButtonAccessibilityLabel, actionButtonTestID, onActionButtonPress, secondaryActionButtonTitle, secondaryActionButtonAccessibilityLabel, secondaryActionButtonAccessibilityHint, onSecondaryActionButtonPress, secondaryActionButtonTestID, tertiaryActionButtonTitle, tertiaryActionButtonAccessibilityLabel, tertiaryActionButtonAccessibilityHint, onTertiaryActionButtonPress, tertiaryActionButtonTestID, } = props;
54
+ const { actionButtonTitle, actionButtonAccessibilityHint, actionButtonAccessibilityLabel, actionButtonTestID, onActionButtonPress, secondaryActionButtonTitle, secondaryActionButtonAccessibilityLabel, secondaryActionButtonAccessibilityHint, onSecondaryActionButtonPress, secondaryActionButtonTestID, tertiaryActionButtonTitle, tertiaryActionButtonAccessibilityLabel, tertiaryActionButtonAccessibilityHint, onTertiaryActionButtonPress, tertiaryActionButtonTestID, customButtons, } = props;
56
55
  const { theme } = useTheme();
57
56
  return (React.createElement(View, { style: {
58
57
  gap: theme.t('SpacingSMobile').number,
59
58
  } },
59
+ actionButtonTitle ||
60
+ secondaryActionButtonTitle ||
61
+ tertiaryActionButtonTitle ||
62
+ customButtons ? (React.createElement(PxSeparator, null)) : (React.createElement(React.Fragment, null)),
60
63
  actionButtonTitle && (React.createElement(PxButton, { testID: actionButtonTestID, accessibilityLabel: actionButtonAccessibilityLabel, accessibilityHint: actionButtonAccessibilityHint, title: actionButtonTitle, onPress: onActionButtonPress, shape: secondaryActionButtonTitle ? 'alternative' : 'default' })),
61
64
  secondaryActionButtonTitle && (React.createElement(PxButton, { variant: "secondary", testID: secondaryActionButtonTestID, accessibilityLabel: secondaryActionButtonAccessibilityLabel, accessibilityHint: secondaryActionButtonAccessibilityHint, title: secondaryActionButtonTitle, onPress: onSecondaryActionButtonPress })),
62
- tertiaryActionButtonTitle && (React.createElement(PxButton, { variant: "tertiary", testID: tertiaryActionButtonTestID, accessibilityLabel: tertiaryActionButtonAccessibilityLabel, accessibilityHint: tertiaryActionButtonAccessibilityHint, title: tertiaryActionButtonTitle, onPress: onTertiaryActionButtonPress, suffix: React.createElement(PxIcon, { name: 'chevron_right' }) }))));
65
+ tertiaryActionButtonTitle && (React.createElement(PxButton, { variant: "tertiary", testID: tertiaryActionButtonTestID, accessibilityLabel: tertiaryActionButtonAccessibilityLabel, accessibilityHint: tertiaryActionButtonAccessibilityHint, title: tertiaryActionButtonTitle, onPress: onTertiaryActionButtonPress, suffix: React.createElement(PxIcon, { name: 'chevron_right' }) })),
66
+ customButtons));
63
67
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-bottomsheet-native",
3
- "version": "2.1.1-alpha.2",
3
+ "version": "2.1.1-alpha.20",
4
4
  "description": "Bottom sheet component",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",