@bacon-pos/ui 0.10.0 → 0.11.0

package/lib/commonjs/components/Alert/Alert.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = Alert;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _palette = require("../../theme/palette.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function statusColors(theme, status) {
+  switch (status) {
+    case 'warning':
+      return {
+        bg: theme.colors.feedback.warningSubtle,
+        fg: _palette.palette.warning[600]
+      };
+    case 'success':
+      return {
+        bg: theme.colors.feedback.successSubtle,
+        fg: theme.colors.feedback.success
+      };
+    case 'destructive':
+      return {
+        bg: theme.colors.feedback.errorSubtle,
+        fg: theme.colors.feedback.error
+      };
+    case 'info':
+    default:
+      return {
+        bg: theme.colors.background.subtle,
+        fg: _palette.palette.neutral[500]
+      };
+  }
+}
+
+/**
+ * Alert — an inline banner in four statuses (info / warning / success /
+ * destructive), each a subtle tinted surface with a matching icon and text
+ * (Figma "Alert"). Fills its parent by default (text wraps to any width) or takes
+ * a fixed `width`. Supports an optional title, a trailing action and a close
+ * button; colors are overridable for custom statuses.
+ */
+function Alert({
+  status = 'info',
+  title,
+  message,
+  children,
+  icon = 'info',
+  showIcon = true,
+  iconAlign = 'center',
+  action,
+  onClose,
+  backgroundColor,
+  color,
+  width,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const {
+    bg,
+    fg
+  } = statusColors(theme, status);
+  const foreground = color ?? fg;
+  const background = backgroundColor ?? bg;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityRole: "alert",
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 16,
+      paddingVertical: 20,
+      paddingHorizontal: 16,
+      borderRadius: theme.radii.lg,
+      backgroundColor: background,
+      ...(width != null ? {
+        width
+      } : {
+        alignSelf: 'stretch'
+      })
+    }, style],
+    children: [showIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0,
+        alignSelf: iconAlign === 'center' ? 'center' : 'flex-start'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: icon,
+        size: 24,
+        color: foreground
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: foreground,
+        children: title
+      }) : null, children ?? (message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        color: foreground,
+        children: message
+      }) : null)]
+    }), action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexShrink: 0
+      },
+      children: action
+    }) : null, onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onClose,
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: "Dismiss",
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "close",
+        size: 20,
+        color: foreground
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_palette","_Icon","_Text","_jsxRuntime","statusColors","theme","status","bg","colors","feedback","warningSubtle","fg","palette","warning","successSubtle","success","errorSubtle","error","background","subtle","neutral","Alert","title","message","children","icon","showIcon","iconAlign","action","onClose","backgroundColor","color","width","style","useTheme","foreground","jsxs","View","accessibilityRole","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","radii","lg","alignSelf","jsx","height","flexShrink","Icon","name","size","flex","minWidth","Text","variant","weight","Pressable","onPress","hitSlop","accessibilityLabel","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithTitle = exports.WithActionAndClose = exports.Statuses = exports.NoIcon = exports.Narrow = void 0;
+var _reactNative = require("react-native");
+var _Alert = require("./Alert.js");
+var _LinkButton = require("../LinkButton/LinkButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Alert',
+  component: _Alert.Alert
+};
+var _default = exports.default = meta;
+const MSG = 'No activity for 8h 10m — this shift was likely left open. Ending it resolves the 2 open checks, then counts the drawer.';
+
+/** The four Figma statuses. */
+const Statuses = exports.Statuses = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820,
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "info",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "success",
+      message: MSG
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "destructive",
+      message: MSG
+    })]
+  })
+};
+
+/** With a title. */
+const WithTitle = exports.WithTitle = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      title: "Shift left open",
+      message: MSG
+    })
+  })
+};
+
+/** Short message, narrow container — width accommodates. */
+const Narrow = exports.Narrow = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 320
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "success",
+      message: "Drawer counted successfully."
+    })
+  })
+};
+
+/** With a trailing action and a close button. */
+const WithActionAndClose = exports.WithActionAndClose = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "destructive",
+      message: "Payment failed for order #02304.",
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkButton.LinkButton, {
+        label: "Retry",
+        onPress: () => {}
+      }),
+      onClose: () => {}
+    })
+  })
+};
+
+/** Icon hidden. */
+const NoIcon = exports.NoIcon = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 820
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "info",
+      message: MSG,
+      showIcon: false
+    })
+  })
+};
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Alert","_LinkButton","_jsxRuntime","meta","title","component","Alert","_default","exports","default","MSG","Statuses","render","jsxs","View","style","padding","width","gap","children","jsx","status","message","WithTitle","Narrow","WithActionAndClose","action","LinkButton","label","onPress","onClose","NoIcon","showIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _reactNative = require("@testing-library/react-native");
+var _reactNative2 = require("react-native");
+var _index = require("../../theme/index.js");
+var _Alert = require("./Alert.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Alert', () => {
+  it('renders the message', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "Something happened"
+    }));
+    expect(_reactNative.screen.getByText('Something happened')).toBeTruthy();
+  });
+  it('renders a title and children', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      status: "warning",
+      title: "Heads up",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
+        children: "Custom body"
+      })
+    }));
+    expect(_reactNative.screen.getByText('Heads up')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Custom body')).toBeTruthy();
+  });
+  it('renders each status without crashing', () => {
+    for (const status of ['info', 'warning', 'success', 'destructive']) {
+      const {
+        unmount
+      } = wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+        status: status,
+        message: `msg-${status}`
+      }));
+      expect(_reactNative.screen.getByText(`msg-${status}`)).toBeTruthy();
+      unmount();
+    }
+  });
+  it('fires onClose', () => {
+    const onClose = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "x",
+      onClose: onClose
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Dismiss'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('renders a trailing action', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.Alert, {
+      message: "x",
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
+        children: "Retry"
+      })
+    }));
+    expect(_reactNative.screen.getByText('Retry')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Alert.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNative2","_index","_Alert","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","Alert","message","expect","screen","getByText","toBeTruthy","status","title","Text","unmount","onClose","jest","fn","fireEvent","press","getByLabelText","toHaveBeenCalledTimes","action"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/Alert.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/StatTile/StatTile.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatTile = StatTile;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * StatTile — a compact KPI card: a small label over a prominent value (Figma
+ * "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
+ * or takes a fixed `width`. `value` accepts a node for custom color/formatting.
+ */
+function StatTile({
+  label,
+  value,
+  icon,
+  width,
+  onPress,
+  backgroundColor,
+  labelColor,
+  valueColor,
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _index.useTheme)();
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: icon,
+        size: 24,
+        color: "secondary"
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodySmall",
+        color: labelColor ?? 'secondary',
+        numberOfLines: 1,
+        children: label
+      }), typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: valueColor ?? 'primary',
+        numberOfLines: 1,
+        children: String(value)
+      }) : value]
+    })]
+  });
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    padding: 12,
+    borderRadius: theme.radii.lg,
+    backgroundColor: backgroundColor ?? theme.colors.background.subtle,
+    ...(width != null ? {
+      width
+    } : {
+      alignSelf: 'stretch'
+    })
+  };
+  if (!onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityLabel: accessibilityLabel,
+      style: [containerStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? label,
+    style: ({
+      pressed
+    }) => [containerStyle, {
+      opacity: pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=StatTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_Icon","_Text","_jsxRuntime","StatTile","label","value","icon","width","onPress","backgroundColor","labelColor","valueColor","style","accessibilityLabel","theme","useTheme","content","jsxs","Fragment","children","jsx","View","height","flexShrink","Icon","name","size","color","flex","minWidth","gap","Text","variant","numberOfLines","weight","String","containerStyle","flexDirection","alignItems","padding","borderRadius","radii","lg","colors","background","subtle","alignSelf","Pressable","accessibilityRole","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithIcon = exports.Row = exports.Default = exports.CustomValue = void 0;
+var _reactNative = require("react-native");
+var _StatTile = require("./StatTile.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/StatTile',
+  component: _StatTile.StatTile
+};
+var _default = exports.default = meta;
+/** Figma "info card". */
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    })
+  })
+};
+
+/** A row of tiles sizing evenly (each fills its flex cell). */
+const Row = exports.Row = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24,
+      flexDirection: 'row',
+      gap: 12,
+      width: 720
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+        label: "Sales",
+        value: "$4,820"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+        label: "Orders",
+        value: "128"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+        label: "Avg. ticket",
+        value: "$37.60"
+      })
+    })]
+  })
+};
+
+/** With a leading icon. */
+const WithIcon = exports.WithIcon = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25",
+      icon: "dollar-circle"
+    })
+  })
+};
+
+/** Custom value node (e.g. a colored delta). */
+const CustomValue = exports.CustomValue = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Net change",
+      value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: "#008C57",
+        children: "+$320.10"
+      })
+    })
+  })
+};
+//# sourceMappingURL=StatTile.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_StatTile","_Text","_jsxRuntime","meta","title","component","StatTile","_default","exports","default","Default","render","jsx","View","style","padding","width","children","label","value","Row","jsxs","flexDirection","gap","flex","WithIcon","icon","CustomValue","Text","variant","weight","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _reactNative = require("@testing-library/react-native");
+var _reactNative2 = require("react-native");
+var _index = require("../../theme/index.js");
+var _StatTile = require("./StatTile.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('StatTile', () => {
+  it('renders label and value', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    }));
+    expect(_reactNative.screen.getByText('Starting cash')).toBeTruthy();
+    expect(_reactNative.screen.getByText('$1,250.25')).toBeTruthy();
+  });
+  it('renders a numeric value', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Orders",
+      value: 128
+    }));
+    expect(_reactNative.screen.getByText('128')).toBeTruthy();
+  });
+  it('renders a custom value node', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Delta",
+      value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
+        children: "+3.2%"
+      })
+    }));
+    expect(_reactNative.screen.getByText('+3.2%')).toBeTruthy();
+  });
+  it('fires onPress', () => {
+    const onPress = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
+      label: "Sales",
+      value: "$10",
+      onPress: onPress
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Sales'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=StatTile.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNative2","_index","_StatTile","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","StatTile","label","value","expect","screen","getByText","toBeTruthy","Text","onPress","jest","fn","fireEvent","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.test.tsx"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAEtC,SAASK,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE,CAAC,CAAC;IAC1DC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFP,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAE;IAAI,CAAE,CAAC,CAAC;IAC7CC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,KAAK,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFP,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,OAAO;MAACC,KAAK,eAAE,IAAAX,WAAA,CAAAI,GAAA,EAACP,aAAA,CAAAmB,IAAI;QAAAV,QAAA,EAAC;MAAK,CAAM;IAAE,CAAE,CAAC,CAAC;IAC3DM,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFP,EAAE,CAAC,eAAe,EAAE,MAAM;IACxB,MAAMS,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBlB,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,OAAO;MAACC,KAAK,EAAC,KAAK;MAACM,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC9DG,sBAAS,CAACC,KAAK,CAACR,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CF,MAAM,CAACK,OAAO,CAAC,CAACK,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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