@ankhorage/zora 13.0.0 → 14.0.0

package/dist/features/date-picker/composition/DatePickerContent.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import { Button } from '../../button/public';
+import { Box, Stack } from '../../layout/public';
+import { Text } from '../../typography/public';
+import { formatLocalDate, parseLocalDate } from '../utils/localDate';
+const WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const DAY_CELL_WIDTH = 42;
+/*** Renders the shared calendar content used by native BottomSheet and web Popover hosts. */
+export function DatePickerContent({ description, interactionPolicy, label, maxDate, minDate, onDismiss, onSelect, testID, value, }) {
+    const [displayMonth, setDisplayMonth] = React.useState(() => resolveInitialMonth(value, minDate));
+    const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);
+    const resolvedMaxDate = React.useMemo(() => parseLocalDate(maxDate), [maxDate]);
+    const resolvedMinDate = React.useMemo(() => parseLocalDate(minDate), [minDate]);
+    return (<Stack gap="m" p="m" testID={testID ? `${testID}-content` : undefined}>
+      <PickerHeader description={description} title={label ?? 'Choose date'}/>
+      <DatePickerMonthNavigation displayMonth={displayMonth} interactionPolicy={interactionPolicy} maxDate={resolvedMaxDate} minDate={resolvedMinDate} onMonthChange={setDisplayMonth}/>
+      <DatePickerWeekdays />
+      <DatePickerCalendar interactionPolicy={interactionPolicy} maxDate={resolvedMaxDate} minDate={resolvedMinDate} monthDays={monthDays} onSelect={onSelect} testID={testID} value={value}/>
+      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
+        Cancel
+      </Button>
+    </Stack>);
+}
+/*** Renders the shared title block used by picker overlays. */
+function PickerHeader({ description, title, }) {
+    return (<Stack gap="xxs">
+      <Text align="center" variant="label" weight="semiBold">
+        {title}
+      </Text>
+      {description ? (<Text align="center" emphasis="muted" variant="bodySmall">
+          {description}
+        </Text>) : null}
+    </Stack>);
+}
+/*** Renders previous and next month controls for the calendar. */
+function DatePickerMonthNavigation({ displayMonth, interactionPolicy, maxDate, minDate, onMonthChange, }) {
+    const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);
+    const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);
+    return (<Stack align="center" direction="row" justify="space-between">
+      <Button disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onMonthChange(previousMonth)} size="s" variant="ghost">
+        Previous
+      </Button>
+      <Text align="center" variant="label" weight="semiBold">
+        {formatMonthLabel(displayMonth)}
+      </Text>
+      <Button disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onMonthChange(nextMonth)} size="s" variant="ghost">
+        Next
+      </Button>
+    </Stack>);
+}
+/*** Renders weekday headings for the calendar grid. */
+function DatePickerWeekdays() {
+    return (<Stack direction="row" justify="space-between">
+      {WEEKDAY_LABELS.map((weekday) => (<Box key={weekday} width={DAY_CELL_WIDTH}>
+          <Text align="center" emphasis="muted" variant="caption" weight="semiBold">
+            {weekday}
+          </Text>
+        </Box>))}
+    </Stack>);
+}
+/*** Renders selectable day cells for the current calendar month. */
+function DatePickerCalendar({ interactionPolicy, maxDate, minDate, monthDays, onSelect, testID, value, }) {
+    return (<Stack direction="row" gap="xs" wrap="wrap">
+      {monthDays.map((day, index) => {
+            if (!day)
+                return <Box key={`empty-${index}`} width={DAY_CELL_WIDTH}/>;
+            const selected = isSameLocalDay(value, day);
+            return (<Box key={day.toISOString()} width={DAY_CELL_WIDTH}>
+            <Button color={selected ? 'primary' : 'neutral'} disabled={isDateDisabled(day, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onSelect(day)} size="s" testID={testID ? `${testID}-day-${day.getDate()}` : undefined} variant={selected ? 'solid' : 'ghost'}>
+              {day.getDate()}
+            </Button>
+          </Box>);
+        })}
+    </Stack>);
+}
+/*** Compares a serialized date to one local calendar day. */
+function isSameLocalDay(left, right) {
+    return left === formatLocalDate(right);
+}
+/*** Normalizes a Date to the start of its local calendar day. */
+function startOfLocalDay(value) {
+    return new Date(value.getFullYear(), value.getMonth(), value.getDate());
+}
+/*** Reports whether one local calendar day precedes another. */
+function isBeforeLocalDay(left, right) {
+    return startOfLocalDay(left).getTime() < startOfLocalDay(right).getTime();
+}
+/*** Reports whether one local calendar day follows another. */
+function isAfterLocalDay(left, right) {
+    return startOfLocalDay(left).getTime() > startOfLocalDay(right).getTime();
+}
+/*** Reports whether a date falls outside the configured picker range. */
+function isDateDisabled(value, minDate, maxDate) {
+    if (minDate && isBeforeLocalDay(value, minDate))
+        return true;
+    if (maxDate && isAfterLocalDay(value, maxDate))
+        return true;
+    return false;
+}
+/*** Formats the current calendar month for the picker heading. */
+function formatMonthLabel(value) {
+    return value.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });
+}
+/*** Builds the padded calendar grid for one month. */
+function createMonthDays(month) {
+    const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
+    const dayCount = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
+    const populatedLength = firstDay.getDay() + dayCount;
+    const paddedLength = Math.ceil(populatedLength / 7) * 7;
+    return Array.from({ length: paddedLength }, (_, index) => index < firstDay.getDay()
+        ? null
+        : new Date(month.getFullYear(), month.getMonth(), index - firstDay.getDay() + 1));
+}
+/*** Resolves the month initially shown by the calendar. */
+function resolveInitialMonth(value, minDate) {
+    const base = parseLocalDate(value) ?? parseLocalDate(minDate) ?? new Date();
+    return new Date(base.getFullYear(), base.getMonth(), 1);
+}
+/*** Reports whether the configured range intersects a candidate month. */
+function canNavigateToMonth(month, minDate, maxDate) {
+    const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
+    const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);
+    if (maxDate && isAfterLocalDay(firstDay, maxDate))
+        return false;
+    if (minDate && isBeforeLocalDay(lastDay, minDate))
+        return false;
+    return true;
+}
+//# sourceMappingURL=DatePickerContent.js.map

