react-native-roster 0.0.0 → 0.1.0

package/src/index.ts

@@ -0,0 +1,52 @@
+export type { GapInput, IntervalInput } from './components/layers/layers.types';
+export { RosterGap } from './components/layers/parts/gap';
+export { RosterInterval } from './components/layers/parts/interval';
+export { Roster } from './components/roster';
+export { RosterBodyLayout } from './components/roster/body-layout';
+export { RosterLaneLabel } from './components/roster/lanes/parts/lane-label';
+export { RosterBody } from './components/roster/parts/body';
+export { RosterCorner } from './components/roster/parts/corner';
+export { RosterEmpty } from './components/roster/parts/empty';
+export { RosterGrid } from './components/roster/parts/grid';
+export { RosterHeader } from './components/roster/parts/header';
+export { RosterHeaderCell } from './components/roster/parts/header-cell';
+export { RosterLaneLabelColumn } from './components/roster/parts/lane-label-column';
+export { RosterLaneList } from './components/roster/parts/lane-list';
+export type {
+  BodyInput,
+  GridInput,
+  HeaderCellInput,
+  HeaderInput,
+  LabelColumnInput,
+  LaneLabelInput,
+  RosterInput,
+  RosterModel,
+  RosterProjection,
+  RosterProps,
+  RosterScroll,
+  RosterStyleProps,
+  RosterTick,
+} from './components/roster/roster.types';
+export { useRoster } from './components/roster/use-roster';
+export { Schedule } from './components/schedule';
+export { ScheduleColumn } from './components/schedule/days/parts/column';
+export { ScheduleDayHeader } from './components/schedule/days/parts/day-header';
+export { ScheduleGrid } from './components/schedule/days/parts/grid';
+export { ScheduleNowLine } from './components/schedule/days/parts/now-line';
+export { ScheduleSkippedDate } from './components/schedule/days/parts/skipped-date';
+export { ScheduleTransition } from './components/schedule/days/parts/transition';
+export { ScheduleGutter } from './components/schedule/parts/gutter';
+export { ScheduleIncomplete } from './components/schedule/parts/incomplete';
+export type {
+  ScheduleColumnInput,
+  ScheduleHoursInput,
+  ScheduleInput,
+  ScheduleModel,
+  ScheduleProjection,
+  ScheduleProps,
+  ScheduleStyleProps,
+  ScheduleTransitionInput,
+  ScheduleWindowSpec,
+} from './components/schedule/schedule.types';
+export { useSchedule } from './components/schedule/use-schedule';
+export * from './core';

package/src/nativewind/README.md

@@ -0,0 +1,14 @@
+# nativewind entry
+
+Registers `Roster` and `Schedule` with NativeWind's `cssInterop` so each
+`xxxClassName` prop resolves into the matching `xxxStyle` chrome region.
+
+- Public subpath: `react-native-roster/nativewind`
+- Exports: `Roster`, `Schedule`, `rosterClassNames`, `scheduleClassNames`
+- The package's one side-effect module; listed in `sideEffects`
+- The only module that imports the optional `nativewind` peer
+
+Class props win over default paint because layouts compose regions with
+`regionStyle`, which drops the default when the override carries a class entry.
+Fine detail is styled through zones. See the README's NativeWind section.
+Tests: `test/package/nativewind-entry.test.ts`.

package/src/nativewind/index.ts

@@ -0,0 +1,30 @@
+import { cssInterop } from 'nativewind';
+import { Roster as BaseRoster } from '../components/roster';
+import type { RosterStyleProps } from '../components/roster/roster.types';
+import { Schedule as BaseSchedule } from '../components/schedule';
+import type { ScheduleStyleProps } from '../components/schedule/schedule.types';
+
+type ClassNameKeys<T> = Extract<keyof T, `${string}className` | `${string}ClassName`>;
+type StyleTarget<K extends string> = K extends `${infer Prefix}ClassName`
+  ? `${Prefix}Style`
+  : 'style';
+type Mapping<T> = { [K in ClassNameKeys<T>]-?: StyleTarget<K> };
+
+/** Each class prop resolves into the style prop of the same chrome region. */
+export const rosterClassNames: Mapping<RosterStyleProps> = {
+  className: 'style',
+  headerClassName: 'headerStyle',
+  laneLabelColumnClassName: 'laneLabelColumnStyle',
+  bodyClassName: 'bodyStyle',
+};
+export const scheduleClassNames: Mapping<ScheduleStyleProps> = {
+  className: 'style',
+  headerClassName: 'headerStyle',
+  gutterClassName: 'gutterStyle',
+  daysClassName: 'daysStyle',
+};
+
+// Registration lets NativeWind's JSX runtime resolve class props on the root
+// components; the returned wrappers serve consumers without that runtime.
+export const Roster = cssInterop(BaseRoster, rosterClassNames);
+export const Schedule = cssInterop(BaseSchedule, scheduleClassNames);

package/index.js

@@ -1,4 +0,0 @@
-'use strict';
-throw new Error(
-  'react-native-roster 0.0.0 is a placeholder release; the first usable version has not been published yet. See https://github.com/simiancraft/react-native-roster.',
-);