@bacon-pos/ui 0.2.1 → 0.4.0

package/lib/commonjs/components/Dialog/Dialog.js

@@ -0,0 +1,234 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = Dialog;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Button = require("../Button/Button.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _ScrollArea = require("../_internal/ScrollArea.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Dialog — an accessible, keyboard-aware modal that can hold anything from a
+ * short message to a full form (selects, date pickers, etc. keep working thanks
+ * to `keyboardShouldPersistTaps`). Content scrolls with an elegant thin,
+ * auto-hiding indicator. `scrollMode="page"` scrolls the whole modal on short
+ * screens instead of scrolling inside the card. Footer composes the
+ * design-system `Button`.
+ */
+function Dialog({
+  visible,
+  onClose,
+  title,
+  subtitle,
+  children,
+  actions = [],
+  cancel,
+  showClose = true,
+  closeDestructive = false,
+  dismissOnBackdrop = false,
+  scrollMode = 'inner',
+  stickyHeader = true,
+  stickyFooter = true,
+  padding = 24,
+  contentSpacing = 24,
+  radius = 24,
+  maxWidth = 560,
+  width,
+  fullscreen = false,
+  maxHeightRatio = 0.9,
+  scrollbarColor,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const {
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const indicatorColor = scrollbarColor ?? theme.colors.text.tertiary;
+  const closeBtn = showClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onClose,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: "Close",
+    style: {
+      position: 'absolute',
+      top: padding,
+      right: padding,
+      padding: 4,
+      zIndex: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "close",
+      size: 24,
+      color: closeDestructive ? theme.colors.feedback.error : theme.colors.text.secondary
+    })
+  }) : null;
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      paddingHorizontal: padding,
+      paddingTop: padding,
+      paddingBottom: contentSpacing
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        paddingRight: showClose ? 40 : 0,
+        gap: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "h3",
+        weight: "semibold",
+        color: "primary",
+        children: title
+      }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        color: "secondary",
+        children: subtitle
+      }) : null]
+    })
+  });
+  const contentBody = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      paddingHorizontal: padding
+    },
+    children: children
+  });
+  const hasFooter = cancel != null || actions.length > 0;
+  const footer = hasFooter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      paddingHorizontal: padding,
+      paddingBottom: padding,
+      paddingTop: contentSpacing
+    },
+    children: [cancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        fullWidth: true,
+        variant: cancel.destructive ? 'destructive' : 'secondary',
+        label: cancel.label ?? 'Cancel',
+        onPress: cancel.onPress ?? onClose
+      })
+    }) : null, actions.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        fullWidth: true,
+        variant: action.variant ?? 'default',
+        label: action.label,
+        onPress: action.onPress,
+        loading: action.loading,
+        disabled: action.disabled
+      })
+    }, i))]
+  }) : null;
+  const cardBase = fullscreen ? {
+    flex: 1,
+    width: '100%',
+    backgroundColor: theme.colors.background.default,
+    borderRadius: 0
+  } : {
+    width: width ?? '100%',
+    maxWidth: width ? undefined : maxWidth,
+    backgroundColor: theme.colors.background.default,
+    borderRadius: radius,
+    overflow: 'hidden'
+  };
+  const card = fullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    style: [cardBase, style],
+    children: [closeBtn, stickyHeader ? header : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ScrollArea.ScrollArea, {
+      indicatorColor: indicatorColor,
+      style: {
+        flex: 1
+      },
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "interactive",
+      children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
+    }), stickyFooter ? footer : null]
+  }) : scrollMode === 'page' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    style: [cardBase, style],
+    children: [closeBtn, header, contentBody, footer]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    style: [cardBase, {
+      maxHeight: height * maxHeightRatio
+    }, style],
+    children: [closeBtn, stickyHeader ? header : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ScrollArea.ScrollArea, {
+      indicatorColor: indicatorColor,
+      style: {
+        flexShrink: 1
+      },
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "interactive",
+      children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
+    }), stickyFooter ? footer : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    statusBarTranslucent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+      behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1,
+          backgroundColor: 'rgba(16, 18, 20, 0.55)'
+        },
+        children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          style: {
+            flex: 1
+          },
+          contentContainerStyle: {
+            flexGrow: 1,
+            padding: 16
+          },
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: {
+              flexGrow: 1,
+              justifyContent: 'center',
+              alignItems: 'center'
+            },
+            onPress: dismissOnBackdrop ? onClose : undefined,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+              style: {
+                width: '100%',
+                alignItems: 'center'
+              },
+              onPress: () => {},
+              children: card
+            })
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: 16
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: _reactNative.StyleSheet.absoluteFill,
+            onPress: dismissOnBackdrop ? onClose : undefined,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants"
+          }), card]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=Dialog.js.map

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

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