package/dist/features/date-picker/composition/DatePickerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerContent.js","sourceRoot":"","sources":["../../../../src/features/date-picker/composition/DatePickerContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { DatePickerProps } from '../../../types/date-picker';\nimport { Button } from '../../button/public';\nimport { Box, Stack } from '../../layout/public';\nimport { Text } from '../../typography/public';\nimport { formatLocalDate, parseLocalDate } from '../utils/localDate';\n\nconst WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;\nconst DAY_CELL_WIDTH = 42;\n\n/*** Renders the shared calendar content used by native BottomSheet and web Popover hosts. */\nexport function DatePickerContent({\n  description,\n  interactionPolicy,\n  label,\n  maxDate,\n  minDate,\n  onDismiss,\n  onSelect,\n  testID,\n  value,\n}: DatePickerContentProps) {\n  const [displayMonth, setDisplayMonth] = React.useState(() => resolveInitialMonth(value, minDate));\n  const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);\n  const resolvedMaxDate = React.useMemo(() => parseLocalDate(maxDate), [maxDate]);\n  const resolvedMinDate = React.useMemo(() => parseLocalDate(minDate), [minDate]);\n\n  return (\n    <Stack gap=\"m\" p=\"m\" testID={testID ? `${testID}-content` : undefined}>\n      <PickerHeader description={description} title={label ?? 'Choose date'} />\n      <DatePickerMonthNavigation\n        displayMonth={displayMonth}\n        interactionPolicy={interactionPolicy}\n        maxDate={resolvedMaxDate}\n        minDate={resolvedMinDate}\n        onMonthChange={setDisplayMonth}\n      />\n      <DatePickerWeekdays />\n      <DatePickerCalendar\n        interactionPolicy={interactionPolicy}\n        maxDate={resolvedMaxDate}\n        minDate={resolvedMinDate}\n        monthDays={monthDays}\n        onSelect={onSelect}\n        testID={testID}\n        value={value}\n      />\n      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant=\"ghost\">\n        Cancel\n      </Button>\n    </Stack>\n  );\n}\n\ninterface DatePickerContentProps extends Pick<\n  DatePickerProps,\n  'description' | 'interactionPolicy' | 'label' | 'maxDate' | 'minDate' | 'testID' | 'value'\n> {\n  onDismiss: () => void;\n  onSelect: (value: Date) => void;\n}\n\n/*** Renders the shared title block used by picker overlays. */\nfunction PickerHeader({\n  description,\n  title,\n}: {\n  description: React.ReactNode | undefined;\n  title: React.ReactNode;\n}) {\n  return (\n    <Stack gap=\"xxs\">\n      <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n        {title}\n      </Text>\n      {description ? (\n        <Text align=\"center\" emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\n/*** Renders previous and next month controls for the calendar. */\nfunction DatePickerMonthNavigation({\n  displayMonth,\n  interactionPolicy,\n  maxDate,\n  minDate,\n  onMonthChange,\n}: {\n  displayMonth: Date;\n  interactionPolicy: DatePickerProps['interactionPolicy'];\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  onMonthChange: (month: Date) => void;\n}) {\n  const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);\n  const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);\n\n  return (\n    <Stack align=\"center\" direction=\"row\" justify=\"space-between\">\n      <Button\n        disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)}\n        interactionPolicy={interactionPolicy}\n        onPress={() => onMonthChange(previousMonth)}\n        size=\"s\"\n        variant=\"ghost\"\n      >\n        Previous\n      </Button>\n      <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n        {formatMonthLabel(displayMonth)}\n      </Text>\n      <Button\n        disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)}\n        interactionPolicy={interactionPolicy}\n        onPress={() => onMonthChange(nextMonth)}\n        size=\"s\"\n        variant=\"ghost\"\n      >\n        Next\n      </Button>\n    </Stack>\n  );\n}\n\n/*** Renders weekday headings for the calendar grid. */\nfunction DatePickerWeekdays() {\n  return (\n    <Stack direction=\"row\" justify=\"space-between\">\n      {WEEKDAY_LABELS.map((weekday) => (\n        <Box key={weekday} width={DAY_CELL_WIDTH}>\n          <Text align=\"center\" emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n            {weekday}\n          </Text>\n        </Box>\n      ))}\n    </Stack>\n  );\n}\n\n/*** Renders selectable day cells for the current calendar month. */\nfunction DatePickerCalendar({\n  interactionPolicy,\n  maxDate,\n  minDate,\n  monthDays,\n  onSelect,\n  testID,\n  value,\n}: {\n  interactionPolicy: DatePickerProps['interactionPolicy'];\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  monthDays: readonly (Date | null)[];\n  onSelect: (value: Date) => void;\n  testID: string | undefined;\n  value: DatePickerProps['value'];\n}) {\n  return (\n    <Stack direction=\"row\" gap=\"xs\" wrap=\"wrap\">\n      {monthDays.map((day, index) => {\n        if (!day) return <Box key={`empty-${index}`} width={DAY_CELL_WIDTH} />;\n        const selected = isSameLocalDay(value, day);\n        return (\n          <Box key={day.toISOString()} width={DAY_CELL_WIDTH}>\n            <Button\n              color={selected ? 'primary' : 'neutral'}\n              disabled={isDateDisabled(day, minDate, maxDate)}\n              interactionPolicy={interactionPolicy}\n              onPress={() => onSelect(day)}\n              size=\"s\"\n              testID={testID ? `${testID}-day-${day.getDate()}` : undefined}\n              variant={selected ? 'solid' : 'ghost'}\n            >\n              {day.getDate()}\n            </Button>\n          </Box>\n        );\n      })}\n    </Stack>\n  );\n}\n\n/*** Compares a serialized date to one local calendar day. */\nfunction isSameLocalDay(left: string | null, right: Date): boolean {\n  return left === formatLocalDate(right);\n}\n\n/*** Normalizes a Date to the start of its local calendar day. */\nfunction startOfLocalDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate());\n}\n\n/*** Reports whether one local calendar day precedes another. */\nfunction isBeforeLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() < startOfLocalDay(right).getTime();\n}\n\n/*** Reports whether one local calendar day follows another. */\nfunction isAfterLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() > startOfLocalDay(right).getTime();\n}\n\n/*** Reports whether a date falls outside the configured picker range. */\nfunction isDateDisabled(\n  value: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  if (minDate && isBeforeLocalDay(value, minDate)) return true;\n  if (maxDate && isAfterLocalDay(value, maxDate)) return true;\n  return false;\n}\n\n/*** Formats the current calendar month for the picker heading. */\nfunction formatMonthLabel(value: Date): string {\n  return value.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });\n}\n\n/*** Builds the padded calendar grid for one month. */\nfunction createMonthDays(month: Date): (Date | null)[] {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const dayCount = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();\n  const populatedLength = firstDay.getDay() + dayCount;\n  const paddedLength = Math.ceil(populatedLength / 7) * 7;\n\n  return Array.from({ length: paddedLength }, (_, index) =>\n    index < firstDay.getDay()\n      ? null\n      : new Date(month.getFullYear(), month.getMonth(), index - firstDay.getDay() + 1),\n  );\n}\n\n/*** Resolves the month initially shown by the calendar. */\nfunction resolveInitialMonth(value: string | null, minDate: string | undefined): Date {\n  const base = parseLocalDate(value) ?? parseLocalDate(minDate) ?? new Date();\n  return new Date(base.getFullYear(), base.getMonth(), 1);\n}\n\n/*** Reports whether the configured range intersects a candidate month. */\nfunction canNavigateToMonth(\n  month: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);\n\n  if (maxDate && isAfterLocalDay(firstDay, maxDate)) return false;\n  if (minDate && isBeforeLocalDay(lastDay, minDate)) return false;\n  return true;\n}\n"]}

