@ezpg/app-ui 0.5.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ezpg/app-ui
 
+## 0.7.0
+
+### Minor Changes
+
+- Calendar(월 달력 — 날짜 하나 · 기간 선택, 날짜별 보조 표시(요금 등), 판매 중지 날짜, 이전 · 다음 달)
+
+## 0.6.0
+
+### Minor Changes
+
+- f0128d4: ProductRow(상품 목록 행: 썸네일 · 이름 · 가격(할인 전 가격) · 상태 배지 · 오른쪽 자리). 썸네일은 목록 행 한 줄 높이(Material 3 목록 앞 이미지 56).
+
 ## 0.5.0
 
 ### Minor Changes

package/lib/module/blocks/index.js

@@ -13,6 +13,7 @@ export * from "./oauth-buttons/index.js";
 export * from "./order-card/index.js";
 export * from "./plan-card/index.js";
 export * from "./product-list-empty/index.js";
+export * from "./product-row/index.js";
 export * from "./review-row/index.js";
 export * from "./selection-bar/index.js";
 export * from "./service-state-banner/index.js";

package/lib/module/blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["formatDeadline","formatManwon"],"sourceRoot":"../../../src","sources":["blocks/index.tsx"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,2BAAkB;AAChC,cAAc,sBAAa;AAC3B,cAAc,gCAAuB;AACrC,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AACrC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,+BAAsB;AACpC,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,kCAAyB;AACvC,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,SAASA,cAAc,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}
+{"version":3,"names":["formatDeadline","formatManwon"],"sourceRoot":"../../../src","sources":["blocks/index.tsx"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,2BAAkB;AAChC,cAAc,sBAAa;AAC3B,cAAc,gCAAuB;AACrC,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,gCAAuB;AACrC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,0BAAiB;AAC/B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,+BAAsB;AACpC,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,kCAAyB;AACvC,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,SAASA,cAAc,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}

package/lib/module/blocks/product-row/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ProductRow } from "./product-row.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/product-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProductRow"],"sourceRoot":"../../../../src","sources":["blocks/product-row/index.ts"],"mappings":";;AAAA,SACEA,UAAU,QAGL,kBAAe","ignoreList":[]}

package/lib/module/blocks/product-row/product-row.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Photo } from "../../components/photo/photo.js";
+import { formatPrice, Price } from "../../components/price/price.js";
+import { StatusBadge } from "../../components/status-badge/status-badge.js";
+import { Text } from "../../components/text/text.js";
+import { PressableBase } from "../../internal/pressable-base.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[3],
+    minHeight: t.listRow.threeLine,
+    paddingVertical: t.space[2],
+    paddingHorizontal: t.layout.screenX,
+    backgroundColor: t.colors.background
+  },
+  pressed: {
+    backgroundColor: t.colors.muted
+  },
+  thumb: {
+    width: t.listRow.oneLine
+  },
+  empty: {
+    width: t.listRow.oneLine,
+    height: t.listRow.oneLine,
+    borderRadius: t.radius.md,
+    backgroundColor: t.colors.muted
+  },
+  body: {
+    flex: 1,
+    gap: t.space[1]
+  }
+}));
+export function ProductRow({
+  title,
+  price,
+  originalPrice,
+  imageUri,
+  status,
+  trailing,
+  onPress,
+  style
+}) {
+  const s = useStyles();
+  const label = [title, formatPrice(price), status?.label].filter(Boolean).join(', ');
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: s.thumb,
+      children: imageUri ? /*#__PURE__*/_jsx(Photo, {
+        source: {
+          uri: imageUri
+        },
+        accessible: false
+      }) : /*#__PURE__*/_jsx(View, {
+        style: s.empty
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: s.body,
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "bodyLg",
+        numberOfLines: 1,
+        children: title
+      }), /*#__PURE__*/_jsx(Price, {
+        value: price,
+        originalValue: originalPrice,
+        variant: "label"
+      }), status ? /*#__PURE__*/_jsx(StatusBadge, {
+        tone: status.tone,
+        children: status.label
+      }) : null]
+    }), trailing]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [s.row, style],
+      accessibilityLabel: label,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(PressableBase, {
+    onPress: onPress,
+    accessibilityLabel: label,
+    pressedStyle: s.pressed,
+    style: [s.row, style],
+    children: content
+  });
+}
+//# sourceMappingURL=product-row.js.map

