@bacon-pos/ui 0.11.0 → 0.16.0

package/lib/module/components/Dialog/Dialog.js

@@ -4,7 +4,9 @@ import { KeyboardAvoidingView, Modal, Platform, Pressable, ScrollView, StyleShee
 import { useTheme } from "../../theme/index.js";
 import { Button } from "../Button/Button.js";
 import { Icon } from "../Icon/Icon.js";
+import { IconButton } from "../IconButton/IconButton.js";
 import { Text } from "../Text/Text.js";
+import { ModalHostContext } from "../_internal/ModalHostContext.js";
 import { ScrollArea } from "../_internal/ScrollArea.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -20,6 +22,9 @@ export function Dialog({
   onClose,
   title,
   subtitle,
+  onBack,
+  backAccessibilityLabel = 'Back',
+  footerAccessory,
   children,
   actions = [],
   cancel,
@@ -70,59 +75,90 @@ export function Dialog({
     },
     children: /*#__PURE__*/_jsxs(View, {
       style: {
-        paddingRight: showClose ? 40 : 0,
-        gap: 4
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 20,
+        paddingRight: showClose ? 40 : 0
       },
-      children: [/*#__PURE__*/_jsx(Text, {
-        variant: "h3",
-        weight: "semibold",
-        color: "primary",
-        children: title
-      }), subtitle ? /*#__PURE__*/_jsx(Text, {
-        variant: "bodyLarge",
-        color: "secondary",
-        children: subtitle
-      }) : null]
+      children: [onBack ? /*#__PURE__*/_jsx(IconButton, {
+        icon: "arrow-left",
+        accessibilityLabel: backAccessibilityLabel,
+        variant: "secondary",
+        size: "lg",
+        onPress: onBack
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          gap: 4
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "h3",
+          weight: "semibold",
+          color: "primary",
+          children: title
+        }), subtitle ? /*#__PURE__*/_jsx(Text, {
+          variant: "bodyLarge",
+          color: "secondary",
+          children: subtitle
+        }) : null]
+      })]
     })
   });
+  const hasButtons = cancel != null || actions.length > 0;
+  const hasFooter = hasButtons || footerAccessory != null;
+
+  // The footer owns the bottom padding; without a footer the content would
+  // otherwise hug the bottom edge, so it takes over the bottom padding itself.
   const contentBody = /*#__PURE__*/_jsx(View, {
     style: {
-      paddingHorizontal: padding
+      paddingHorizontal: padding,
+      paddingBottom: hasFooter ? 0 : padding
     },
     children: children
   });