package/dist/features/date-picker/composition/DatePickerField.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { DatePickerProps } from '../../../types/date-picker';
+/*** Renders the shared DatePicker field frame around a platform-specific trigger. */
+export declare function DatePickerField({ children, description, disabled, error, label, required, testID, }: DatePickerFieldProps): React.JSX.Element;
+interface DatePickerFieldProps extends Pick<DatePickerProps, 'description' | 'disabled' | 'error' | 'label' | 'required' | 'testID'> {
+    children: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=DatePickerField.d.ts.map

package/dist/features/date-picker/composition/DatePickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerField.d.ts","sourceRoot":"","sources":["../../../../src/features/date-picker/composition/DatePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,oBAAoB,qBAatB;AAED,UAAU,oBAAqB,SAAQ,IAAI,CACzC,eAAe,EACf,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CACvE;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/features/date-picker/composition/DatePickerField.js

@@ -0,0 +1,21 @@
+import { Field } from '@ankhorage/surface';
+import { Stack } from '../../layout/public';
+import { Text } from '../../typography/public';
+/*** Renders the shared DatePicker field frame around a platform-specific trigger. */
+export function DatePickerField({ children, description, disabled, error, label, required, testID, }) {
+    return (<Field disabled={disabled} errorText={error} invalid={Boolean(error)} label={label ? renderLabel(label, description) : undefined} required={required} testID={testID}>
+      {children}
+    </Field>);
+}
+/*** Renders the picker label and optional supporting description. */
+function renderLabel(label, description) {
+    return (<Stack gap="xs">
+      <Text variant="label" weight="semiBold">
+        {label}
+      </Text>
+      {description ? (<Text emphasis="muted" variant="bodySmall">
+          {description}
+        </Text>) : null}
+    </Stack>);
+}
+//# sourceMappingURL=DatePickerField.js.map

package/dist/features/date-picker/composition/DatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerField.js","sourceRoot":"","sources":["../../../../src/features/date-picker/composition/DatePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,qFAAqF;AACrF,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACe;IACrB,OAAO,CACL,CAAC,KAAK,CACJ,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACxB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAC3D,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AASD,qEAAqE;AACrE,SAAS,WAAW,CAAC,KAAsB,EAAE,WAAwC;IACnF,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { DatePickerProps } from '../../../types/date-picker';\nimport { Stack } from '../../layout/public';\nimport { Text } from '../../typography/public';\n\n/*** Renders the shared DatePicker field frame around a platform-specific trigger. */\nexport function DatePickerField({\n  children,\n  description,\n  disabled,\n  error,\n  label,\n  required,\n  testID,\n}: DatePickerFieldProps) {\n  return (\n    <Field\n      disabled={disabled}\n      errorText={error}\n      invalid={Boolean(error)}\n      label={label ? renderLabel(label, description) : undefined}\n      required={required}\n      testID={testID}\n    >\n      {children}\n    </Field>\n  );\n}\n\ninterface DatePickerFieldProps extends Pick<\n  DatePickerProps,\n  'description' | 'disabled' | 'error' | 'label' | 'required' | 'testID'\n> {\n  children: React.ReactNode;\n}\n\n/*** Renders the picker label and optional supporting description. */\nfunction renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {\n  return (\n    <Stack gap=\"xs\">\n      <Text variant=\"label\" weight=\"semiBold\">\n        {label}\n      </Text>\n      {description ? (\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n"]}

package/dist/features/date-picker/composition/DatePickerTrigger.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { DatePickerProps } from '../../../types/date-picker';
+/*** Renders the shared DatePicker trigger button for native and web hosts. */
+export declare function DatePickerTrigger({ disabled, formatDate, interactionPolicy, onPress, placeholder, testID, value, }: DatePickerTriggerProps): React.JSX.Element;
+interface DatePickerTriggerProps extends Pick<DatePickerProps, 'disabled' | 'formatDate' | 'interactionPolicy' | 'placeholder' | 'testID' | 'value'> {
+    onPress: () => void;
+}
+export {};
+//# sourceMappingURL=DatePickerTrigger.d.ts.map

package/dist/features/date-picker/composition/DatePickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTrigger.d.ts","sourceRoot":"","sources":["../../../../src/features/date-picker/composition/DatePickerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,8EAA8E;AAC9E,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,WAA2B,EAC3B,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,qBAmBxB;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,mBAAmB,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,CACrF;IACC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/features/date-picker/composition/DatePickerTrigger.js

@@ -0,0 +1,18 @@
+import { Button } from '../../button/public';
+import { parseLocalDate } from '../utils/localDate';
+/*** Renders the shared DatePicker trigger button for native and web hosts. */
+export function DatePickerTrigger({ disabled, formatDate, interactionPolicy, onPress, placeholder = 'Choose date', testID, value, }) {
+    const displayValue = value
+        ? formatDate
+            ? formatDate(value)
+            : formatDefaultDate(value)
+        : placeholder;
+    return (<Button disabled={disabled} interactionPolicy={interactionPolicy} onPress={onPress} testID={testID ? `${testID}-trigger` : undefined} trailingIcon={{ name: 'calendar-outline' }} variant="outline">
+      {displayValue}
+    </Button>);
+}
+/*** Formats a date using the current platform locale when no formatter is supplied. */
+function formatDefaultDate(value) {
+    return parseLocalDate(value)?.toLocaleDateString() ?? value;
+}
+//# sourceMappingURL=DatePickerTrigger.js.map

package/dist/features/date-picker/composition/DatePickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTrigger.js","sourceRoot":"","sources":["../../../../src/features/date-picker/composition/DatePickerTrigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,8EAA8E;AAC9E,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,WAAW,GAAG,aAAa,EAC3B,MAAM,EACN,KAAK,GACkB;IACvB,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,UAAU;YACV,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;YACnB,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC5B,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CACjD,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAC3C,OAAO,CAAC,SAAS,CAEjB;MAAA,CAAC,YAAY,CACf;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AASD,uFAAuF;AACvF,SAAS,iBAAiB,CAAC,KAAa;IACtC,OAAO,cAAc,CAAC,KAAK,CAAC,EAAE,kBAAkB,EAAE,IAAI,KAAK,CAAC;AAC9D,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { DatePickerProps } from '../../../types/date-picker';\nimport { Button } from '../../button/public';\nimport { parseLocalDate } from '../utils/localDate';\n\n/*** Renders the shared DatePicker trigger button for native and web hosts. */\nexport function DatePickerTrigger({\n  disabled,\n  formatDate,\n  interactionPolicy,\n  onPress,\n  placeholder = 'Choose date',\n  testID,\n  value,\n}: DatePickerTriggerProps) {\n  const displayValue = value\n    ? formatDate\n      ? formatDate(value)\n      : formatDefaultDate(value)\n    : placeholder;\n\n  return (\n    <Button\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      testID={testID ? `${testID}-trigger` : undefined}\n      trailingIcon={{ name: 'calendar-outline' }}\n      variant=\"outline\"\n    >\n      {displayValue}\n    </Button>\n  );\n}\n\ninterface DatePickerTriggerProps extends Pick<\n  DatePickerProps,\n  'disabled' | 'formatDate' | 'interactionPolicy' | 'placeholder' | 'testID' | 'value'\n> {\n  onPress: () => void;\n}\n\n/*** Formats a date using the current platform locale when no formatter is supplied. */\nfunction formatDefaultDate(value: string): React.ReactNode {\n  return parseLocalDate(value)?.toLocaleDateString() ?? value;\n}\n"]}

package/dist/features/time-picker/adapters/inbound/TimePicker.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-import type { TimePickerProps } from '../../../../types/time-picker';
-/***
- * Time input control with bottom-sheet selection and formatted display value.
- */
-export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
+export { TimePicker } from './TimePicker.web';
 //# sourceMappingURL=TimePicker.d.ts.map

package/dist/features/time-picker/adapters/inbound/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAyPrE;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.js

@@ -1,117 +1,2 @@
-import { Field } from '@ankhorage/surface';
-import React from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { useBottomSheet } from '../../../bottom-sheet/public';
-import { Button } from '../../../button/public';
-import { Stack } from '../../../layout/public';
-import { Text } from '../../../typography/public';
-const MINUTES_PER_DAY = 24 * 60;
-const DEFAULT_STEP_MINUTES = 30;
-/*** Render the field label and optional supporting description. */
-function renderLabel(label, description) {
-    return (<Stack gap="xs">
-      <Text variant="label" weight="semiBold">
-        {label}
-      </Text>
-      {description ? (<Text emphasis="muted" variant="bodySmall">
-          {description}
-        </Text>) : null}
-    </Stack>);
-}
-/*** Parse one HH:mm value to minutes since midnight. */
-function parseTimeToMinutes(value) {
-    if (!value)
-        return undefined;
-    const match = /^(\d{2}):(\d{2})$/.exec(value);
-    if (!match)
-        return undefined;
-    const hours = Number(match[1]);
-    const minutes = Number(match[2]);
-    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59)
-        return undefined;
-    return hours * 60 + minutes;
-}
-/*** Format minutes since midnight as HH:mm. */
-function formatMinutes(value) {
-    const hours = Math.floor(value / 60);
-    const minutes = value % 60;
-    return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-}
-/*** Normalize the configured time step to a positive whole minute. */
-function resolveStepMinutes(stepMinutes) {
-    if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {
-        return DEFAULT_STEP_MINUTES;
-    }
-    return Math.max(1, Math.floor(stepMinutes));
-}
-/*** Generate selectable HH:mm values within the configured range. */
-function generateTimeOptions({ minTime, maxTime, stepMinutes, }) {
-    const step = resolveStepMinutes(stepMinutes);
-    const min = parseTimeToMinutes(minTime) ?? 0;
-    const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;
-    return Array.from({ length: Math.ceil(MINUTES_PER_DAY / step) }, (_, index) => index * step)
-        .filter((minute) => minute >= min && minute <= max)
-        .map(formatMinutes);
-}
-function TimePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange, label, description, error, placeholder = 'Choose time', minTime, maxTime, stepMinutes, disabled = false, required = false, formatTime, testID, interactionPolicy, }) {
-    const { dismiss, present } = useBottomSheet();
-    const passive = interactionPolicy === 'passive';
-    const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;
-    /*** Present the time options through the shared BottomSheet controller. */
-    function openPicker() {
-        if (passive)
-            return;
-        present({
-            content: (<TimePickerSheet description={description} formatTime={formatTime} interactionPolicy={interactionPolicy} label={label} maxTime={maxTime} minTime={minTime} onDismiss={dismiss} onSelect={(time) => {
-                    onValueChange?.(time);
-                    dismiss();
-                }} stepMinutes={stepMinutes} testID={testID} value={value}/>),
-        });
-    }
-    return (<Field disabled={disabled} errorText={error} invalid={Boolean(error)} label={label ? renderLabel(label, description) : undefined} required={required} testID={testID}>
-      <Button disabled={disabled} interactionPolicy={interactionPolicy} onPress={openPicker} testID={testID ? `${testID}-trigger` : undefined} trailingIcon={{ name: 'chevron-down-outline' }} variant="outline">
-        {displayValue}
-      </Button>
-    </Field>);
-}
-/*** Render time selection content inside the shared BottomSheet host. */
-function TimePickerSheet({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }) {
-    const options = React.useMemo(() => generateTimeOptions({ maxTime, minTime, stepMinutes }), [maxTime, minTime, stepMinutes]);
-    return (<Stack gap="m" p="m" testID={testID ? `${testID}-sheet` : undefined}>
-      <PickerSheetHeader description={description} title={label ?? 'Choose time'}/>
-      <ScrollView style={styles.options}>
-        <Stack gap="xxs">
-          {options.map((option) => (<TimePickerOption formatTime={formatTime} interactionPolicy={interactionPolicy} key={option} onSelect={onSelect} option={option} selected={option === value} testID={testID}/>))}
-        </Stack>
-      </ScrollView>
-      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
-        Cancel
-      </Button>
-    </Stack>);
-}
-/*** Render the shared title block used by the time sheet. */
-function PickerSheetHeader({ description, title, }) {
-    return (<Stack gap="xxs">
-      <Text align="center" variant="label" weight="semiBold">
-        {title}
-      </Text>
-      {description ? (<Text align="center" emphasis="muted" variant="bodySmall">
-          {description}
-        </Text>) : null}
-    </Stack>);
-}
-/*** Render one accessible selectable time option. */
-function TimePickerOption({ formatTime, interactionPolicy, onSelect, option, selected, testID, }) {
-    return (<Button accessibilityState={{ selected }} fullWidth interactionPolicy={interactionPolicy} onPress={() => onSelect(option)} testID={testID ? `${testID}-option-${option}` : undefined} variant={selected ? 'soft' : 'ghost'}>
-      {formatTime ? formatTime(option) : option}
-    </Button>);
-}
-const styles = StyleSheet.create({
-    options: { maxHeight: 360 },
-});
-/***
- * Time input control with bottom-sheet selection and formatted display value.
- */
-export const TimePicker = withZoraThemeScope(TimePickerInner);
+export { TimePicker } from './TimePicker.web';
 //# sourceMappingURL=TimePicker.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\nimport { ScrollView, StyleSheet } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TimePickerProps } from '../../../../types/time-picker';\nimport { useBottomSheet } from '../../../bottom-sheet/public';\nimport { Button } from '../../../button/public';\nimport { Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\nconst MINUTES_PER_DAY = 24 * 60;\nconst DEFAULT_STEP_MINUTES = 30;\n\n/*** Render the field label and optional supporting description. */\nfunction renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {\n  return (\n    <Stack gap=\"xs\">\n      <Text variant=\"label\" weight=\"semiBold\">\n        {label}\n      </Text>\n      {description ? (\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\n/*** Parse one HH:mm value to minutes since midnight. */\nfunction parseTimeToMinutes(value: string | undefined): number | undefined {\n  if (!value) return undefined;\n  const match = /^(\\d{2}):(\\d{2})$/.exec(value);\n  if (!match) return undefined;\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return undefined;\n  return hours * 60 + minutes;\n}\n\n/*** Format minutes since midnight as HH:mm. */\nfunction formatMinutes(value: number): string {\n  const hours = Math.floor(value / 60);\n  const minutes = value % 60;\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n}\n\n/*** Normalize the configured time step to a positive whole minute. */\nfunction resolveStepMinutes(stepMinutes: number | undefined): number {\n  if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {\n    return DEFAULT_STEP_MINUTES;\n  }\n  return Math.max(1, Math.floor(stepMinutes));\n}\n\n/*** Generate selectable HH:mm values within the configured range. */\nfunction generateTimeOptions({\n  minTime,\n  maxTime,\n  stepMinutes,\n}: Pick<TimePickerProps, 'maxTime' | 'minTime' | 'stepMinutes'>): string[] {\n  const step = resolveStepMinutes(stepMinutes);\n  const min = parseTimeToMinutes(minTime) ?? 0;\n  const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;\n  return Array.from({ length: Math.ceil(MINUTES_PER_DAY / step) }, (_, index) => index * step)\n    .filter((minute) => minute >= min && minute <= max)\n    .map(formatMinutes);\n}\n\nfunction TimePickerInner({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  onValueChange,\n  label,\n  description,\n  error,\n  placeholder = 'Choose time',\n  minTime,\n  maxTime,\n  stepMinutes,\n  disabled = false,\n  required = false,\n  formatTime,\n  testID,\n  interactionPolicy,\n}: TimePickerProps) {\n  const { dismiss, present } = useBottomSheet();\n  const passive = interactionPolicy === 'passive';\n  const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;\n\n  /*** Present the time options through the shared BottomSheet controller. */\n  function openPicker() {\n    if (passive) return;\n    present({\n      content: (\n        <TimePickerSheet\n          description={description}\n          formatTime={formatTime}\n          interactionPolicy={interactionPolicy}\n          label={label}\n          maxTime={maxTime}\n          minTime={minTime}\n          onDismiss={dismiss}\n          onSelect={(time) => {\n            onValueChange?.(time);\n            dismiss();\n          }}\n          stepMinutes={stepMinutes}\n          testID={testID}\n          value={value}\n        />\n      ),\n    });\n  }\n\n  return (\n    <Field\n      disabled={disabled}\n      errorText={error}\n      invalid={Boolean(error)}\n      label={label ? renderLabel(label, description) : undefined}\n      required={required}\n      testID={testID}\n    >\n      <Button\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        onPress={openPicker}\n        testID={testID ? `${testID}-trigger` : undefined}\n        trailingIcon={{ name: 'chevron-down-outline' }}\n        variant=\"outline\"\n      >\n        {displayValue}\n      </Button>\n    </Field>\n  );\n}\n\ninterface TimePickerSheetProps extends Pick<\n  TimePickerProps,\n  | 'description'\n  | 'formatTime'\n  | 'interactionPolicy'\n  | 'label'\n  | 'maxTime'\n  | 'minTime'\n  | 'stepMinutes'\n  | 'testID'\n  | 'value'\n> {\n  onDismiss: () => void;\n  onSelect: (value: string) => void;\n}\n\n/*** Render time selection content inside the shared BottomSheet host. */\nfunction TimePickerSheet({\n  description,\n  formatTime,\n  interactionPolicy,\n  label,\n  maxTime,\n  minTime,\n  onDismiss,\n  onSelect,\n  stepMinutes,\n  testID,\n  value,\n}: TimePickerSheetProps) {\n  const options = React.useMemo(\n    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),\n    [maxTime, minTime, stepMinutes],\n  );\n\n  return (\n    <Stack gap=\"m\" p=\"m\" testID={testID ? `${testID}-sheet` : undefined}>\n      <PickerSheetHeader description={description} title={label ?? 'Choose time'} />\n      <ScrollView style={styles.options}>\n        <Stack gap=\"xxs\">\n          {options.map((option) => (\n            <TimePickerOption\n              formatTime={formatTime}\n              interactionPolicy={interactionPolicy}\n              key={option}\n              onSelect={onSelect}\n              option={option}\n              selected={option === value}\n              testID={testID}\n            />\n          ))}\n        </Stack>\n      </ScrollView>\n      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant=\"ghost\">\n        Cancel\n      </Button>\n    </Stack>\n  );\n}\n\n/*** Render the shared title block used by the time sheet. */\nfunction PickerSheetHeader({\n  description,\n  title,\n}: {\n  description: React.ReactNode | undefined;\n  title: React.ReactNode;\n}) {\n  return (\n    <Stack gap=\"xxs\">\n      <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n        {title}\n      </Text>\n      {description ? (\n        <Text align=\"center\" emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\n/*** Render one accessible selectable time option. */\nfunction TimePickerOption({\n  formatTime,\n  interactionPolicy,\n  onSelect,\n  option,\n  selected,\n  testID,\n}: Pick<TimePickerSheetProps, 'formatTime' | 'interactionPolicy' | 'testID'> & {\n  onSelect: (value: string) => void;\n  option: string;\n  selected: boolean;\n}) {\n  return (\n    <Button\n      accessibilityState={{ selected }}\n      fullWidth\n      interactionPolicy={interactionPolicy}\n      onPress={() => onSelect(option)}\n      testID={testID ? `${testID}-option-${option}` : undefined}\n      variant={selected ? 'soft' : 'ghost'}\n    >\n      {formatTime ? formatTime(option) : option}\n    </Button>\n  );\n}\n\nconst styles = StyleSheet.create({\n  options: { maxHeight: 360 },\n});\n\n/***\n * Time input control with bottom-sheet selection and formatted display value.\n */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n"]}
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { TimePicker } from './TimePicker.web';\n"]}

