react-native-agenda-kit 0.1.0

package/lib/commonjs/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ANIMATION", {
+  enumerable: true,
+  get: function () {
+    return _tokens.ANIMATION;
+  }
+});
+Object.defineProperty(exports, "AgendaKitThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _index.AgendaKitThemeProvider;
+  }
+});
+Object.defineProperty(exports, "AgendaList", {
+  enumerable: true,
+  get: function () {
+    return _AgendaList.AgendaList;
+  }
+});
+Object.defineProperty(exports, "CalendarProvider", {
+  enumerable: true,
+  get: function () {
+    return _CalendarProvider.CalendarProvider;
+  }
+});
+Object.defineProperty(exports, "EASING", {
+  enumerable: true,
+  get: function () {
+    return _tokens.EASING;
+  }
+});
+Object.defineProperty(exports, "ExpandableCalendar", {
+  enumerable: true,
+  get: function () {
+    return _ExpandableCalendar.ExpandableCalendar;
+  }
+});
+Object.defineProperty(exports, "FONT_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _tokens.FONT_SIZE;
+  }
+});
+Object.defineProperty(exports, "KitText", {
+  enumerable: true,
+  get: function () {
+    return _KitText.KitText;
+  }
+});
+Object.defineProperty(exports, "RADIUS", {
+  enumerable: true,
+  get: function () {
+    return _tokens.RADIUS;
+  }
+});
+Object.defineProperty(exports, "SPACING", {
+  enumerable: true,
+  get: function () {
+    return _tokens.SPACING;
+  }
+});
+Object.defineProperty(exports, "TimelineList", {
+  enumerable: true,
+  get: function () {
+    return _TimelineDay.TimelineList;
+  }
+});
+Object.defineProperty(exports, "UpdateSources", {
+  enumerable: true,
+  get: function () {
+    return _types.UpdateSources;
+  }
+});
+Object.defineProperty(exports, "buildRange", {
+  enumerable: true,
+  get: function () {
+    return _dateKey.buildRange;
+  }
+});
+Object.defineProperty(exports, "clampIndex", {
+  enumerable: true,
+  get: function () {
+    return _dateKey.clampIndex;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () {
+    return _index.darkTheme;
+  }
+});
+Object.defineProperty(exports, "dayIndexOf", {
+  enumerable: true,
+  get: function () {
+    return _dateKey.dayIndexOf;
+  }
+});
+Object.defineProperty(exports, "epochDayOfYmd", {
+  enumerable: true,
+  get: function () {
+    return _civil.epochDayOfYmd;
+  }
+});
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () {
+    return _index.lightTheme;
+  }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () {
+    return _index.resolveTheme;
+  }
+});
+Object.defineProperty(exports, "todayEpochDay", {
+  enumerable: true,
+  get: function () {
+    return _civil.todayEpochDay;
+  }
+});
+Object.defineProperty(exports, "todayIndexOf", {
+  enumerable: true,
+  get: function () {
+    return _dateKey.todayIndexOf;
+  }
+});
+Object.defineProperty(exports, "useCalendarDate", {
+  enumerable: true,
+  get: function () {
+    return _CalendarContext.useCalendarDate;
+  }
+});
+Object.defineProperty(exports, "useKitTheme", {
+  enumerable: true,
+  get: function () {
+    return _index.useKitTheme;
+  }
+});
+Object.defineProperty(exports, "ymdAt", {
+  enumerable: true,
+  get: function () {
+    return _dateKey.ymdAt;
+  }
+});
+Object.defineProperty(exports, "ymdOfEpochDay", {
+  enumerable: true,
+  get: function () {
+    return _civil.ymdOfEpochDay;
+  }
+});
+var _AgendaList = require("./agenda/AgendaList.js");
+var _CalendarProvider = require("./core/CalendarProvider.js");
+var _ExpandableCalendar = require("./expandable/ExpandableCalendar.js");
+var _TimelineDay = require("./timeline/TimelineDay.js");
+var _KitText = require("./core/KitText.js");
+var _dateKey = require("./core/dateKey.js");
+var _CalendarContext = require("./core/CalendarContext.js");
+var _civil = require("./core/civil.js");
+var _index = require("./theme/index.js");
+var _tokens = require("./theme/tokens.js");
+var _types = require("./types.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AgendaList","require","_CalendarProvider","_ExpandableCalendar","_TimelineDay","_KitText","_dateKey","_CalendarContext","_civil","_index","_tokens","_types"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAGA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAGA,IAAAQ,MAAA,GAAAR,OAAA;AAaA,IAAAS,OAAA,GAAAT,OAAA;AAGA,IAAAU,MAAA,GAAAV,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/theme/ThemeProvider.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgendaKitThemeProvider = void 0;
+exports.useKitStyles = useKitStyles;
+exports.useKitTheme = void 0;
+var _react = require("react");
+var _theme = require("./theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme plumbing. Two exports matter to a consumer: `AgendaKitThemeProvider`
+ * and `useKitTheme`. Everything else is how the kit builds stylesheets.
+ *
+ * A theme is optional — with no provider above it the kit renders `lightTheme`,
+ * so a consumer can drop `<ExpandableCalendar />` in and see something correct
+ * before deciding on colours.
+ */
+
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(_theme.lightTheme);
+const AgendaKitThemeProvider = ({
+  theme,
+  base = _theme.lightTheme,
+  children
+}) => {
+  // The resolved object's IDENTITY is the stylesheet cache key, so it must be
+  // stable across renders — a consumer passing an inline literal would
+  // otherwise rebuild every sheet in the tree on every render.
+  const value = (0, _react.useMemo)(() => (0, _theme.resolveTheme)(base, theme), [base, theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.AgendaKitThemeProvider = AgendaKitThemeProvider;
+const useKitTheme = () => (0, _react.useContext)(ThemeContext);
+exports.useKitTheme = useKitTheme;
+/**
+ * The ONE way a kit component builds a StyleSheet.
+ *
+ *   const makeStyles = ({ colors }: KitStyleArgs) => StyleSheet.create({ ... });
+ *   const styles = useKitStyles(makeStyles);
+ *
+ * A module-scope `StyleSheet.create` is built once and can never follow the
+ * theme. This builds it through a factory instead, and caches one sheet per
+ * (factory, theme) for the life of the process — so a list with three hundred
+ * rows calling this from its row component shares one object, and memoised
+ * rows still compare equal.
+ *
+ * The factory MUST be a module-scope constant depending only on its arguments:
+ * it is half the cache key.
+ */
+const cache = new WeakMap();
+function useKitStyles(factory) {
+  const theme = useKitTheme();
+  let byTheme = cache.get(factory);
+  if (!byTheme) {
+    byTheme = new WeakMap();
+    cache.set(factory, byTheme);
+  }
+  let built = byTheme.get(theme);
+  if (!built) {
+    built = factory({
+      colors: theme.colors,
+      fonts: theme.fonts,
+      dark: theme.dark
+    });
+    byTheme.set(theme, built);
+  }
+  return built;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/commonjs/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_theme","_jsxRuntime","ThemeContext","createContext","lightTheme","AgendaKitThemeProvider","theme","base","children","value","useMemo","resolveTheme","jsx","Provider","exports","useKitTheme","useContext","cache","WeakMap","useKitStyles","factory","byTheme","get","set","built","colors","fonts","dark"],"sourceRoot":"../../../src","sources":["theme/ThemeProvider.tsx"],"mappings":";;;;;;;;AASA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKiB,IAAAE,WAAA,GAAAF,OAAA;AAfjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,YAAY,gBAAG,IAAAC,oBAAa,EAAiBC,iBAAU,CAAC;AAUvD,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,IAAI,GAAGH,iBAAU;EACjBI;AAC2B,CAAC,KAAK;EACjC;EACA;EACA;EACA,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,MAAM,IAAAC,mBAAY,EAACJ,IAAI,EAAED,KAA0C,CAAC,EACpE,CAACC,IAAI,EAAED,KAAK,CACd,CAAC;EACD,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAACV,YAAY,CAACW,QAAQ;IAACJ,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAChF,CAAC;AAACM,OAAA,CAAAT,sBAAA,GAAAA,sBAAA;AAEK,MAAMU,WAAW,GAAGA,CAAA,KAAsB,IAAAC,iBAAU,EAACd,YAAY,CAAC;AAACY,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAU1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,KAAK,GAAG,IAAIC,OAAO,CAAyD,CAAC;AAE5E,SAASC,YAAYA,CAAIC,OAA2B,EAAK;EAC9D,MAAMd,KAAK,GAAGS,WAAW,CAAC,CAAC;EAE3B,IAAIM,OAAO,GAAGJ,KAAK,CAACK,GAAG,CAACF,OAAO,CAAC;EAChC,IAAI,CAACC,OAAO,EAAE;IACZA,OAAO,GAAG,IAAIH,OAAO,CAAC,CAAC;IACvBD,KAAK,CAACM,GAAG,CAACH,OAAO,EAAEC,OAAO,CAAC;EAC7B;EAEA,IAAIG,KAAK,GAAGH,OAAO,CAACC,GAAG,CAAChB,KAAK,CAAkB;EAC/C,IAAI,CAACkB,KAAK,EAAE;IACVA,KAAK,GAAGJ,OAAO,CAAC;MAAEK,MAAM,EAAEnB,KAAK,CAACmB,MAAM;MAAEC,KAAK,EAAEpB,KAAK,CAACoB,KAAK;MAAEC,IAAI,EAAErB,KAAK,CAACqB;IAAK,CAAC,CAAC;IAC/EN,OAAO,CAACE,GAAG,CAACjB,KAAK,EAAEkB,KAAK,CAAC;EAC3B;EACA,OAAOA,KAAK;AACd","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ANIMATION", {
+  enumerable: true,
+  get: function () {
+    return _tokens.ANIMATION;
+  }
+});
+Object.defineProperty(exports, "AgendaKitThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.AgendaKitThemeProvider;
+  }
+});
+Object.defineProperty(exports, "EASING", {
+  enumerable: true,
+  get: function () {
+    return _tokens.EASING;
+  }
+});
+Object.defineProperty(exports, "FONT_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _tokens.FONT_SIZE;
+  }
+});
+Object.defineProperty(exports, "RADIUS", {
+  enumerable: true,
+  get: function () {
+    return _tokens.RADIUS;
+  }
+});
+Object.defineProperty(exports, "SPACING", {
+  enumerable: true,
+  get: function () {
+    return _tokens.SPACING;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.darkTheme;
+  }
+});
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.lightTheme;
+  }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.resolveTheme;
+  }
+});
+Object.defineProperty(exports, "useKitStyles", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useKitStyles;
+  }
+});
+Object.defineProperty(exports, "useKitTheme", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useKitTheme;
+  }
+});
+var _ThemeProvider = require("./ThemeProvider.js");
+var _theme = require("./theme.js");
+var _tokens = require("./tokens.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ThemeProvider","require","_theme","_tokens"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,OAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/theme/theme.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveTheme = exports.lightTheme = exports.darkTheme = void 0;
+/**
+ * The kit's entire visual surface: eleven colours and three font families.
+ *
+ * It is deliberately flat and deliberately small. Every name says what the
+ * value PAINTS, not where it came from in some design system — so a consumer
+ * can map their own tokens onto it in one object literal and know nothing was
+ * missed. If a colour is not in this list, the kit does not draw it.
+ */
+
+/**
+ * Font families by weight. `undefined` means the platform default — the kit
+ * ships no fonts and never assumes one is loaded.
+ */
+
+/** True-neutral greys (R=G=B) so the accent carries all the colour. */
+const lightTheme = exports.lightTheme = {
+  colors: {
+    surface: '#FFFFFF',
+    canvas: '#F4F4F4',
+    border: '#DDDDDD',
+    accent: '#5B6FAE',
+    accentFill: '#5B6FAE',
+    onAccentFill: '#FFFFFF',
+    accentSoft: '#E8EBF4',
+    accentSubtle: '#F7F8FB',
+    text: '#1F1F1F',
+    textMuted: '#6F6F6F',
+    nowIndicator: '#EF4444'
+  },
+  fonts: {},
+  dark: false
+};
+
+/**
+ * `text` is #CCCCCC, not white: a bold stroke at 14:1 on a dark surface blooms
+ * optically and reads as glowing. The accent FILL does not lift (white on the
+ * lighter #818CF8 is only 2.99:1) — only the INK does.
+ */
+const darkTheme = exports.darkTheme = {
+  colors: {
+    surface: '#181818',
+    canvas: '#121212',
+    border: '#3A3A3A',
+    accent: '#818CF8',
+    accentFill: '#5B6FAE',
+    onAccentFill: '#FFFFFF',
+    accentSoft: '#212123',
+    accentSubtle: '#1C1C1E',
+    text: '#CCCCCC',
+    textMuted: '#8C8C8C',
+    nowIndicator: '#F87171'
+  },
+  fonts: {},
+  dark: true
+};
+
+/** Shallow-merges each group. Called once per distinct input, in the provider. */
+const resolveTheme = (base, overrides) => {
+  if (!overrides) return base;
+  return {
+    colors: {
+      ...base.colors,
+      ...overrides.colors
+    },
+    fonts: {
+      ...base.fonts,
+      ...overrides.fonts
+    },
+    dark: overrides.dark ?? base.dark
+  };
+};
+exports.resolveTheme = resolveTheme;
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lightTheme","exports","colors","surface","canvas","border","accent","accentFill","onAccentFill","accentSoft","accentSubtle","text","textMuted","nowIndicator","fonts","dark","darkTheme","resolveTheme","base","overrides"],"sourceRoot":"../../../src","sources":["theme/theme.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA2BA;AACA;AACA;AACA;;AAmBA;AACO,MAAMA,UAA0B,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxCE,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,UAAU,EAAE,SAAS;IACrBC,YAAY,EAAE,SAAS;IACvBC,UAAU,EAAE,SAAS;IACrBC,YAAY,EAAE,SAAS;IACvBC,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE,CAAC,CAAC;EACTC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAyB,GAAAf,OAAA,CAAAe,SAAA,GAAG;EACvCd,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,UAAU,EAAE,SAAS;IACrBC,YAAY,EAAE,SAAS;IACvBC,UAAU,EAAE,SAAS;IACrBC,YAAY,EAAE,SAAS;IACvBC,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE,CAAC,CAAC;EACTC,IAAI,EAAE;AACR,CAAC;;AAED;AACO,MAAME,YAAY,GAAGA,CAC1BC,IAAoB,EACpBC,SAAiC,KACd;EACnB,IAAI,CAACA,SAAS,EAAE,OAAOD,IAAI;EAC3B,OAAO;IACLhB,MAAM,EAAE;MAAE,GAAGgB,IAAI,CAAChB,MAAM;MAAE,GAAGiB,SAAS,CAACjB;IAAO,CAAC;IAC/CY,KAAK,EAAE;MAAE,GAAGI,IAAI,CAACJ,KAAK;MAAE,GAAGK,SAAS,CAACL;IAAM,CAAC;IAC5CC,IAAI,EAAEI,SAAS,CAACJ,IAAI,IAAIG,IAAI,CAACH;EAC/B,CAAC;AACH,CAAC;AAACd,OAAA,CAAAgB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/theme/tokens.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPACING = exports.RADIUS = exports.FONT_SIZE = exports.EASING = exports.ANIMATION = void 0;
+/**
+ * Static metrics. NOT themeable, on purpose.
+ *
+ * Row heights, week-strip geometry and the packer all read these at module
+ * scope — `expandable/geometry.ts` computes line heights from `FONT_SIZE`
+ * before any React tree exists. A themeable font size would mean measuring at
+ * runtime, which is exactly what this kit refuses to do (declared heights are
+ * why a fling never shifts the list).
+ *
+ * Motion is here for the same reason: `KIT_EASING` is captured by worklets at
+ * module scope, so it cannot depend on a React context.
+ *
+ * Colours and font FAMILIES are themeable — see `theme.ts`.
+ */
+
+const SPACING = exports.SPACING = {
+  0: 0,
+  1: 4,
+  2: 8,
+  3: 12,
+  4: 16,
+  5: 20,
+  6: 24,
+  8: 32
+};
+const FONT_SIZE = exports.FONT_SIZE = {
+  xxs: 11,
+  xs: 12,
+  sm: 14,
+  base: 16
+};
+const RADIUS = exports.RADIUS = {
+  none: 0,
+  card: 8,
+  inner: 6,
+  full: 9999
+};
+
+/** Milliseconds. Short on purpose: a calendar that animates slowly feels broken. */
+const ANIMATION = exports.ANIMATION = {
+  fast: 80,
+  base: 120,
+  slow: 180
+};
+const EASING = exports.EASING = {
+  bezier: [0.2, 0, 0, 1]
+};
+//# sourceMappingURL=tokens.js.map

package/lib/commonjs/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SPACING","exports","FONT_SIZE","xxs","xs","sm","base","RADIUS","none","card","inner","full","ANIMATION","fast","slow","EASING","bezier"],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACrB,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE;AACL,CAAU;AAEH,MAAME,SAAS,GAAAD,OAAA,CAAAC,SAAA,GAAG;EACvBC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE;AACR,CAAU;AAEH,MAAMC,MAAM,GAAAN,OAAA,CAAAM,MAAA,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE;AACR,CAAU;;AAEV;AACO,MAAMC,SAAS,GAAAX,OAAA,CAAAW,SAAA,GAAG;EACvBC,IAAI,EAAE,EAAE;EACRP,IAAI,EAAE,GAAG;EACTQ,IAAI,EAAE;AACR,CAAU;AAEH,MAAMC,MAAM,GAAAd,OAAA,CAAAc,MAAA,GAAG;EACpBC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACvB,CAAU","ignoreList":[]}