package/lib/module/blocks/product-row/product-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Photo","formatPrice","Price","StatusBadge","Text","PressableBase","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","row","flexDirection","alignItems","gap","space","minHeight","listRow","threeLine","paddingVertical","paddingHorizontal","layout","screenX","backgroundColor","colors","background","pressed","muted","thumb","width","oneLine","empty","height","borderRadius","radius","md","body","flex","ProductRow","title","price","originalPrice","imageUri","status","trailing","onPress","style","s","label","filter","Boolean","join","content","children","source","uri","accessible","variant","numberOfLines","value","originalValue","tone","accessibilityLabel","pressedStyle"],"sourceRoot":"../../../../src","sources":["blocks/product-row/product-row.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/calendar/calendar.js

@@ -0,0 +1,201 @@
+"use strict";
+
+import { useState } from 'react';
+import { Text, View } from 'react-native';
+import { PressableBase } from "../../internal/pressable-base.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const WEEKDAYS = ['일', '월', '화', '수', '목', '금', '토'];
+const DAY_MS = 86_400_000;
+function utc(iso) {
+  const [y, m, d] = iso.split('-').map(Number);
+  return Date.UTC(y, m - 1, d);
+}
+export function nightsBetween(start, end) {
+  return Math.round((utc(end) - utc(start)) / DAY_MS);
+}
+function weekday(iso) {
+  return new Date(utc(iso)).getUTCDay();
+}
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[3]
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  arrow: {
+    width: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  month: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.title.fontSize,
+    lineHeight: t.typography.title.lineHeight,
+    fontWeight: '700',
+    color: t.colors.foreground
+  },
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  cell: {
+    width: `${100 / 7}%`,
+    padding: t.space[1] / 2
+  },
+  weekday: {
+    textAlign: 'center',
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.caption.fontSize,
+    lineHeight: t.typography.caption.lineHeight,
+    color: t.colors.mutedForeground
+  },
+  day: {
+    minHeight: 48,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: t.radius.sm,
+    backgroundColor: t.colors.muted
+  },
+  edge: {
+    backgroundColor: t.colors.primary
+  },
+  inside: {
+    backgroundColor: t.colors.border
+  },
+  off: {
+    backgroundColor: 'transparent'
+  },
+  struck: {
+    textDecorationLine: 'line-through'
+  },
+  number: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.label.fontSize,
+    lineHeight: t.typography.label.lineHeight,
+    fontVariant: ['tabular-nums']
+  },
+  sub: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.caption.fontSize,
+    lineHeight: t.typography.caption.lineHeight
+  }
+}));
+export function Calendar({
+  days,
+  mode = 'single',
+  value,
+  onValueChange,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  const months = [...new Set(days.map(d => d.date.slice(0, 7)))];
+  const [page, setPage] = useState(() => Math.max(0, months.indexOf((value.start ?? '').slice(0, 7))));
+  const month = months[page] ?? months[0] ?? '';
+  const shown = days.filter(d => d.date.startsWith(month));
+  const [year, monthNo] = month.split('-').map(Number);
+  const openUntil = (start, end) => {
+    const nights = days.filter(d => d.date >= start && d.date < end);
+    return nights.length === nightsBetween(start, end) && nights.every(d => !d.disabled);
+  };
+  const canEnd = iso => mode === 'range' && !!value.start && !value.end && iso > value.start && openUntil(value.start, iso);
+  const pick = day => {
+    if (mode === 'single') onValueChange({
+      start: day.date
+    });else if (canEnd(day.date)) onValueChange({
+      start: value.start,
+      end: day.date
+    });else if (!day.disabled) onValueChange({
+      start: day.date
+    });
+  };
+  const look = iso => {
+    if (iso === value.start || iso === value.end) return 'edge';
+    if (value.start && value.end && iso > value.start && iso < value.end) return 'inside';
+    return 'none';
+  };
+  const blanks = shown.length ? weekday(shown[0].date) : 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: s.head,
+      children: [/*#__PURE__*/_jsx(PressableBase, {
+        style: s.arrow,
+        accessibilityRole: "button",
+        accessibilityLabel: "\uC774\uC804 \uB2EC",
+        disabled: page <= 0,
+        onPress: () => setPage(page - 1),
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [s.month, page <= 0 && {
+            color: t.colors.mutedForeground
+          }],
+          children: "\u2039"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: s.month,
+        children: `${year}년 ${monthNo}월`
+      }), /*#__PURE__*/_jsx(PressableBase, {
+        style: s.arrow,
+        accessibilityRole: "button",
+        accessibilityLabel: "\uB2E4\uC74C \uB2EC",
+        disabled: page >= months.length - 1,
+        onPress: () => setPage(page + 1),
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [s.month, page >= months.length - 1 && {
+            color: t.colors.mutedForeground
+          }],
+          children: "\u203A"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: s.grid,
+      children: [WEEKDAYS.map(w => /*#__PURE__*/_jsx(View, {
+        style: s.cell,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: s.weekday,
+          children: w
+        })
+      }, w)), Array.from({
+        length: blanks
+      }, (_, i) => /*#__PURE__*/_jsx(View, {
+        style: s.cell
+      }, `blank-${i}`)), shown.map(day => {
+        const state = look(day.date);
+        const blocked = !!day.disabled && !canEnd(day.date);
+        const color = state === 'edge' ? t.colors.primaryForeground : blocked ? t.colors.mutedForeground : t.colors.foreground;
+        const [, m, d] = day.date.split('-').map(Number);
+        return /*#__PURE__*/_jsx(View, {
+          style: s.cell,
+          children: /*#__PURE__*/_jsxs(PressableBase, {
+            style: [s.day, state === 'edge' && s.edge, state === 'inside' && s.inside, blocked && s.off],
+            accessibilityRole: "button",
+            accessibilityLabel: [`${m}월 ${d}일`, `${WEEKDAYS[weekday(day.date)]}요일`, day.label].filter(Boolean).join(' '),
+            accessibilityState: {
+              selected: state === 'edge',
+              disabled: blocked
+            },
+            disabled: blocked,
+            onPress: () => pick(day),
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [s.number, {
+                color
+              }, blocked && s.struck],
+              children: d
+            }), day.label ? /*#__PURE__*/_jsx(Text, {
+              style: [s.sub, {
+                color
+              }],
+              children: day.label
+            }) : null]
+          })
+        }, day.date);
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Text","View","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","WEEKDAYS","DAY_MS","utc","iso","y","m","d","split","map","Number","Date","UTC","nightsBetween","start","end","Math","round","weekday","getUTCDay","useStyles","t","root","gap","space","head","flexDirection","alignItems","justifyContent","arrow","width","month","fontFamily","fontSize","typography","title","lineHeight","fontWeight","color","colors","foreground","grid","flexWrap","cell","padding","textAlign","caption","mutedForeground","day","minHeight","borderRadius","radius","sm","backgroundColor","muted","edge","primary","inside","border","off","struck","textDecorationLine","number","label","fontVariant","sub","Calendar","days","mode","value","onValueChange","style","s","months","Set","date","slice","page","setPage","max","indexOf","shown","filter","startsWith","year","monthNo","openUntil","nights","length","every","disabled","canEnd","pick","look","blanks","children","accessibilityRole","accessibilityLabel","onPress","w","Array","from","_","i","state","blocked","primaryForeground","Boolean","join","accessibilityState","selected"],"sourceRoot":"../../../../src","sources":["components/calendar/calendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/calendar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Calendar, nightsBetween } from "./calendar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Calendar","nightsBetween"],"sourceRoot":"../../../../src","sources":["components/calendar/index.ts"],"mappings":";;AAAA,SACEA,QAAQ,EACRC,aAAa,QAIR,eAAY","ignoreList":[]}