package/dist/features/time-picker/adapters/inbound/TimePicker.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../../types/time-picker';
+/*** Renders TimePicker with native BottomSheet presentation. */
+export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
+//# sourceMappingURL=TimePicker.native.d.ts.map

package/dist/features/time-picker/adapters/inbound/TimePicker.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.native.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAMrE,gEAAgE;AAChE,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.native.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { useBottomSheet } from '../../../bottom-sheet/public';
+import { TimePickerContent } from '../../composition/TimePickerContent';
+import { TimePickerField } from '../../composition/TimePickerField';
+import { TimePickerTrigger } from '../../composition/TimePickerTrigger';
+/*** Renders TimePicker with native BottomSheet presentation. */
+export const TimePicker = withZoraThemeScope(TimePickerInner);
+/*** Connects the shared TimePicker field and content to the native BottomSheet host. */
+function TimePickerInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const { dismiss, present } = useBottomSheet();
+    const openPicker = React.useCallback(() => {
+        if (props.interactionPolicy === 'passive')
+            return;
+        present({
+            content: (<TimePickerContent description={props.description} formatTime={props.formatTime} interactionPolicy={props.interactionPolicy} label={props.label} maxTime={props.maxTime} minTime={props.minTime} onDismiss={dismiss} onSelect={(time) => {
+                    props.onValueChange?.(time);
+                    dismiss();
+                }} stepMinutes={props.stepMinutes} testID={props.testID} value={props.value}/>),
+        });
+    }, [dismiss, present, props]);
+    return (<TimePickerField {...props}>
+      <TimePickerTrigger {...props} onPress={openPicker}/>
+    </TimePickerField>);
+}
+//# sourceMappingURL=TimePicker.native.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.native.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,gEAAgE;AAChE,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,wFAAwF;AACxF,SAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACpF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAE9C,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAElD,OAAO,CAAC;YACN,OAAO,EAAE,CACP,CAAC,iBAAiB,CAChB,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,SAAS,CAAC,CAAC,OAAO,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO,EAAE,CAAC;gBACZ,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EACnB,CACH;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CACzB;MAAA,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,EACpD;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TimePickerProps } from '../../../../types/time-picker';\nimport { useBottomSheet } from '../../../bottom-sheet/public';\nimport { TimePickerContent } from '../../composition/TimePickerContent';\nimport { TimePickerField } from '../../composition/TimePickerField';\nimport { TimePickerTrigger } from '../../composition/TimePickerTrigger';\n\n/*** Renders TimePicker with native BottomSheet presentation. */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n\n/*** Connects the shared TimePicker field and content to the native BottomSheet host. */\nfunction TimePickerInner({ themeId: _themeId, mode: _mode, ...props }: TimePickerProps) {\n  const { dismiss, present } = useBottomSheet();\n\n  const openPicker = React.useCallback(() => {\n    if (props.interactionPolicy === 'passive') return;\n\n    present({\n      content: (\n        <TimePickerContent\n          description={props.description}\n          formatTime={props.formatTime}\n          interactionPolicy={props.interactionPolicy}\n          label={props.label}\n          maxTime={props.maxTime}\n          minTime={props.minTime}\n          onDismiss={dismiss}\n          onSelect={(time) => {\n            props.onValueChange?.(time);\n            dismiss();\n          }}\n          stepMinutes={props.stepMinutes}\n          testID={props.testID}\n          value={props.value}\n        />\n      ),\n    });\n  }, [dismiss, present, props]);\n\n  return (\n    <TimePickerField {...props}>\n      <TimePickerTrigger {...props} onPress={openPicker} />\n    </TimePickerField>\n  );\n}\n"]}