package/lib/commonjs/timeline/DayColumn.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayEvents = exports.DayBands = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _EventBlock = require("./EventBlock.js");
+var _NowIndicator = require("./NowIndicator.js");
+var _packEvents = require("./packEvents.js");
+var _timelineMath = require("./timelineMath.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * One day as two absolute layers, so the pager can slot the shared hour lines between them:
+ * `DayBands` (availability) under the lines, `DayEvents` (packed blocks, then the now-line) above.
+ * Packing is memoised on the day's own event array: mounting a neighbour packs one day.
+ */
+
+const DayBandsInner = ({
+  left,
+  width,
+  availableHours,
+  color,
+  hourHeight
+}) => {
+  const bands = (0, _react.useMemo)(() => (0, _timelineMath.buildBands)(availableHours, hourHeight), [availableHours, hourHeight]);
+  const fill = (0, _react.useMemo)(() => ({
+    backgroundColor: color
+  }), [color]);
+  if (!bands.length) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: [styles.column, {
+      left,
+      width
+    }],
+    children: bands.map((band, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.band, fill, {
+        top: band.top,
+        height: band.height
+      }]
+    }, i))
+  });
+};
+const DayBands = exports.DayBands = /*#__PURE__*/(0, _react.memo)(DayBandsInner);
+DayBands.displayName = 'DayBands';
+const DayEventsInner = ({
+  left,
+  width,
+  events,
+  hourHeight,
+  overlapEventsSpacing,
+  rightEdgeSpacing,
+  renderEvent,
+  onEventPress,
+  nowMinutes
+}) => {
+  const packed = (0, _react.useMemo)(() => (0, _packEvents.packEvents)(events, {
+    colW: width,
+    hourHeight,
+    overlapEventsSpacing,
+    rightEdgeSpacing
+  }), [events, hourHeight, overlapEventsSpacing, rightEdgeSpacing, width]);
+  if (!packed.length && !nowMinutes) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: [styles.column, {
+      left,
+      width
+    }],
+    children: [packed.map(event => /*#__PURE__*/(0, _jsxRuntime.jsx)(_EventBlock.EventBlock, {
+      event: event,
+      renderEvent: renderEvent,
+      onPress: onEventPress
+    }, event.id)), nowMinutes ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NowIndicator.NowIndicator, {
+      hourHeight: hourHeight,
+      minutes: nowMinutes
+    }) : null]
+  });
+};
+const DayEvents = exports.DayEvents = /*#__PURE__*/(0, _react.memo)(DayEventsInner);
+const styles = _reactNative.StyleSheet.create({
+  column: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0
+  },
+  band: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=DayColumn.js.map

package/lib/commonjs/timeline/DayColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_EventBlock","_NowIndicator","_packEvents","_timelineMath","_jsxRuntime","DayBandsInner","left","width","availableHours","color","hourHeight","bands","useMemo","buildBands","fill","backgroundColor","length","jsx","View","pointerEvents","style","styles","column","children","map","band","i","top","height","DayBands","exports","memo","displayName","DayEventsInner","events","overlapEventsSpacing","rightEdgeSpacing","renderEvent","onEventPress","nowMinutes","packed","packEvents","colW","jsxs","event","EventBlock","onPress","id","NowIndicator","minutes","DayEvents","StyleSheet","create","position","bottom","right"],"sourceRoot":"../../../src","sources":["timeline/DayColumn.tsx"],"mappings":"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","ignoreList":[]}