package/lib/module/index.js

@@ -10,6 +10,7 @@ export { contrastRatio, pickForeground } from "./utils/color.js";
 export * from "./components/button/index.js";
 export * from "./components/checkbox/index.js";
 export * from "./components/chip/index.js";
+export * from "./components/calendar/index.js";
 export * from "./components/chip-group/index.js";
 export * from "./components/dialog/index.js";
 export * from "./components/divider/index.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","defaultThemes","ThemeProvider","useTheme","makeStyles","PressableBase","renderIcon","AlertGlyph","CheckGlyph","ChevronGlyph","CloseGlyph","PlusGlyph","SearchGlyph","contrastRatio","pickForeground"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAsB;AACjE,SACEC,aAAa,EACbC,QAAQ,QAEH,2BAAwB;AAC/B,SAASC,UAAU,QAAQ,mBAAgB;AAC3C,SACEC,aAAa,QAER,8BAA2B;AAElC,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SACEC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,SAAS,EACTC,WAAW,QACN,sBAAmB;AAC1B,SAASC,aAAa,EAAEC,cAAc,QAAQ,kBAAe;AAE7D,cAAc,8BAAqB;AACnC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,kCAAyB;AACvC,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,mCAA0B;AACxC,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,6BAAoB;AAClC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AACzC,cAAc,oCAA2B;AACzC,cAAc,sCAA6B;AAC3C,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,oCAA2B;AACzC,cAAc,8BAAqB;AACnC,cAAc,4BAAmB;AACjC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AAazC,cAAc,mBAAU;AACxB,cAAc,sBAAa","ignoreList":[]}
