Merge pull request #75 from bruceharrison1984/dev

0.2.1

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  extends: ['turbo', 'prettier'],
+  extends: ['plugin:react-hooks/recommended', 'turbo', 'prettier'],
   plugins: ['sort-imports-es6-autofix', '@typescript-eslint'],
   rules: {
     'react/jsx-key': 'off',

apps/schedulely-docs/docs/Usage/Actions.md

@@ -4,8 +4,9 @@ description: Functions used for interacting with Schedulely
 ---
 
 While Schedulely expects developers to implement their own components to achieve their desired goals, we have provided clear interfaces for how actions should be handled.
-The ActionProvider is used under the hood to take in functions as arguments, memoize them, and pass them in to the calendar components. This makes state management within
-Schedulely simple, and ensures we are re-rendering the bare minimum.
+The ActionProvider is used under the hood to take in functions as arguments and pass them in to the calendar components. This makes state management within
+Schedulely simple, and ensures we are re-rendering the bare minimum. If you are creating custom calendar components, these actions are available to you on each components
+respective interface, and can be implemented(or not implemented) however you choose.
 
 **All actions return `() => null` unless explicitly overridden.**
 

package.json

@@ -24,9 +24,10 @@
     "eslint": "^8.24.0",
     "eslint-config-next": "^12.0.8",
     "eslint-config-prettier": "^8.3.0",
+    "eslint-config-turbo": "latest",
     "eslint-plugin-react": "7.31.8",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-config-turbo": "latest",
     "husky": "^8.0.1",
     "prettier": "latest",
     "turbo": "1.6.2",

packages/Schedulely/__stories__/Schedulely.stories.tsx

@@ -23,6 +23,11 @@ export const NoEvents = () => {
   const props: SchedulelyProps = {
     events: [],
     initialDate: new Date().toISOString(),
+    actions: {
+      onMoreEventsClick: (events) => console.log(events),
+      onEventClick: (event) => console.log(event),
+      onDayClick: (day) => console.log(day),
+    },
   };
 
   return (
@@ -39,6 +44,11 @@ export const DefaultTheme = () => {
   const props: SchedulelyProps = {
     events: storyEvents,
     initialDate: new Date().toISOString(),
+    actions: {
+      onMoreEventsClick: (events) => console.log(events),
+      onEventClick: (event) => console.log(event),
+      onDayClick: (day) => console.log(day),
+    },
   };
   return (
     <Schedulely

packages/Schedulely/__tests__/layouts/EventWeekLayout.spec.tsx

@@ -48,8 +48,6 @@ let mockIsHighlighted = jest.fn((eventId: string) => false);
 let mockEventOnClickHandler = jest.fn(() => {});
 
 let mockSetParentContainerRef = jest.fn((eventId: string) => {});
-let mockSetRefFromKey = jest.fn((eventId: string) => {});
-let mockIsEventVisible = jest.fn((eventId: string) => true);
 
 jest.mock('@/hooks', () => ({
   useComponents: jest.fn(() => ({
@@ -65,8 +63,6 @@ jest.mock('@/hooks', () => ({
   })),
   useEventIntersection: jest.fn(() => ({
     setParentContainerRef: mockSetParentContainerRef,
-    setRefFromKey: mockSetRefFromKey,
-    isEventVisible: mockIsEventVisible,
   })),
 }));
 
@@ -80,11 +76,6 @@ describe('EventWeekLayout', () => {
     );
   });
 
-  afterEach(() => {
-    mockIsEventVisible.mockClear();
-    mockSetRefFromKey.mockClear();
-  });
-
   describe.each(events.map((x) => x.summary))('event %s', (value) => {
     let eventDomObject: HTMLElement;
 
@@ -125,22 +116,6 @@ describe('EventWeekLayout', () => {
   describe('useEventIntersection', () => {
     it('setParentContainerRef is called on the parent', () =>
       expect(mockSetParentContainerRef).toHaveBeenCalledTimes(1));
-
-    it('isEventVisible is called', () =>
-      expect(mockIsEventVisible).toHaveBeenCalledTimes(events.length));
-
-    it('isEventVisible is called with each eventId', () =>
-      expect(mockIsEventVisible.mock.calls.flat().sort()).toEqual(
-        events.map((x) => x.id).sort()
-      ));
-
-    it('setRefFromKey is called', () =>
-      expect(mockSetRefFromKey).toHaveBeenCalledTimes(events.length));
-
-    it('setRefFromKey is called with each eventId', () =>
-      expect(mockSetRefFromKey.mock.calls.flat().sort()).toEqual(
-        events.map((x) => x.id).sort()
-      ));
   });
 
   describe('getGridEndIndex', () => {