@zach.codes/react-calendar - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/react-calendar.cjs.development.js

@@ -160,3 +160,3 @@ 'use strict';
     }, dateFns.format(day, 'EEEE'))), React__default.createElement("ul", {
-      className: "divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-scroll"
+      className: "divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-auto"
     }, renderDay(dayData)));
@@ -263,3 +263,3 @@ })));
   return React__default.createElement("div", {
-    className: "overflow-x-scroll max-h-96",
+    className: "overflow-auto max-h-96",
     style: style
@@ -283,2 +283,8 @@ }, React__default.createElement("ul", {
 }
+var WeeklyResponsiveContainer = function WeeklyResponsiveContainer(_ref6) {
+  var children = _ref6.children;
+  return React__default.createElement("div", {
+    className: "border p-4 md:w-3/4 lg:w-1/2 w-full"
+  }, children);
+};
 
@@ -308,4 +314,5 @@ var DefaultWeeklyEventItem = function DefaultWeeklyEventItem(_ref) {
 exports.WeeklyDays = WeeklyDays;
+exports.WeeklyResponsiveContainer = WeeklyResponsiveContainer;
 exports.useMonthlyCalendar = useMonthlyCalendar;
 exports.useWeeklyCalendar = useWeeklyCalendar;
 //# sourceMappingURL=react-calendar.cjs.development.js.map

dist/react-calendar.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("date-fns"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=[{day:0,label:"Sunday"},{day:1,label:"Monday"},{day:2,label:"Tuesday"},{day:3,label:"Wednesday"},{day:4,label:"Thursday"},{day:5,label:"Friday"},{day:6,label:"Saturday"}],l=r.createContext({}),d=function(){return a.useContext(l)},o=r.createContext({}),s=function(){return a.useContext(o)},i=function(e){var a=e.day,n=s(),l=n.week,d=n.selectedDay,o=n.changeSelectedDay,i=!!d&&t.getDay(d)===a.day,c=t.setDay(l,a.day);return r.createElement("li",{onClick:function(){return o(i?void 0:c)},className:"bg-white cursor-pointer","aria-label":"Day of Week"},r.createElement("div",{className:"rounded-lg border sm:w-36 text-center py-4 "+(i?"border-indigo-600":"border-gray-300 hover:border-gray-500")},r.createElement("p",{className:"font-medium text-sm text-gray-800"},a.label," ",t.format(c,"do"))))};exports.DefaultMonthlyEventItem=function(e){var t=e.date;return r.createElement("li",{className:"py-2"},r.createElement("div",{className:"flex text-sm flex-1 justify-between"},r.createElement("h3",{className:"font-medium"},e.title),r.createElement("p",{className:"text-gray-500"},t)))},exports.DefaultWeeklyEventItem=function(e){var t=e.date;return r.createElement("li",{className:"py-4 w-72"},r.createElement("div",{className:"text-sm flex justify-between"},r.createElement("h3",{className:"font-medium"},e.title),r.createElement("p",{className:"text-gray-500"},t)))},exports.MonthlyBody=function(e){var a=e.omitDays,l=e.events,o=e.renderDay,s=function(e){var a=e.days,r=e.omitDays,l=n,d=a;r&&(l=n.filter((function(e){return!r.includes(e.day)})),d=a.filter((function(e){return!r.includes(t.getDay(e))})));var o=t.getDay(d[0]);if(r){var s=r.filter((function(e){return e<o})).length;o-=s}return{headings:l,daysToRender:d,padding:new Array(o).fill(0)}}({days:d().days,omitDays:a}),i=s.headings,c=s.daysToRender,u=s.padding;return r.createElement("div",{className:"bg-white border-l-2 border-t-2"},r.createElement("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-"+i.length},i.map((function(e){return r.createElement("div",{key:e.day,className:"border-b-2 p-2 border-r-2 lg:block hidden","aria-label":"Day of Week"},e.label)})),u.map((function(e,t){return r.createElement("div",{key:t,className:"border-b-2 p-2 border-r-2 lg:block hidden","aria-label":"Empty Day"})})),c.map((function(e){var a=l.filter((function(a){return t.isSameDay(a.date,e)})),n=t.format(e,"d");return r.createElement("div",{key:e.toISOString(),"aria-label":"Events for day "+n,className:"h-48 p-2 border-b-2 border-r-2"},r.createElement("div",{className:"flex justify-between"},r.createElement("div",{className:"font-bold"},n),r.createElement("div",{className:"lg:hidden block"},t.format(e,"EEEE"))),r.createElement("ul",{className:"divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-scroll"},o(a)))}))))},exports.MonthlyCalendar=function(e){var a=e.onCurrentMonthChange,n=e.children,d=t.startOfMonth(e.currentMonth),o=t.eachDayOfInterval({start:d,end:t.endOfMonth(d)});return r.createElement(l.Provider,{value:{days:o,onCurrentMonthChange:a,currentMonth:d}},n)},exports.MonthlyNav=function(){var e=d(),a=e.currentMonth,n=e.onCurrentMonthChange;return r.createElement("div",{className:"flex justify-end mb-4"},r.createElement("button",{onClick:function(){return n(t.subMonths(a,1))},className:"cursor-pointer"},"Previous"),r.createElement("div",{className:"ml-4 mr-4 w-32 text-center","aria-label":"Current Month"},t.format(a,t.getYear(a)===t.getYear(new Date)?"LLLL":"LLLL yyyy")),r.createElement("button",{onClick:function(){return n(t.addMonths(a,1))},className:"cursor-pointer"},"Next"))},exports.WeeklyBody=function(e){var a=e.events,n=e.renderItem,l=e.style,d=s(),o=d.week,i=d.selectedDay;return r.createElement("div",{className:"overflow-x-scroll max-h-96",style:l},r.createElement("ul",{className:"divide-y divide-gray-200 "},a.map((function(e){return i&&!t.isSameDay(i,e.date)?null:t.isSameWeek(o,e.date)?n({item:e,showingFullWeek:void 0===i}):null}))))},exports.WeeklyCalendar=function(e){var n=e.week,l=e.children,d=a.useState(),s=d[0],i=d[1];return a.useEffect((function(){i(void 0)}),[n]),r.createElement(o.Provider,{value:{selectedDay:s,week:t.startOfWeek(n),changeSelectedDay:i}},l)},exports.WeeklyContainer=function(e){return r.createElement("div",{className:"md:flex md:justify-between"},e.children)},exports.WeeklyDays=function(e){var t=e.omitDays,a=n;return t&&(a=n.filter((function(e){return!t.includes(e.day)}))),r.createElement("ul",{className:"grid md:grid-cols-1 grid-cols-2 gap-2"},a.map((function(e){return r.createElement(i,{key:e.day,day:e})})))},exports.useMonthlyCalendar=d,exports.useWeeklyCalendar=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("date-fns"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=[{day:0,label:"Sunday"},{day:1,label:"Monday"},{day:2,label:"Tuesday"},{day:3,label:"Wednesday"},{day:4,label:"Thursday"},{day:5,label:"Friday"},{day:6,label:"Saturday"}],l=r.createContext({}),d=function(){return a.useContext(l)},o=r.createContext({}),s=function(){return a.useContext(o)},i=function(e){var a=e.day,n=s(),l=n.week,d=n.selectedDay,o=n.changeSelectedDay,i=!!d&&t.getDay(d)===a.day,c=t.setDay(l,a.day);return r.createElement("li",{onClick:function(){return o(i?void 0:c)},className:"bg-white cursor-pointer","aria-label":"Day of Week"},r.createElement("div",{className:"rounded-lg border sm:w-36 text-center py-4 "+(i?"border-indigo-600":"border-gray-300 hover:border-gray-500")},r.createElement("p",{className:"font-medium text-sm text-gray-800"},a.label," ",t.format(c,"do"))))};exports.DefaultMonthlyEventItem=function(e){var t=e.date;return r.createElement("li",{className:"py-2"},r.createElement("div",{className:"flex text-sm flex-1 justify-between"},r.createElement("h3",{className:"font-medium"},e.title),r.createElement("p",{className:"text-gray-500"},t)))},exports.DefaultWeeklyEventItem=function(e){var t=e.date;return r.createElement("li",{className:"py-4 w-72"},r.createElement("div",{className:"text-sm flex justify-between"},r.createElement("h3",{className:"font-medium"},e.title),r.createElement("p",{className:"text-gray-500"},t)))},exports.MonthlyBody=function(e){var a=e.omitDays,l=e.events,o=e.renderDay,s=function(e){var a=e.days,r=e.omitDays,l=n,d=a;r&&(l=n.filter((function(e){return!r.includes(e.day)})),d=a.filter((function(e){return!r.includes(t.getDay(e))})));var o=t.getDay(d[0]);if(r){var s=r.filter((function(e){return e<o})).length;o-=s}return{headings:l,daysToRender:d,padding:new Array(o).fill(0)}}({days:d().days,omitDays:a}),i=s.headings,c=s.daysToRender,u=s.padding;return r.createElement("div",{className:"bg-white border-l-2 border-t-2"},r.createElement("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-"+i.length},i.map((function(e){return r.createElement("div",{key:e.day,className:"border-b-2 p-2 border-r-2 lg:block hidden","aria-label":"Day of Week"},e.label)})),u.map((function(e,t){return r.createElement("div",{key:t,className:"border-b-2 p-2 border-r-2 lg:block hidden","aria-label":"Empty Day"})})),c.map((function(e){var a=l.filter((function(a){return t.isSameDay(a.date,e)})),n=t.format(e,"d");return r.createElement("div",{key:e.toISOString(),"aria-label":"Events for day "+n,className:"h-48 p-2 border-b-2 border-r-2"},r.createElement("div",{className:"flex justify-between"},r.createElement("div",{className:"font-bold"},n),r.createElement("div",{className:"lg:hidden block"},t.format(e,"EEEE"))),r.createElement("ul",{className:"divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-auto"},o(a)))}))))},exports.MonthlyCalendar=function(e){var a=e.onCurrentMonthChange,n=e.children,d=t.startOfMonth(e.currentMonth),o=t.eachDayOfInterval({start:d,end:t.endOfMonth(d)});return r.createElement(l.Provider,{value:{days:o,onCurrentMonthChange:a,currentMonth:d}},n)},exports.MonthlyNav=function(){var e=d(),a=e.currentMonth,n=e.onCurrentMonthChange;return r.createElement("div",{className:"flex justify-end mb-4"},r.createElement("button",{onClick:function(){return n(t.subMonths(a,1))},className:"cursor-pointer"},"Previous"),r.createElement("div",{className:"ml-4 mr-4 w-32 text-center","aria-label":"Current Month"},t.format(a,t.getYear(a)===t.getYear(new Date)?"LLLL":"LLLL yyyy")),r.createElement("button",{onClick:function(){return n(t.addMonths(a,1))},className:"cursor-pointer"},"Next"))},exports.WeeklyBody=function(e){var a=e.events,n=e.renderItem,l=e.style,d=s(),o=d.week,i=d.selectedDay;return r.createElement("div",{className:"overflow-auto max-h-96",style:l},r.createElement("ul",{className:"divide-y divide-gray-200 "},a.map((function(e){return i&&!t.isSameDay(i,e.date)?null:t.isSameWeek(o,e.date)?n({item:e,showingFullWeek:void 0===i}):null}))))},exports.WeeklyCalendar=function(e){var n=e.week,l=e.children,d=a.useState(),s=d[0],i=d[1];return a.useEffect((function(){i(void 0)}),[n]),r.createElement(o.Provider,{value:{selectedDay:s,week:t.startOfWeek(n),changeSelectedDay:i}},l)},exports.WeeklyContainer=function(e){return r.createElement("div",{className:"md:flex md:justify-between"},e.children)},exports.WeeklyDays=function(e){var t=e.omitDays,a=n;return t&&(a=n.filter((function(e){return!t.includes(e.day)}))),r.createElement("ul",{className:"grid md:grid-cols-1 grid-cols-2 gap-2"},a.map((function(e){return r.createElement(i,{key:e.day,day:e})})))},exports.WeeklyResponsiveContainer=function(e){return r.createElement("div",{className:"border p-4 md:w-3/4 lg:w-1/2 w-full"},e.children)},exports.useMonthlyCalendar=d,exports.useWeeklyCalendar=s;
 //# sourceMappingURL=react-calendar.cjs.production.min.js.map

dist/react-calendar.esm.js

@@ -153,3 +153,3 @@ import { startOfMonth, eachDayOfInterval, endOfMonth, subMonths, format, getYear, addMonths, isSameDay, getDay, startOfWeek, isSameWeek, setDay } from 'date-fns';
     }, format(day, 'EEEE'))), React.createElement("ul", {
-      className: "divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-scroll"
+      className: "divide-gray-200 divide-y overflow-hidden max-h-36 overflow-y-auto"
     }, renderDay(dayData)));