package/dist/features/time-picker/adapters/inbound/TimePicker.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../../types/time-picker';
+/*** Renders TimePicker with anchored web Popover presentation. */
+export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
+//# sourceMappingURL=TimePicker.web.d.ts.map

package/dist/features/time-picker/adapters/inbound/TimePicker.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.web.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAMrE,kEAAkE;AAClE,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.web.js

@@ -0,0 +1,24 @@
+import { Popover } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Surface } from '../../../surface/public';
+import { TimePickerContent } from '../../composition/TimePickerContent';
+import { TimePickerField } from '../../composition/TimePickerField';
+import { TimePickerTrigger } from '../../composition/TimePickerTrigger';
+/*** Renders TimePicker with anchored web Popover presentation. */
+export const TimePicker = withZoraThemeScope(TimePickerInner);
+/*** Connects the shared TimePicker field and content to the web Popover host. */
+function TimePickerInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    return (<TimePickerField {...props}>
+      <Popover anchor={({ toggle }) => <TimePickerTrigger {...props} onPress={toggle}/>} interactionPolicy={props.interactionPolicy} onOpenChange={setOpen} open={open} placement="bottom-start" testID={props.testID ? `${props.testID}-popover` : undefined}>
+        <Surface variant="raised">
+          <TimePickerContent description={props.description} formatTime={props.formatTime} interactionPolicy={props.interactionPolicy} label={props.label} maxTime={props.maxTime} minTime={props.minTime} onDismiss={() => setOpen(false)} onSelect={(time) => {
+            props.onValueChange?.(time);
+            setOpen(false);
+        }} stepMinutes={props.stepMinutes} testID={props.testID} value={props.value}/>
+        </Surface>
+      </Popover>
+    </TimePickerField>);
+}
+//# sourceMappingURL=TimePicker.web.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.web.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,iFAAiF;AACjF,SAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CACzB;MAAA,CAAC,OAAO,CACN,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAC1E,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAE7D;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CACvB;UAAA,CAAC,iBAAiB,CAChB,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAChC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAEvB;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { Popover } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TimePickerProps } from '../../../../types/time-picker';\nimport { Surface } from '../../../surface/public';\nimport { TimePickerContent } from '../../composition/TimePickerContent';\nimport { TimePickerField } from '../../composition/TimePickerField';\nimport { TimePickerTrigger } from '../../composition/TimePickerTrigger';\n\n/*** Renders TimePicker with anchored web Popover presentation. */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n\n/*** Connects the shared TimePicker field and content to the web Popover host. */\nfunction TimePickerInner({ themeId: _themeId, mode: _mode, ...props }: TimePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <TimePickerField {...props}>\n      <Popover\n        anchor={({ toggle }) => <TimePickerTrigger {...props} onPress={toggle} />}\n        interactionPolicy={props.interactionPolicy}\n        onOpenChange={setOpen}\n        open={open}\n        placement=\"bottom-start\"\n        testID={props.testID ? `${props.testID}-popover` : undefined}\n      >\n        <Surface variant=\"raised\">\n          <TimePickerContent\n            description={props.description}\n            formatTime={props.formatTime}\n            interactionPolicy={props.interactionPolicy}\n            label={props.label}\n            maxTime={props.maxTime}\n            minTime={props.minTime}\n            onDismiss={() => setOpen(false)}\n            onSelect={(time) => {\n              props.onValueChange?.(time);\n              setOpen(false);\n            }}\n            stepMinutes={props.stepMinutes}\n            testID={props.testID}\n            value={props.value}\n          />\n        </Surface>\n      </Popover>\n    </TimePickerField>\n  );\n}\n"]}

package/dist/features/time-picker/composition/TimePickerContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../types/time-picker';
+/*** Renders shared time options for native BottomSheet and web Popover hosts. */
+export declare function TimePickerContent({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }: TimePickerContentProps): React.JSX.Element;
+interface TimePickerContentProps extends Pick<TimePickerProps, 'description' | 'formatTime' | 'interactionPolicy' | 'label' | 'maxTime' | 'minTime' | 'stepMinutes' | 'testID' | 'value'> {
+    onDismiss: () => void;
+    onSelect: (value: string) => void;
+}
+export {};
+//# sourceMappingURL=TimePickerContent.d.ts.map

package/dist/features/time-picker/composition/TimePickerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAQlE,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,qBA6BxB;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,eAAe,EACb,aAAa,GACb,YAAY,GACZ,mBAAmB,GACnB,OAAO,GACP,SAAS,GACT,SAAS,GACT,aAAa,GACb,QAAQ,GACR,OAAO,CACV;IACC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}