@proximus/lavender-bottomsheet-native 1.2.2-beta.3 → 1.2.2
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/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
|
|
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;
|
|
@@ -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;
|
|
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,qBA8DlD"}
|
package/dist/BottomSheet.js
CHANGED
|
@@ -52,12 +52,13 @@ export function TitleZone(props) {
|
|
|
52
52
|
} }, subtitle))));
|
|
53
53
|
}
|
|
54
54
|
export function ButtonZone(props) {
|
|
55
|
-
const { actionButtonTitle, actionButtonAccessibilityHint, actionButtonAccessibilityLabel, actionButtonTestID, onActionButtonPress, secondaryActionButtonTitle, secondaryActionButtonAccessibilityLabel, secondaryActionButtonAccessibilityHint, onSecondaryActionButtonPress, secondaryActionButtonTestID, tertiaryActionButtonTitle, tertiaryActionButtonAccessibilityLabel, tertiaryActionButtonAccessibilityHint, onTertiaryActionButtonPress, tertiaryActionButtonTestID, } = props;
|
|
55
|
+
const { actionButtonTitle, actionButtonAccessibilityHint, actionButtonAccessibilityLabel, actionButtonTestID, onActionButtonPress, secondaryActionButtonTitle, secondaryActionButtonAccessibilityLabel, secondaryActionButtonAccessibilityHint, onSecondaryActionButtonPress, secondaryActionButtonTestID, tertiaryActionButtonTitle, tertiaryActionButtonAccessibilityLabel, tertiaryActionButtonAccessibilityHint, onTertiaryActionButtonPress, tertiaryActionButtonTestID, customButtons, } = props;
|
|
56
56
|
const { theme } = useTheme();
|
|
57
57
|
return (React.createElement(View, { style: {
|
|
58
58
|
gap: theme.t('SpacingSMobile').number,
|
|
59
59
|
} },
|
|
60
60
|
actionButtonTitle && (React.createElement(PxButton, { testID: actionButtonTestID, accessibilityLabel: actionButtonAccessibilityLabel, accessibilityHint: actionButtonAccessibilityHint, title: actionButtonTitle, onPress: onActionButtonPress, shape: secondaryActionButtonTitle ? 'alternative' : 'default' })),
|
|
61
61
|
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' }) }))
|
|
62
|
+
tertiaryActionButtonTitle && (React.createElement(PxButton, { variant: "tertiary", testID: tertiaryActionButtonTestID, accessibilityLabel: tertiaryActionButtonAccessibilityLabel, accessibilityHint: tertiaryActionButtonAccessibilityHint, title: tertiaryActionButtonTitle, onPress: onTertiaryActionButtonPress, suffix: React.createElement(PxIcon, { name: 'chevron_right' }) })),
|
|
63
|
+
customButtons));
|
|
63
64
|
}
|