+{"version":3,"names":["createTheme","defaultThemes","ThemeProvider","useTheme","makeStyles","PressableBase","renderIcon","AlertGlyph","CheckGlyph","ChevronGlyph","CloseGlyph","PlusGlyph","SearchGlyph","contrastRatio","pickForeground"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAsB;AACjE,SACEC,aAAa,EACbC,QAAQ,QAEH,2BAAwB;AAC/B,SAASC,UAAU,QAAQ,mBAAgB;AAC3C,SACEC,aAAa,QAER,8BAA2B;AAElC,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SACEC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,SAAS,EACTC,WAAW,QACN,sBAAmB;AAC1B,SAASC,aAAa,EAAEC,cAAc,QAAQ,kBAAe;AAE7D,cAAc,8BAAqB;AACnC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,gCAAuB;AACrC,cAAc,kCAAyB;AACvC,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,mCAA0B;AACxC,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,6BAAoB;AAClC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AACzC,cAAc,oCAA2B;AACzC,cAAc,sCAA6B;AAC3C,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,oCAA2B;AACzC,cAAc,8BAAqB;AACnC,cAAc,4BAAmB;AACjC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AAazC,cAAc,mBAAU;AACxB,cAAc,sBAAa","ignoreList":[]}

package/lib/typescript/src/blocks/index.d.ts

@@ -11,6 +11,7 @@ export * from './oauth-buttons/index.js';
 export * from './order-card/index.js';
 export * from './plan-card/index.js';
 export * from './product-list-empty/index.js';
+export * from './product-row/index.js';
 export * from './review-row/index.js';
 export * from './selection-bar/index.js';
 export * from './service-state-banner/index.js';

package/lib/typescript/src/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,+BAAsB,CAAC;AACrC,cAAc,2BAAkB,CAAC;AACjC,cAAc,sBAAa,CAAC;AAC5B,cAAc,gCAAuB,CAAC;AACtC,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,gCAAuB,CAAC;AACtC,cAAc,wBAAe,CAAC;AAC9B,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,uBAAc,CAAC;AAC7B,cAAc,sBAAa,CAAC;AAC5B,cAAc,+BAAsB,CAAC;AACrC,cAAc,uBAAc,CAAC;AAC7B,cAAc,0BAAiB,CAAC;AAChC,cAAc,iCAAwB,CAAC;AACvC,cAAc,kCAAyB,CAAC;AACxC,cAAc,+BAAsB,CAAC;AACrC,cAAc,sBAAa,CAAC;AAC5B,cAAc,wBAAe,CAAC;AAC9B,cAAc,6BAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,+BAAsB,CAAC;AACrC,cAAc,2BAAkB,CAAC;AACjC,cAAc,sBAAa,CAAC;AAC5B,cAAc,gCAAuB,CAAC;AACtC,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,gCAAuB,CAAC;AACtC,cAAc,wBAAe,CAAC;AAC9B,cAAc,gCAAuB,CAAC;AACtC,cAAc,0BAAiB,CAAC;AAChC,cAAc,uBAAc,CAAC;AAC7B,cAAc,sBAAa,CAAC;AAC5B,cAAc,+BAAsB,CAAC;AACrC,cAAc,wBAAe,CAAC;AAC9B,cAAc,uBAAc,CAAC;AAC7B,cAAc,0BAAiB,CAAC;AAChC,cAAc,iCAAwB,CAAC;AACvC,cAAc,kCAAyB,CAAC;AACxC,cAAc,+BAAsB,CAAC;AACrC,cAAc,sBAAa,CAAC;AAC5B,cAAc,wBAAe,CAAC;AAC9B,cAAc,6BAAoB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAmB,CAAC"}

package/lib/typescript/src/blocks/product-row/index.d.ts

@@ -0,0 +1,2 @@
+export { ProductRow, type ProductRowProps, type ProductRowStatus, } from './product-row.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/blocks/product-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/product-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,kBAAe,CAAC"}

package/lib/typescript/src/blocks/product-row/product-row.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type StatusBadgeTone } from '../../components/status-badge/status-badge.js';
+export type ProductRowStatus = {
+    label: string;
+    tone?: StatusBadgeTone;
+};
+export type ProductRowProps = {
+    title: string;
+    price: number;
+    originalPrice?: number;
+    imageUri?: string | null;
+    status?: ProductRowStatus;
+    trailing?: ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function ProductRow({ title, price, originalPrice, imageUri, status, trailing, onPress, style, }: ProductRowProps): import("react").JSX.Element;
+//# sourceMappingURL=product-row.d.ts.map

package/lib/typescript/src/blocks/product-row/product-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-row.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/product-row/product-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,+CAA4C,CAAC;AAKpD,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAuBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,eAAe,+BA2CjB"}

package/lib/typescript/src/components/calendar/calendar.d.ts

@@ -0,0 +1,20 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type CalendarDate = {
+    date: string;
+    label?: string;
+    disabled?: boolean;
+};
+export type CalendarValue = {
+    start?: string;
+    end?: string;
+};
+export type CalendarProps = {
+    days: readonly CalendarDate[];
+    mode?: 'single' | 'range';
+    value: CalendarValue;
+    onValueChange: (value: CalendarValue) => void;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function nightsBetween(start: string, end: string): number;
+export declare function Calendar({ days, mode, value, onValueChange, style, }: CalendarProps): import("react").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/lib/typescript/src/components/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAChF,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,SAAS,YAAY,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAUF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAEhE;AAsDD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAe,EACf,KAAK,EACL,aAAa,EACb,KAAK,GACN,EAAE,aAAa,+BA+Hf"}

package/lib/typescript/src/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar, nightsBetween, type CalendarDate, type CalendarProps, type CalendarValue, } from './calendar.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,eAAY,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -9,6 +9,7 @@ export { contrastRatio, pickForeground } from './utils/color.js';
 export * from './components/button/index.js';
 export * from './components/checkbox/index.js';
 export * from './components/chip/index.js';
+export * from './components/calendar/index.js';
 export * from './components/chip-group/index.js';
 export * from './components/dialog/index.js';
 export * from './components/divider/index.js';

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAsB,CAAC;AAClE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,kBAAkB,GACxB,MAAM,2BAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAC5C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8BAA2B,CAAC;AACnC,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAiB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAiB,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAe,CAAC;AAE9D,cAAc,8BAAqB,CAAC;AACpC,cAAc,gCAAuB,CAAC;AACtC,cAAc,4BAAmB,CAAC;AAClC,cAAc,kCAAyB,CAAC;AACxC,cAAc,8BAAqB,CAAC;AACpC,cAAc,+BAAsB,CAAC;AACrC,cAAc,mCAA0B,CAAC;AACzC,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,6BAAoB,CAAC;AACnC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,oCAA2B,CAAC;AAC1C,cAAc,sCAA6B,CAAC;AAC5C,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,8BAAqB,CAAC;AACpC,cAAc,4BAAmB,CAAC;AAClC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAE1C,YAAY,EACV,WAAW,EACX,KAAK,EACL,WAAW,EACX,cAAc,EACd,MAAM,EACN,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,kBAAS,CAAC;AAEjB,cAAc,mBAAU,CAAC;AACzB,cAAc,sBAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAsB,CAAC;AAClE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,kBAAkB,GACxB,MAAM,2BAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAC5C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8BAA2B,CAAC;AACnC,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAiB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAiB,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAe,CAAC;AAE9D,cAAc,8BAAqB,CAAC;AACpC,cAAc,gCAAuB,CAAC;AACtC,cAAc,4BAAmB,CAAC;AAClC,cAAc,gCAAuB,CAAC;AACtC,cAAc,kCAAyB,CAAC;AACxC,cAAc,8BAAqB,CAAC;AACpC,cAAc,+BAAsB,CAAC;AACrC,cAAc,mCAA0B,CAAC;AACzC,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,6BAAoB,CAAC;AACnC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,oCAA2B,CAAC;AAC1C,cAAc,sCAA6B,CAAC;AAC5C,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,8BAAqB,CAAC;AACpC,cAAc,4BAAmB,CAAC;AAClC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAE1C,YAAY,EACV,WAAW,EACX,KAAK,EACL,WAAW,EACX,cAAc,EACd,MAAM,EACN,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,kBAAS,CAAC;AAEjB,cAAc,mBAAU,CAAC;AACzB,cAAc,sBAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezpg/app-ui",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "React Native UI components for EZPG partner apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/blocks/index.tsx

@@ -11,6 +11,7 @@ export * from './oauth-buttons';
 export * from './order-card';
 export * from './plan-card';
 export * from './product-list-empty';
+export * from './product-row';
 export * from './review-row';
 export * from './selection-bar';
 export * from './service-state-banner';

package/src/blocks/product-row/index.ts

@@ -0,0 +1,5 @@
+export {
+  ProductRow,
+  type ProductRowProps,
+  type ProductRowStatus,
+} from './product-row';

package/src/blocks/product-row/product-row.tsx

@@ -0,0 +1,99 @@
+import type { ReactNode } from 'react';
+import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { Photo } from '../../components/photo/photo';
+import { formatPrice, Price } from '../../components/price/price';
+import {
+  StatusBadge,
+  type StatusBadgeTone,
+} from '../../components/status-badge/status-badge';
+import { Text } from '../../components/text/text';
+import { PressableBase } from '../../internal/pressable-base';
+import { makeStyles } from '../../utils/styles';
+
+export type ProductRowStatus = { label: string; tone?: StatusBadgeTone };
+
+export type ProductRowProps = {
+  title: string;
+  price: number;
+  originalPrice?: number;
+  imageUri?: string | null;
+  status?: ProductRowStatus;
+  trailing?: ReactNode;
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+};
+
+const useStyles = makeStyles((t) => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[3],
+    minHeight: t.listRow.threeLine,
+    paddingVertical: t.space[2],
+    paddingHorizontal: t.layout.screenX,
+    backgroundColor: t.colors.background,
+  },
+  pressed: { backgroundColor: t.colors.muted },
+  thumb: { width: t.listRow.oneLine },
+  empty: {
+    width: t.listRow.oneLine,
+    height: t.listRow.oneLine,
+    borderRadius: t.radius.md,
+    backgroundColor: t.colors.muted,
+  },
+  body: { flex: 1, gap: t.space[1] },
+}));
+
+export function ProductRow({
+  title,
+  price,
+  originalPrice,
+  imageUri,
+  status,
+  trailing,
+  onPress,
+  style,
+}: ProductRowProps) {
+  const s = useStyles();
+  const label = [title, formatPrice(price), status?.label]
+    .filter(Boolean)
+    .join(', ');
+  const content = (
+    <>
+      <View style={s.thumb}>
+        {imageUri ? (
+          <Photo source={{ uri: imageUri }} accessible={false} />
+        ) : (
+          <View style={s.empty} />
+        )}
+      </View>
+      <View style={s.body}>
+        <Text variant="bodyLg" numberOfLines={1}>
+          {title}
+        </Text>
+        <Price value={price} originalValue={originalPrice} variant="label" />
+        {status ? (
+          <StatusBadge tone={status.tone}>{status.label}</StatusBadge>
+        ) : null}
+      </View>
+      {trailing}
+    </>
+  );
+  if (!onPress) {
+    return (
+      <View style={[s.row, style]} accessibilityLabel={label}>
+        {content}
+      </View>
+    );
+  }
+  return (
+    <PressableBase
+      onPress={onPress}
+      accessibilityLabel={label}
+      pressedStyle={s.pressed}
+      style={[s.row, style]}
+    >
+      {content}
+    </PressableBase>
+  );
+}

