@proximus/lavender-toast-native 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/PxToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxToast.d.ts","sourceRoot":"","sources":["../src/PxToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAIL,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,cAAc,EACd,MAAU,EACV,QAAgB,EAChB,YAAY,EACZ,cAAc,EACd,OAAO,EACP,YAAY,EACZ,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,MAAe,EACf,QAAgB,GACjB,EAAE,YAAY,4BAiNd"}
+{"version":3,"file":"PxToast.d.ts","sourceRoot":"","sources":["../src/PxToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAIL,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9D,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,cAAc,EACd,MAAU,EACV,QAAgB,EAChB,YAAY,EACZ,cAAc,EACd,OAAO,EACP,YAAY,EACZ,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,MAAe,EACf,QAAgB,GACjB,EAAE,YAAY,4BAkNd"}

package/dist/PxToast.js

@@ -7,14 +7,14 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { a11y, e2eID } from '@proximus/lavender-common-native';
 export function PxToast({ visible, containerStyle, offset = 0, expanded = false, action1Label, action1OnPress, message, action2Label, action2OnPress, action1AccessibilityHint, action2AccessibilityHint, action1TestID, action2TestID, status = 'info', inverted = false, }) {
     const [bottom, setBottom] = useState();
-    const [canDisplay, setCanDisplay] = useState(true);
+    const [canDisplay, setCanDisplay] = useState(false);
     const [animatedVisible, setAnimatedVisible] = useState(false);
     const { theme } = useTheme();
     const insets = useSafeAreaInsets();
     const translateY = useRef(new Animated.Value(10)).current;
     const opacity = useRef(new Animated.Value(0)).current;
     const toastRef = useRef(null);
-    const iconSetup = useStatusIcon(theme, status, inverted);
+    const iconSetup = useStatusIcon(status);
     const onLayoutCallback = useCallback((e) => {
         if (!bottom && e.nativeEvent.layout.height > 0) {
             setBottom(insets.bottom + offset);
@@ -110,7 +110,7 @@ export function PxToast({ visible, containerStyle, offset = 0, expanded = false,
                         justifyContent: 'flex-start',
                         gap: theme.t('SpacingSMobile').number,
                     } },
-                    React.createElement(PxIcon, { accessible: false, importantForAccessibility: 'no', size: 24, ...iconSetup }),
+                    React.createElement(PxIcon, { accessible: false, importantForAccessibility: 'no', size: 'M', inverted: !inverted, ...iconSetup }),
                     React.createElement(Body, { inverted: !inverted, accessible: false, importantForAccessibility: 'no', numberOfLines: 1, ellipsizeMode: 'tail' }, message)),
                 React.createElement(View, { style: {
                         ...(!expanded && { flex: 1 }),
@@ -146,28 +146,27 @@ export function PxToast({ visible, containerStyle, offset = 0, expanded = false,
                                 }),
                             } }, action2Label)))))))) : null;
 }
-function useStatusIcon(theme, status, inverted) {
-    const colorSuffix = inverted ? 'Default' : 'Inverted';
+function useStatusIcon(status) {
     switch (status) {
         case 'info':
             return {
                 name: 'information_fill',
-                color: theme.t(`ColorIconBrand${colorSuffix}`),
+                color: 'Brand',
             };
         case 'success':
             return {
                 name: 'checkmark_fill',
-                color: theme.t(`ColorIconPurposeSuccess${colorSuffix}`),
+                color: 'PurposeSuccess',
             };
         case 'warning':
             return {
                 name: 'exclamation_mark_fill',
-                color: theme.t(`ColorIconPurposeWarning${colorSuffix}`),
+                color: 'PurposeWarning',
             };
         case 'error':
             return {
                 name: 'minus_fill',
-                color: theme.t(`ColorIconPurposeError${colorSuffix}`),
+                color: 'PurposeError',
             };
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-toast-native",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.3",
   "description": "Lavender toast native component",
   "license": "MIT",
   "main": "dist/index.js",