package/lib/commonjs/components/Dialog/Dialog.stories.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Wide = exports.ThreeActions = exports.PageScroll = exports.LongScrollingForm = exports.Fullscreen = exports.EverythingScrolls = exports.DestructiveCancel = exports.Basic = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Dialog = require("./Dialog.js");
+var _Button = require("../Button/Button.js");
+var _Input = require("../Input/Input.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Dialog',
+  component: _Dialog.Dialog
+};
+var _default = exports.default = meta;
+function Frame({
+  render
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Open dialog",
+      onPress: () => setOpen(true)
+    }), render(open, () => setOpen(false))]
+  });
+}
+const Basic = exports.Basic = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Enter password",
+      subtitle: "Enter password for Universum WiFi",
+      cancel: {},
+      actions: [{
+        label: 'Update',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+        label: "Password",
+        placeholder: "Enter password",
+        revealable: true
+      })
+    })
+  })
+};
+const DestructiveCancel = exports.DestructiveCancel = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Delete order?",
+      subtitle: "This action cannot be undone.",
+      closeDestructive: true,
+      cancel: {
+        label: 'Delete',
+        destructive: true,
+        onPress: close
+      },
+      actions: [{
+        label: 'Keep',
+        onPress: close
+      }]
+    })
+  })
+};
+const ThreeActions = exports.ThreeActions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Choose an option",
+      actions: [{
+        label: 'One',
+        variant: 'secondary',
+        onPress: close
+      }, {
+        label: 'Two',
+        variant: 'inverse',
+        onPress: close
+      }, {
+        label: 'Three',
+        onPress: close
+      }]
+    })
+  })
+};
+const LongScrollingForm = exports.LongScrollingForm = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Customer details",
+      subtitle: "Fill in the information below",
+      cancel: {},
+      actions: [{
+        label: 'Save',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: 8
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: `Field ${i + 1}`,
+          placeholder: `Value ${i + 1}`
+        }, i))
+      })
+    })
+  })
+};
+const Wide = exports.Wide = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Wider dialog",
+      subtitle: "width overrides maxWidth",
+      width: 760,
+      cancel: {},
+      actions: [{
+        label: 'OK',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        color: "secondary",
+        children: "A wider dialog for larger content."
+      })
+    })
+  })
+};
+const Fullscreen = exports.Fullscreen = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Fullscreen dialog",
+      subtitle: "Fills the whole screen \u2014 good for small devices",
+      fullscreen: true,
+      cancel: {},
+      actions: [{
+        label: 'Save',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: 6
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: `Field ${i + 1}`,
+          placeholder: `Value ${i + 1}`
+        }, i))
+      })
+    })
+  })
+};
+const PageScroll = exports.PageScroll = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Page scroll on short screens",
+      subtitle: "scrollMode='page' \u2014 the whole modal scrolls, nothing behind moves",
+      scrollMode: "page",
+      cancel: {},
+      actions: [{
+        label: 'Save',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: 10
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: `Field ${i + 1}`,
+          placeholder: `Value ${i + 1}`
+        }, i))
+      })
+    })
+  })
+};
+const EverythingScrolls = exports.EverythingScrolls = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Scrollable header & footer",
+      subtitle: "stickyHeader/stickyFooter = false",
+      stickyHeader: false,
+      stickyFooter: false,
+      cancel: {},
+      actions: [{
+        label: 'Done',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        color: "secondary",
+        children: 'Lorem ipsum dolor sit amet.\n'.repeat(20)
+      })
+    })
+  })
+};
+//# sourceMappingURL=Dialog.stories.js.map

package/lib/commonjs/components/Dialog/Dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Dialog","_Button","_Input","_Text","_jsxRuntime","meta","title","component","Dialog","_default","exports","default","Frame","render","open","setOpen","useState","jsxs","View","style","padding","children","jsx","Button","label","onPress","Basic","close","visible","onClose","subtitle","cancel","actions","Input","placeholder","revealable","DestructiveCancel","closeDestructive","destructive","ThreeActions","variant","LongScrollingForm","gap","Array","from","length","map","_","i","Wide","width","Text","color","Fullscreen","fullscreen","PageScroll","scrollMode","EverythingScrolls","stickyHeader","stickyFooter","repeat"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Dialog/Dialog.test.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Dialog = require("./Dialog.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Dialog', () => {
+  it('renders title, subtitle and content when visible', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "Enter password",
+      subtitle: "For WiFi",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
+    }));
+    expect(_reactNative.screen.getByText('Enter password')).toBeTruthy();
+    expect(_reactNative.screen.getByText('For WiFi')).toBeTruthy();
+  });
+  it('fires an action press', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "T",
+      actions: [{
+        label: 'Update',
+        onPress
+      }]
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Update'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('cancel defaults to onClose', () => {
+    const onClose = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: onClose,
+      title: "T",
+      cancel: {}
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Cancel'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('close button calls onClose', () => {
+    const onClose = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: onClose,
+      title: "T"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Close'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('hides the close button when showClose is false', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "T",
+      showClose: false
+    }));
+    expect(_reactNative.screen.queryByLabelText('Close')).toBeNull();
+  });
+});
+//# sourceMappingURL=Dialog.test.js.map

package/lib/commonjs/components/Dialog/Dialog.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Dialog","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Dialog","visible","onClose","title","subtitle","Fragment","expect","screen","getByText","toBeTruthy","onPress","jest","fn","actions","label","fireEvent","press","toHaveBeenCalledTimes","cancel","getByLabelText","showClose","queryByLabelText","toBeNull"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Dialog/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.Dialog;
+  }
+});
+var _Dialog = require("./Dialog.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Dialog","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}