package/src/components/calendar/calendar.tsx

@@ -0,0 +1,215 @@
+import { useState } from 'react';
+import { Text, View, type StyleProp, type ViewStyle } from 'react-native';
+import { PressableBase } from '../../internal/pressable-base';
+import { useTheme } from '../../theme/theme-provider';
+import { makeStyles } from '../../utils/styles';
+
+export type CalendarDate = { date: string; label?: string; disabled?: boolean };
+export type CalendarValue = { start?: string; end?: string };
+
+export type CalendarProps = {
+  days: readonly CalendarDate[];
+  mode?: 'single' | 'range';
+  value: CalendarValue;
+  onValueChange: (value: CalendarValue) => void;
+  style?: StyleProp<ViewStyle>;
+};
+
+const WEEKDAYS = ['일', '월', '화', '수', '목', '금', '토'];
+const DAY_MS = 86_400_000;
+
+function utc(iso: string): number {
+  const [y, m, d] = iso.split('-').map(Number);
+  return Date.UTC(y!, m! - 1, d!);
+}
+
+export function nightsBetween(start: string, end: string): number {
+  return Math.round((utc(end) - utc(start)) / DAY_MS);
+}
+
+function weekday(iso: string): number {
+  return new Date(utc(iso)).getUTCDay();
+}
+
+const useStyles = makeStyles((t) => ({
+  root: { gap: t.space[3] },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  arrow: { width: 44, alignItems: 'center', justifyContent: 'center' },
+  month: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.title.fontSize,
+    lineHeight: t.typography.title.lineHeight,
+    fontWeight: '700',
+    color: t.colors.foreground,
+  },
+  grid: { flexDirection: 'row', flexWrap: 'wrap' },
+  cell: { width: `${100 / 7}%`, padding: t.space[1] / 2 },
+  weekday: {
+    textAlign: 'center',
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.caption.fontSize,
+    lineHeight: t.typography.caption.lineHeight,
+    color: t.colors.mutedForeground,
+  },
+  day: {
+    minHeight: 48,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: t.radius.sm,
+    backgroundColor: t.colors.muted,
+  },
+  edge: { backgroundColor: t.colors.primary },
+  inside: { backgroundColor: t.colors.border },
+  off: { backgroundColor: 'transparent' },
+  struck: { textDecorationLine: 'line-through' },
+  number: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.label.fontSize,
+    lineHeight: t.typography.label.lineHeight,
+    fontVariant: ['tabular-nums'],
+  },
+  sub: {
+    fontFamily: t.fontFamily,
+    fontSize: t.typography.caption.fontSize,
+    lineHeight: t.typography.caption.lineHeight,
+  },
+}));
+
+export function Calendar({
+  days,
+  mode = 'single',
+  value,
+  onValueChange,
+  style,
+}: CalendarProps) {
+  const t = useTheme();
+  const s = useStyles();
+  const months = [...new Set(days.map((d) => d.date.slice(0, 7)))];
+  const [page, setPage] = useState(() =>
+    Math.max(0, months.indexOf((value.start ?? '').slice(0, 7)))
+  );
+  const month = months[page] ?? months[0] ?? '';
+  const shown = days.filter((d) => d.date.startsWith(month));
+  const [year, monthNo] = month.split('-').map(Number);
+  const openUntil = (start: string, end: string) => {
+    const nights = days.filter((d) => d.date >= start && d.date < end);
+    return (
+      nights.length === nightsBetween(start, end) &&
+      nights.every((d) => !d.disabled)
+    );
+  };
+  const canEnd = (iso: string) =>
+    mode === 'range' &&
+    !!value.start &&
+    !value.end &&
+    iso > value.start &&
+    openUntil(value.start, iso);
+  const pick = (day: CalendarDate) => {
+    if (mode === 'single') onValueChange({ start: day.date });
+    else if (canEnd(day.date))
+      onValueChange({ start: value.start, end: day.date });
+    else if (!day.disabled) onValueChange({ start: day.date });
+  };
+  const look = (iso: string) => {
+    if (iso === value.start || iso === value.end) return 'edge';
+    if (value.start && value.end && iso > value.start && iso < value.end)
+      return 'inside';
+    return 'none';
+  };
+  const blanks = shown.length ? weekday(shown[0]!.date) : 0;
+
+  return (
+    <View style={[s.root, style]}>
+      <View style={s.head}>
+        <PressableBase
+          style={s.arrow}
+          accessibilityRole="button"
+          accessibilityLabel="이전 달"
+          disabled={page <= 0}
+          onPress={() => setPage(page - 1)}
+        >
+          <Text
+            style={[s.month, page <= 0 && { color: t.colors.mutedForeground }]}
+          >
+            ‹
+          </Text>
+        </PressableBase>
+        <Text style={s.month}>{`${year}년 ${monthNo}월`}</Text>
+        <PressableBase
+          style={s.arrow}
+          accessibilityRole="button"
+          accessibilityLabel="다음 달"
+          disabled={page >= months.length - 1}
+          onPress={() => setPage(page + 1)}
+        >
+          <Text
+            style={[
+              s.month,
+              page >= months.length - 1 && { color: t.colors.mutedForeground },
+            ]}
+          >
+            ›
+          </Text>
+        </PressableBase>
+      </View>
+      <View style={s.grid}>
+        {WEEKDAYS.map((w) => (
+          <View key={w} style={s.cell}>
+            <Text style={s.weekday}>{w}</Text>
+          </View>
+        ))}
+        {Array.from({ length: blanks }, (_, i) => (
+          <View key={`blank-${i}`} style={s.cell} />
+        ))}
+        {shown.map((day) => {
+          const state = look(day.date);
+          const blocked = !!day.disabled && !canEnd(day.date);
+          const color =
+            state === 'edge'
+              ? t.colors.primaryForeground
+              : blocked
+                ? t.colors.mutedForeground
+                : t.colors.foreground;
+          const [, m, d] = day.date.split('-').map(Number);
+          return (
+            <View key={day.date} style={s.cell}>
+              <PressableBase
+                style={[
+                  s.day,
+                  state === 'edge' && s.edge,
+                  state === 'inside' && s.inside,
+                  blocked && s.off,
+                ]}
+                accessibilityRole="button"
+                accessibilityLabel={[
+                  `${m}월 ${d}일`,
+                  `${WEEKDAYS[weekday(day.date)]}요일`,
+                  day.label,
+                ]
+                  .filter(Boolean)
+                  .join(' ')}
+                accessibilityState={{
+                  selected: state === 'edge',
+                  disabled: blocked,
+                }}
+                disabled={blocked}
+                onPress={() => pick(day)}
+              >
+                <Text style={[s.number, { color }, blocked && s.struck]}>
+                  {d}
+                </Text>
+                {day.label ? (
+                  <Text style={[s.sub, { color }]}>{day.label}</Text>
+                ) : null}
+              </PressableBase>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+}

package/src/components/calendar/index.ts

@@ -0,0 +1,7 @@
+export {
+  Calendar,
+  nightsBetween,
+  type CalendarDate,
+  type CalendarProps,
+  type CalendarValue,
+} from './calendar';

package/src/index.tsx

@@ -24,6 +24,7 @@ export { contrastRatio, pickForeground } from './utils/color';
 export * from './components/button';
 export * from './components/checkbox';
 export * from './components/chip';
+export * from './components/calendar';
 export * from './components/chip-group';
 export * from './components/dialog';
 export * from './components/divider';