-  const hasFooter = cancel != null || actions.length > 0;
   const footer = hasFooter ? /*#__PURE__*/_jsxs(View, {
     style: {
-      flexDirection: 'row',
-      gap: 12,
       paddingHorizontal: padding,
       paddingBottom: padding,
       paddingTop: contentSpacing
     },
-    children: [cancel ? /*#__PURE__*/_jsx(View, {
+    children: [footerAccessory ? /*#__PURE__*/_jsx(View, {
       style: {
-        flex: 1
+        alignItems: 'center',
+        // Figma keeps the accessory (e.g. step progress) closer to the
+        // content above it than to the buttons below (~40 vs ~56).
+        marginBottom: hasButtons ? Math.round(contentSpacing * 1.4) : 0
       },
-      children: /*#__PURE__*/_jsx(Button, {
-        fullWidth: true,
-        variant: cancel.destructive ? 'destructive' : 'secondary',
-        label: cancel.label ?? 'Cancel',
-        onPress: cancel.onPress ?? onClose
-      })
-    }) : null, actions.map((action, i) => /*#__PURE__*/_jsx(View, {
+      children: footerAccessory
+    }) : null, hasButtons ? /*#__PURE__*/_jsxs(View, {
       style: {
-        flex: 1
+        flexDirection: 'row',
+        gap: 12
       },
-      children: /*#__PURE__*/_jsx(Button, {
-        fullWidth: true,
-        variant: action.variant ?? 'default',
-        label: action.label,
-        onPress: action.onPress,
-        loading: action.loading,
-        disabled: action.disabled
-      })
-    }, i))]
+      children: [cancel ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          fullWidth: true,
+          variant: cancel.destructive ? 'destructive' : 'secondary',
+          label: cancel.label ?? 'Cancel',
+          onPress: cancel.onPress ?? onClose
+        })
+      }) : null, actions.map((action, i) => /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          fullWidth: true,
+          variant: action.variant ?? 'default',
+          label: action.label,
+          onPress: action.onPress,
+          loading: action.loading,
+          disabled: action.disabled
+        })
+      }, i))]
+    }) : null]
   }) : null;
   const cardBase = fullscreen ? {
     flex: 1,
@@ -144,6 +180,9 @@ export function Dialog({
       style: {
         flex: 1
       },
+      contentContainerStyle: {
+        paddingVertical: 8
+      },
       keyboardShouldPersistTaps: "handled",
       keyboardDismissMode: "interactive",
       children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
@@ -162,6 +201,9 @@ export function Dialog({
       style: {
         flexShrink: 1
       },
+      contentContainerStyle: {
+        paddingVertical: 8
+      },
       keyboardShouldPersistTaps: "handled",
       keyboardDismissMode: "interactive",
       children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
@@ -173,55 +215,58 @@ export function Dialog({
     animationType: "fade",
     statusBarTranslucent: true,
     onRequestClose: onClose,
-    children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
-      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
-      style: {
-        flex: 1
-      },
-      children: /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(ModalHostContext.Provider, {
+      value: true,
+      children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
         style: {
-          flex: 1,
-          backgroundColor: 'rgba(16, 18, 20, 0.55)'
+          flex: 1
         },
-        children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/_jsx(ScrollView, {
+        children: /*#__PURE__*/_jsx(View, {
           style: {
-            flex: 1
-          },
-          contentContainerStyle: {
-            flexGrow: 1,
-            padding: 16
+            flex: 1,
+            backgroundColor: 'rgba(16, 18, 20, 0.55)'
           },
-          keyboardShouldPersistTaps: "handled",
-          showsVerticalScrollIndicator: false,
-          children: /*#__PURE__*/_jsx(Pressable, {
+          children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/_jsx(ScrollView, {
             style: {
+              flex: 1
+            },
+            contentContainerStyle: {
               flexGrow: 1,
-              justifyContent: 'center',
-              alignItems: 'center'
+              padding: 16
             },
-            onPress: dismissOnBackdrop ? onClose : undefined,
+            keyboardShouldPersistTaps: "handled",
+            showsVerticalScrollIndicator: false,
             children: /*#__PURE__*/_jsx(Pressable, {
               style: {
-                width: '100%',
+                flexGrow: 1,
+                justifyContent: 'center',
                 alignItems: 'center'
               },
-              onPress: () => {},
-              children: card
+              onPress: dismissOnBackdrop ? onClose : undefined,
+              children: /*#__PURE__*/_jsx(Pressable, {
+                style: {
+                  width: '100%',
+                  alignItems: 'center'
+                },
+                onPress: () => {},
+                children: card
+              })
             })
+          }) : /*#__PURE__*/_jsxs(View, {
+            style: {
+              flex: 1,
+              justifyContent: 'center',
+              alignItems: 'center',
+              padding: 16
+            },
+            children: [/*#__PURE__*/_jsx(Pressable, {
+              style: StyleSheet.absoluteFill,
+              onPress: dismissOnBackdrop ? onClose : undefined,
+              accessibilityElementsHidden: true,
+              importantForAccessibility: "no-hide-descendants"
+            }), card]
           })
-        }) : /*#__PURE__*/_jsxs(View, {
-          style: {
-            flex: 1,
-            justifyContent: 'center',
-            alignItems: 'center',
-            padding: 16
-          },
-          children: [/*#__PURE__*/_jsx(Pressable, {
-            style: StyleSheet.absoluteFill,
-            onPress: dismissOnBackdrop ? onClose : undefined,
-            accessibilityElementsHidden: true,
-            importantForAccessibility: "no-hide-descendants"
-          }), card]
         })
       })
     })

package/lib/module/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyboardAvoidingView","Modal","Platform","Pressable","ScrollView","StyleSheet","useWindowDimensions","View","useTheme","Button","Icon","Text","ScrollArea","jsx","_jsx","jsxs","_jsxs","Dialog","visible","onClose","title","subtitle","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","width","fullscreen","maxHeightRatio","scrollbarColor","style","theme","height","indicatorColor","colors","text","tertiary","closeBtn","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","name","size","color","feedback","error","secondary","header","paddingHorizontal","paddingTop","paddingBottom","paddingRight","gap","variant","weight","contentBody","hasFooter","length","footer","flexDirection","flex","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","backgroundColor","background","default","borderRadius","undefined","overflow","card","accessibilityViewIsModal","keyboardShouldPersistTaps","keyboardDismissMode","maxHeight","flexShrink","transparent","animationType","statusBarTranslucent","onRequestClose","behavior","OS","contentContainerStyle","flexGrow","showsVerticalScrollIndicator","justifyContent","alignItems","absoluteFill","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["KeyboardAvoidingView","Modal","Platform","Pressable","ScrollView","StyleSheet","useWindowDimensions","View","useTheme","Button","Icon","IconButton","Text","ModalHostContext","ScrollArea","jsx","_jsx","jsxs","_jsxs","Dialog","visible","onClose","title","subtitle","onBack","backAccessibilityLabel","footerAccessory","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","width","fullscreen","maxHeightRatio","scrollbarColor","style","theme","height","indicatorColor","colors","text","tertiary","closeBtn","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","name","size","color","feedback","error","secondary","header","paddingHorizontal","paddingTop","paddingBottom","flexDirection","alignItems","gap","paddingRight","icon","variant","flex","weight","hasButtons","length","hasFooter","contentBody","footer","marginBottom","Math","round","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","backgroundColor","background","default","borderRadius","undefined","overflow","card","accessibilityViewIsModal","contentContainerStyle","paddingVertical","keyboardShouldPersistTaps","keyboardDismissMode","maxHeight","flexShrink","transparent","animationType","statusBarTranslucent","onRequestClose","Provider","value","behavior","OS","flexGrow","showsVerticalScrollIndicator","justifyContent","absoluteFill","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/StepDialog.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { ProgressBar } from "../ProgressBar/ProgressBar.js";
+import { Dialog } from "./Dialog.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const clamp = (n, min, max) => n < min ? min : n > max ? max : n;
+
+/**
+ * StepDialog — a multi-step (wizard) flow built on `Dialog`. Give it an array of
+ * `steps`; it tracks the current one, renders a round back button in the header
+ * from step 2 onward, a thin progress bar in the footer, and a
+ * secondary (Back / Cancel) + primary (Continue / Finish) button pair. A step's
+ * `onNext` can return `false` (sync or async) to block advancing after failed
+ * validation. Controlled via `step`/`onStepChange` or fully uncontrolled.
+ * Forwards all other `Dialog` props (width, fullscreen, scrollMode, …).
+ */
+export function StepDialog({
+  steps,
+  step,
+  defaultStep = 0,
+  onStepChange,
+  onFinish,
+  finishLabel = 'Finish',
+  backLabel = 'Back',
+  cancelLabel = 'Cancel',
+  showHeaderBack = true,
+  showFooterBack = true,
+  showProgress = true,
+  progressWidth = '62%',
+  visible,
+  onClose,
+  ...dialogProps
+}) {
+  const total = steps.length;
+  const [uncontrolled, setUncontrolled] = useState(defaultStep);
+  const isControlled = step !== undefined;
+  const index = clamp(isControlled ? step : uncontrolled, 0, Math.max(0, total - 1));
+
+  // Reset an uncontrolled flow to its first step whenever it is closed.
+  useEffect(() => {
+    if (!visible && !isControlled) setUncontrolled(defaultStep);
+  }, [visible, isControlled, defaultStep]);
+  const setIndex = next => {
+    const clamped = clamp(next, 0, total - 1);
+    if (!isControlled) setUncontrolled(clamped);
+    onStepChange?.(clamped);
+  };
+  const current = steps[index];
+  if (!current) return null;
+  const isFirst = index === 0;
+  const isLast = index === total - 1;
+  const goBack = () => {
+    if (!isFirst) setIndex(index - 1);
+  };
+  const advance = () => {
+    if (isLast) onFinish?.();else setIndex(index + 1);
+  };
+  const goNext = () => {
+    const result = current.onNext?.();
+    // Await only a real promise, so sync steps advance synchronously.
+    if (result && typeof result.then === 'function') {
+      void result.then(r => {
+        if (r !== false) advance();
+      });
+      return;
+    }
+    if (result === false) return;
+    advance();
+  };
+  const footerAccessory = showProgress ? /*#__PURE__*/_jsx(ProgressBar, {
+    progress: (index + 1) / total,
+    showSupporting: false,
+    bordered: false,
+    height: 6,
+    style: {
+      width: progressWidth,
+      alignSelf: 'center'
+    },
+    accessibilityLabel: `Step ${index + 1} of ${total}`
+  }) : undefined;
+  return /*#__PURE__*/_jsx(Dialog, {
+    ...dialogProps,
+    visible: visible,
+    onClose: onClose,
+    title: current.title,
+    subtitle: current.subtitle,
+    onBack: !isFirst && showHeaderBack ? goBack : undefined,
+    backAccessibilityLabel: backLabel,
+    footerAccessory: footerAccessory,
+    cancel: showFooterBack ? isFirst ? {
+      label: cancelLabel,
+      onPress: onClose
+    } : {
+      label: backLabel,
+      onPress: goBack
+    } : undefined,
+    actions: [{
+      label: current.nextLabel ?? (isLast ? finishLabel : 'Continue'),
+      onPress: goNext,
+      disabled: current.nextDisabled,
+      loading: current.nextLoading
+    }],
+    children: current.content
+  });
+}
+//# sourceMappingURL=StepDialog.js.map

package/lib/module/components/Dialog/StepDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","ProgressBar","Dialog","jsx","_jsx","clamp","n","min","max","StepDialog","steps","step","defaultStep","onStepChange","onFinish","finishLabel","backLabel","cancelLabel","showHeaderBack","showFooterBack","showProgress","progressWidth","visible","onClose","dialogProps","total","length","uncontrolled","setUncontrolled","isControlled","undefined","index","Math","setIndex","next","clamped","current","isFirst","isLast","goBack","advance","goNext","result","onNext","then","r","footerAccessory","progress","showSupporting","bordered","height","style","width","alignSelf","accessibilityLabel","title","subtitle","onBack","backAccessibilityLabel","cancel","label","onPress","actions","nextLabel","disabled","nextDisabled","loading","nextLoading","children","content"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/StepDialog.stories.js

@@ -0,0 +1,153 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { StepDialog } from "./StepDialog.js";
+import { Button } from "../Button/Button.js";
+import { Input } from "../Input/Input.js";
+import { Radio } from "../Radio/Radio.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/StepDialog',
+  component: StepDialog
+};
+export default meta;
+function Frame({
+  render
+}) {
+  const [open, setOpen] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24
+    },
+    children: [/*#__PURE__*/_jsx(Button, {
+      label: "Start flow",
+      onPress: () => setOpen(true)
+    }), render(open, () => setOpen(false))]
+  });
+}
+
+/** Three-step flow: pick an option, fill details, confirm. */
+export const Basic = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const [plan, setPlan] = useState('standard');
+      const [name, setName] = useState('');
+      const steps = [{
+        title: 'Choose a plan',
+        subtitle: 'Pick the option that fits your venue.',
+        content: /*#__PURE__*/_jsx(View, {
+          style: {
+            gap: 12
+          },
+          children: ['standard', 'pro', 'enterprise'].map(p => /*#__PURE__*/_jsx(Radio, {
+            selected: plan === p,
+            onChange: () => setPlan(p),
+            label: p[0].toUpperCase() + p.slice(1)
+          }, p))
+        })
+      }, {
+        title: 'Your details',
+        subtitle: 'Tell us who this is for.',
+        content: /*#__PURE__*/_jsx(Input, {
+          label: "Full name",
+          placeholder: "Jane Doe",
+          value: name,
+          onChangeText: setName
+        }),
+        nextDisabled: name.trim().length === 0
+      }, {
+        title: 'All set',
+        subtitle: 'Review and confirm.',
+        content: /*#__PURE__*/_jsx(Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: `Plan: ${plan}\nName: ${name || '—'}`
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Async validation on `onNext` — the primary button spins and can block advancing. */
+export const AsyncValidation = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const [code, setCode] = useState('');
+      const [loading, setLoading] = useState(false);
+      const steps = [{
+        title: 'Enter access code',
+        subtitle: 'Try "1234" to pass.',
+        content: /*#__PURE__*/_jsx(Input, {
+          label: "Code",
+          placeholder: "\u2022\u2022\u2022\u2022",
+          value: code,
+          onChangeText: setCode
+        }),
+        nextLabel: 'Verify',
+        nextLoading: loading,
+        onNext: async () => {
+          setLoading(true);
+          await new Promise(r => setTimeout(r, 700));
+          setLoading(false);
+          return code === '1234'; // false → stays on step
+        }
+      }, {
+        title: 'Verified',
+        content: /*#__PURE__*/_jsx(Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: "You are in."
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Fullscreen flow for small devices. */
+export const Fullscreen = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const steps = [{
+        title: 'Step one',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "First screen."
+        })
+      }, {
+        title: 'Step two',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "Second screen."
+        })
+      }, {
+        title: 'Step three',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "Last screen."
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close,
+        fullscreen: true
+      });
+    }
+  })
+};
+//# sourceMappingURL=StepDialog.stories.js.map

package/lib/module/components/Dialog/StepDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","StepDialog","Button","Input","Radio","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Frame","render","open","setOpen","style","padding","children","label","onPress","Basic","close","plan","setPlan","name","setName","steps","subtitle","content","gap","map","p","selected","onChange","toUpperCase","slice","placeholder","value","onChangeText","nextDisabled","trim","length","variant","color","visible","onClose","onFinish","AsyncValidation","code","setCode","loading","setLoading","nextLabel","nextLoading","onNext","Promise","r","setTimeout","Fullscreen","fullscreen"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.stories.tsx"],"mappings":"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","ignoreList":[]}