@@ -256,3 +256,3 @@ })));
   return React.createElement("div", {
-    className: "overflow-x-scroll max-h-96",
+    className: "overflow-auto max-h-96",
     style: style
@@ -276,2 +276,8 @@ }, React.createElement("ul", {
 }
+var WeeklyResponsiveContainer = function WeeklyResponsiveContainer(_ref6) {
+  var children = _ref6.children;
+  return React.createElement("div", {
+    className: "border p-4 md:w-3/4 lg:w-1/2 w-full"
+  }, children);
+};
 
@@ -292,3 +298,3 @@ var DefaultWeeklyEventItem = function DefaultWeeklyEventItem(_ref) {
 
-export { DefaultMonthlyEventItem, DefaultWeeklyEventItem, MonthlyBody, MonthlyCalendar, MonthlyNav, WeeklyBody, WeeklyCalendar, WeeklyContainer, WeeklyDays, useMonthlyCalendar, useWeeklyCalendar };
+export { DefaultMonthlyEventItem, DefaultWeeklyEventItem, MonthlyBody, MonthlyCalendar, MonthlyNav, WeeklyBody, WeeklyCalendar, WeeklyContainer, WeeklyDays, WeeklyResponsiveContainer, useMonthlyCalendar, useWeeklyCalendar };
 //# sourceMappingURL=react-calendar.esm.js.map

dist/Weekly/WeeklyCalendar.d.ts

@@ -35,2 +35,5 @@ import { CSSProperties, ReactNode } from 'react';
 export declare function WeeklyBody<EventItem>({ events, renderItem, style, }: WeeklyBodyProps<EventItem>): JSX.Element;
+export declare const WeeklyResponsiveContainer: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
 export {};

package.json

 {
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
@@ -4,0 +4,0 @@ "name": "@zach.codes/react-calendar",

No alert changes

Improved metrics

Total package byte prevSize

112896

increased by1.74%

Lines of code

1654

increased by1.97%

No dependency changes