linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/calendar/base/helpers.d.ts

@@ -1,14 +1,12 @@
-import React__default from 'react';
-import moment, { Moment } from 'moment';
-import { ColorStyles } from '../../@types/ColorStyles.js';
-import { ICalendarProps } from '../types.js';
-
-declare function dayNames(): string[];
-declare function getStartOfWeek(date: Moment): moment.Moment;
-declare function getStartOfMonth(date: Moment): moment.Moment;
-declare function dateIsEquals(date1: Moment, date2: Moment): boolean;
-declare function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment): boolean;
-declare function getPtBrLocale(): {
+import { default as moment, Moment } from 'moment';
+import { ColorStyles } from '../../@types/ColorStyles';
+import { ICalendarProps } from '../types';
+export declare function dayNames(): string[];
+export declare function getStartOfWeek(date: Moment): moment.Moment;
+export declare function getStartOfMonth(date: Moment): moment.Moment;
+export declare function dateIsEquals(date1: Moment, date2: Moment): boolean;
+export declare function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment): boolean;
+export declare function getPtBrLocale(): {
     months: string[];
     monthsShort: string[];
     weekdays: string[];
@@ -47,16 +45,14 @@ declare function getPtBrLocale(): {
     ordinal: string;
 };
 /** Functions used insed index.jsx */
-declare function getCalendarCssClass({ unpadding, drawGridLines, customClass, colorStyle, }: {
+export declare function getCalendarCssClass({ unpadding, drawGridLines, customClass, colorStyle, }: {
     unpadding: boolean;
     drawGridLines: boolean;
     customClass: string | undefined;
     colorStyle: ColorStyles | undefined;
 }): string;
-declare function validDate(date: Moment): moment.Moment;
+export declare function validDate(date: Moment): moment.Moment;
 /** Functions used inside Day Component */
-declare function getDayContainerCssClass(currentDate: Moment, day: Moment): string;
-declare function getDayCssClass(currentDate: Moment, day: Moment): string;
-declare const CalendarContext: React__default.Context<ICalendarProps>;
-
-export { CalendarContext, dateIsEquals, dayNames, dayOutOfCurrentMonth, getCalendarCssClass, getDayContainerCssClass, getDayCssClass, getPtBrLocale, getStartOfMonth, getStartOfWeek, validDate };
+export declare function getDayContainerCssClass(currentDate: Moment, day: Moment): string;
+export declare function getDayCssClass(currentDate: Moment, day: Moment): string;
+export declare const CalendarContext: import('react').Context<ICalendarProps>;

package/lib/calendar/base/helpers.js

@@ -1,117 +1,44 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarContext = void 0;
-exports.dateIsEquals = dateIsEquals;
-exports.dayNames = dayNames;
-exports.dayOutOfCurrentMonth = dayOutOfCurrentMonth;
-exports.getCalendarCssClass = getCalendarCssClass;
-exports.getDayContainerCssClass = getDayContainerCssClass;
-exports.getDayCssClass = getDayCssClass;
-exports.getPtBrLocale = getPtBrLocale;
-exports.getStartOfMonth = getStartOfMonth;
-exports.getStartOfWeek = getStartOfWeek;
-exports.validDate = validDate;
-var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_moment.default.locale('pt-br');
-function getStartOf(date, unit) {
-  return date.startOf(unit);
-}
-function dayNames() {
-  return ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'];
-}
-function getStartOfWeek(date) {
-  return getStartOf(date, 'week');
-}
-function getStartOfMonth(date) {
-  return getStartOf(date, 'month');
-}
-function dateIsEquals(date1, date2) {
-  return (0, _moment.default)(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));
-}
-function dayOutOfCurrentMonth(currentDate, comparedDay) {
-  return currentDate.format('MM') !== comparedDay.format('MM');
-}
-function getPtBrLocale() {
-  return {
-    months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),
-    monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),
-    weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),
-    weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),
-    weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),
-    longDateFormat: {
-      LT: 'HH:mm',
-      L: 'DD/MM/YYYY',
-      LL: 'D [de] MMMM [de] YYYY',
-      LLL: 'D [de] MMMM [de] YYYY [às] LT',
-      LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT'
-    },
-    calendar: {
-      sameDay: '[Hoje às] LT',
-      nextDay: '[Amanhã às] LT',
-      nextWeek: 'dddd [às] LT',
-      lastDay: '[Ontem às] LT',
-      lastWeek() {
-        return this.sameDay === '0' || this.sameDay === '6' ? '[Último] dddd [às] LT' :
-        // Saturday + Sunday
-        '[Última] dddd [às] LT'; // Monday - Friday
-      },
-      sameElse: 'L'
-    },
-    relativeTime: {
-      future: 'em %s',
-      past: '%s atrás',
-      s: 'segundos',
-      m: 'um minuto',
-      mm: '%d minutos',
-      h: 'uma hora',
-      hh: '%d horas',
-      d: 'um dia',
-      dd: '%d dias',
-      M: 'um mês',
-      MM: '%d meses',
-      y: 'um ano',
-      yy: '%d anos'
-    },
-    ordinal: '%dº'
-  };
-}
-
-/** Functions used insed index.jsx */
-function getCalendarCssClass(_ref) {
-  let {
-    unpadding,
-    drawGridLines,
-    customClass,
-    colorStyle
-  } = _ref;
-  let cssClass = `calendar-component ${customClass}`;
-  cssClass += ` -${colorStyle}`;
-  cssClass += unpadding ? ' -unpadding' : '';
-  cssClass += drawGridLines ? ' -draw-grid-lines' : '';
-  return cssClass;
-}
-function validDate(date) {
-  if ((0, _moment.default)(date).format() !== 'Invalid date') {
-    return date;
-  }
-  return (0, _moment.default)();
-}
-
-/** Functions used inside Day Component */
-function getDayContainerCssClass(currentDate, day) {
-  let cssClass = 'monthday ';
-  cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';
-  return cssClass;
-}
-function getDayCssClass(currentDate, day) {
-  let cssClass = 'daybutton ';
-  cssClass += dateIsEquals((0, _moment.default)(), day) ? '-nowday ' : '';
-  cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';
-  return cssClass;
-}
-const CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});
+import e from "../../node_modules/moment/dist/moment.js";
+import { createContext as u } from "react";
+e.locale("pt-br");
+function d() {
+  return ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+}
+function o(t, n) {
+  return e(t.format("YYYY-MM-DD")).isSame(n.format("YYYY-MM-DD"));
+}
+function l(t, n) {
+  return t.format("MM") !== n.format("MM");
+}
+function f({
+  unpadding: t,
+  drawGridLines: n,
+  customClass: a,
+  colorStyle: s
+}) {
+  let r = `calendar-component ${a}`;
+  return r += ` -${s}`, r += t ? " -unpadding" : "", r += n ? " -draw-grid-lines" : "", r;
+}
+function m(t) {
+  return e(t).format() !== "Invalid date" ? t : e();
+}
+function C(t, n) {
+  let a = "monthday ";
+  return a += o(t, n) ? "-selectedday " : "", a;
+}
+function M(t, n) {
+  let a = "daybutton ";
+  return a += o(e(), n) ? "-nowday " : "", a += l(t, n) ? "-outmonth" : "", a;
+}
+const D = u({});
+export {
+  D as CalendarContext,
+  o as dateIsEquals,
+  d as dayNames,
+  l as dayOutOfCurrentMonth,
+  f as getCalendarCssClass,
+  C as getDayContainerCssClass,
+  M as getDayCssClass,
+  m as validDate
+};
+//# sourceMappingURL=helpers.js.map

package/lib/calendar/base/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/calendar/base/helpers.ts"],"sourcesContent":["import moment, { Moment, unitOfTime } from 'moment';\nimport { createContext } from 'react';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { ICalendarProps } from '../types';\n\nmoment.locale('pt-br');\n\nfunction getStartOf(date: Moment, unit: unitOfTime.StartOf) {\n  return date.startOf(unit);\n}\n\nexport function dayNames() {\n  return [\n    'Dom',\n    'Seg',\n    'Ter',\n    'Qua',\n    'Qui',\n    'Sex',\n    'Sab',\n  ];\n}\n\nexport function getStartOfWeek(date: Moment) {\n  return getStartOf(date, 'week');\n}\n\nexport function getStartOfMonth(date: Moment) {\n  return getStartOf(date, 'month');\n}\n\nexport function dateIsEquals(date1: Moment, date2: Moment) {\n  return moment(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));\n}\n\nexport function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment) {\n  return currentDate.format('MM') !== comparedDay.format('MM');\n}\n\nexport function getPtBrLocale() {\n  return {\n    months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),\n    monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n    weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),\n    weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),\n    weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),\n    longDateFormat: {\n      LT: 'HH:mm',\n      L: 'DD/MM/YYYY',\n      LL: 'D [de] MMMM [de] YYYY',\n      LLL: 'D [de] MMMM [de] YYYY [às] LT',\n      LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT',\n    },\n    calendar: {\n      sameDay: '[Hoje às] LT',\n      nextDay: '[Amanhã às] LT',\n      nextWeek: 'dddd [às] LT',\n      lastDay: '[Ontem às] LT',\n      lastWeek(): string {\n        return (this.sameDay === '0' || this.sameDay === '6') ?\n          '[Último] dddd [às] LT' : // Saturday + Sunday\n          '[Última] dddd [às] LT'; // Monday - Friday\n      },\n      sameElse: 'L',\n    },\n    relativeTime: {\n      future: 'em %s',\n      past: '%s atrás',\n      s: 'segundos',\n      m: 'um minuto',\n      mm: '%d minutos',\n      h: 'uma hora',\n      hh: '%d horas',\n      d: 'um dia',\n      dd: '%d dias',\n      M: 'um mês',\n      MM: '%d meses',\n      y: 'um ano',\n      yy: '%d anos',\n    },\n    ordinal: '%dº',\n  };\n}\n\n/** Functions used insed index.jsx */\nexport function getCalendarCssClass({\n  unpadding, drawGridLines, customClass, colorStyle,\n}: { unpadding: boolean, drawGridLines: boolean, customClass: string | undefined,\n  colorStyle: ColorStyles | undefined }) {\n  let cssClass = `calendar-component ${customClass}`;\n  cssClass += ` -${colorStyle}`;\n  cssClass += unpadding ? ' -unpadding' : '';\n  cssClass += drawGridLines ? ' -draw-grid-lines' : '';\n  return cssClass;\n}\n\nexport function validDate(date: Moment) {\n  if (moment(date).format() !== 'Invalid date') {\n    return date;\n  }\n  return moment();\n}\n\n/** Functions used inside Day Component */\nexport function getDayContainerCssClass(currentDate: Moment, day: Moment) {\n  let cssClass = 'monthday ';\n  cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';\n  return cssClass;\n}\n\nexport function getDayCssClass(currentDate: Moment, day: Moment) {\n  let cssClass = 'daybutton ';\n  cssClass += dateIsEquals(moment(), day) ? '-nowday ' : '';\n  cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';\n  return cssClass;\n}\n\nexport const CalendarContext = createContext<ICalendarProps>({} as ICalendarProps);\n"],"names":["moment","locale","dayNames","dateIsEquals","date1","date2","format","isSame","dayOutOfCurrentMonth","currentDate","comparedDay","getCalendarCssClass","unpadding","drawGridLines","customClass","colorStyle","cssClass","validDate","date","getDayContainerCssClass","day","getDayCssClass","CalendarContext","createContext"],"mappings":";;AAKAA,EAAOC,OAAO,OAAO;AAMd,SAASC,IAAW;AACzB,SAAO,CACL,OACA,OACA,OACA,OACA,OACA,OACA,KAAK;AAET;AAUO,SAASC,EAAaC,GAAeC,GAAe;AACzD,SAAOL,EAAOI,EAAME,OAAO,YAAY,CAAC,EAAEC,OAAOF,EAAMC,OAAO,YAAY,CAAC;AAC7E;AAEO,SAASE,EAAqBC,GAAqBC,GAAqB;AAC7E,SAAOD,EAAYH,OAAO,IAAI,MAAMI,EAAYJ,OAAO,IAAI;AAC7D;AAgDO,SAASK,EAAoB;AAAA,EAClCC,WAAAA;AAAAA,EAAWC,eAAAA;AAAAA,EAAeC,aAAAA;AAAAA,EAAaC,YAAAA;AAEH,GAAG;AACvC,MAAIC,IAAW,sBAAsBF,CAAW;AAChDE,SAAAA,KAAY,KAAKD,CAAU,IAC3BC,KAAYJ,IAAY,gBAAgB,IACxCI,KAAYH,IAAgB,sBAAsB,IAC3CG;AACT;AAEO,SAASC,EAAUC,GAAc;AACtC,SAAIlB,EAAOkB,CAAI,EAAEZ,OAAAA,MAAa,iBACrBY,IAEFlB,EAAAA;AACT;AAGO,SAASmB,EAAwBV,GAAqBW,GAAa;AACxE,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaM,GAAaW,CAAG,IAAI,kBAAkB,IACxDJ;AACT;AAEO,SAASK,EAAeZ,GAAqBW,GAAa;AAC/D,MAAIJ,IAAW;AACfA,SAAAA,KAAYb,EAAaH,EAAAA,GAAUoB,CAAG,IAAI,aAAa,IACvDJ,KAAYR,EAAqBC,GAAaW,CAAG,IAAI,cAAc,IAC5DJ;AACT;AAEO,MAAMM,IAAkBC,EAA8B,CAAA,CAAoB;"}

package/lib/calendar/base/index.d.ts

@@ -1,8 +1,3 @@
-import { ICalendarProps } from '../types.js';
-import 'react';
-import 'moment';
-import '../../@types/ColorStyles.js';
-
-declare const Calendar: (props: ICalendarProps) => JSX.Element;
-
-export { Calendar as default };
+import { ICalendarProps } from '../types';
+declare const Calendar: (props: ICalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/lib/calendar/base/index.js

@@ -1,200 +1,170 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("../../assets/styles/calendar.scss");
-var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-var _uuid = require("uuid");
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _helpers = require("./helpers");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];
-const Calendar = props => {
-  const {
-    currentDate: currentDateProp = (0, _moment.default)(),
-    onDateChange,
-    drawGridLines = false,
-    colorStyle,
-    unpadding = false,
-    customClass,
-    gridLayout,
-    currentDateButton,
-    calendarContainer
-  } = props;
-  const currentCalendarRef = (0, _react.useRef)(null);
-  const calendarMonthsContainerRef = (0, _react.useRef)(null);
-  const currentDaySelectedContainerRef = (0, _react.useRef)(null);
-  const [currentDate, setCurrentDate] = (0, _react.useState)(currentDateProp);
-  const [currentMonth, setCurrentMonth] = (0, _react.useState)((0, _moment.default)(currentDateProp).format('MM-YYYY'));
-  const onDateChangeFunction = date => {
-    setCurrentDate(date);
-    if (onDateChange) onDateChange(date);
-  };
-  const createCalendarWithWeeksAndDays = () => {
-    const firstDayOfMonth = (0, _moment.default)(currentMonth, 'MM-YYYY').startOf('month');
-    const lastDayOfMonth = (0, _moment.default)(currentMonth, 'MM-YYYY').endOf('month');
-    const startDate = firstDayOfMonth.clone().startOf('week');
-    const endDate = lastDayOfMonth.clone().endOf('week');
-    const days = [];
-    const day = startDate.clone();
-    while (day.isBefore(endDate, 'day') || day.isSame(endDate, 'day')) {
-      days.push({
-        date: day.clone(),
-        isDaySelected: day.isSame(currentDate)
-      });
-      day.add(1, 'day');
-    }
-    return days;
-  };
-  const changeMonth = amountMonthsToChange => {
-    const newDate = (0, _moment.default)(currentMonth, 'MM-YYYY').add(amountMonthsToChange, 'month').format('MM-YYYY');
-    setCurrentMonth(newDate);
-  };
-  const getFirstOrLastDayButtonOfCalendar = function () {
-    let firstOrLast = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';
-    const listOfButtons = currentCalendarRef.current?.getElementsByClassName('daybutton') || [];
-    if (firstOrLast === 'first') return listOfButtons[0];
-    if (firstOrLast === 'last') return listOfButtons[listOfButtons.length - 1];
-  };
-  const navigateWithArrows = event => {
-    let indexCurrentDay = 0;
-    const eventTarget = event.target;
-    indexCurrentDay = Number(eventTarget.getAttribute('data-day-index') || 0);
-    const containerDaySelected = currentCalendarRef.current?.getElementsByClassName('-selectedday');
-    const buttonDaySelected = containerDaySelected?.[0]?.firstChild;
-    const daysOfMonth = currentCalendarRef.current?.getElementsByClassName('daybutton');
-    const lastDayButtonElement = getFirstOrLastDayButtonOfCalendar('last');
-    if (!currentCalendarRef.current?.contains(document.activeElement)) {
-      if (currentCalendarRef.current?.contains(buttonDaySelected)) {
-        buttonDaySelected.focus();
-        indexCurrentDay = Number(buttonDaySelected.getAttribute('data-day-index') || 0);
-      }
-    }
-    if (calendarMonthsContainerRef.current?.contains(document.activeElement)) {
-      const element = {
-        ArrowUp: daysOfMonth[indexCurrentDay - 7],
-        ArrowRight: daysOfMonth[indexCurrentDay + 1],
-        ArrowDown: daysOfMonth[indexCurrentDay + 7],
-        ArrowLeft: daysOfMonth[indexCurrentDay - 1]
-      }[event.code];
-      if (element) element.focus();
-      const lastButtonElementIndex = Number(lastDayButtonElement?.getAttribute('data-day-index') || 0);
-      if (indexCurrentDay === 0 && event.code === 'ArrowLeft') {
-        setCurrentMonth(prevState => {
-          return (0, _moment.default)(prevState, 'MM-YYYY').subtract(1, 'month').format('MM-YYYY');
-        });
-        setTimeout(() => {
-          getFirstOrLastDayButtonOfCalendar('last')?.focus();
-        }, 1);
-      }
-      if (indexCurrentDay === lastButtonElementIndex && event.code === 'ArrowRight') {
-        setCurrentMonth(prevState => {
-          return (0, _moment.default)(prevState, 'MM-YYYY').add(1, 'month').format('MM-YYYY');
-        });
-        setTimeout(() => {
-          getFirstOrLastDayButtonOfCalendar('first')?.focus();
-        }, 1);
-      }
-    } else {
-      if (calendarMonthsContainerRef.current?.contains(buttonDaySelected)) {
-        buttonDaySelected.focus();
-      } else {
-        getFirstOrLastDayButtonOfCalendar('first')?.focus();
-      }
-    }
-  };
-  const contextValues = {
-    handleDateChange: onDateChangeFunction
-  };
-  (0, _react.useEffect)(() => {
-    setCurrentDate((0, _helpers.validDate)(currentDateProp));
-    calendarContainer?.(currentCalendarRef?.current);
-  }, []);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('keydown', event => {
-      if (event && event.code && arrowKeys.includes(event.code) && document.contains(currentCalendarRef.current)) {
-        navigateWithArrows(event);
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    });
-    return () => {
-      document.removeEventListener('keydown', () => {});
+import { jsx as s, jsxs as ie } from "react/jsx-runtime";
+import { c as ye } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/button.css';import '../../assets/styles/calendar.css';/* empty css                                */
+import { useRef as oe, useState as de, useEffect as fe } from "react";
+import d from "../../node_modules/moment/dist/moment.js";
+import Ce from "../../gridlayout/GridCol.js";
+import ae from "../../buttons/Button.js";
+/* empty css                              */
+import { getDayContainerCssClass as pe, getDayCssClass as Me, CalendarContext as we, validDate as De, getCalendarCssClass as be, dayNames as ge } from "./helpers.js";
+import V from "../../node_modules/uuid/dist/v1.js";
+const Se = ["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"], We = (c) => {
+  const e = ye.c(56), {
+    currentDate: S,
+    onDateChange: v,
+    drawGridLines: re,
+    colorStyle: q,
+    unpadding: se,
+    customClass: z,
+    gridLayout: x,
+    currentDateButton: H,
+    calendarContainer: J
+  } = c;
+  let _;
+  e[0] !== S ? (_ = S === void 0 ? d() : S, e[0] = S, e[1] = _) : _ = e[1];
+  const f = _, Q = re === void 0 ? !1 : re, X = se === void 0 ? !1 : se, i = oe(null), Z = oe(null), me = oe(null), [m, le] = de(f);
+  let N;
+  e[2] !== f ? (N = d(f).format("MM-YYYY"), e[2] = f, e[3] = N) : N = e[3];
+  const [l, ee] = de(N);
+  let A;
+  e[4] !== v ? (A = (t) => {
+    le(t), v && v(t);
+  }, e[4] = v, e[5] = A) : A = e[5];
+  const u = A;
+  let E;
+  e[6] !== m || e[7] !== l ? (E = () => {
+    const t = d(l, "MM-YYYY").startOf("month"), o = d(l, "MM-YYYY").endOf("month"), n = t.clone().startOf("week"), a = o.clone().endOf("week"), g = [], r = n.clone();
+    for (; r.isBefore(a, "day") || r.isSame(a, "day"); )
+      g.push({
+        date: r.clone(),
+        isDaySelected: r.isSame(m)
+      }), r.add(1, "day");
+    return g;
+  }, e[6] = m, e[7] = l, e[8] = E) : E = e[8];
+  const te = E;
+  let O;
+  e[9] !== l ? (O = (t) => {
+    const o = d(l, "MM-YYYY").add(t, "month").format("MM-YYYY");
+    ee(o);
+  }, e[9] = l, e[10] = O) : O = e[10];
+  const h = O;
+  let k;
+  if (e[11] === Symbol.for("react.memo_cache_sentinel")) {
+    const t = (o) => {
+      const n = o === void 0 ? "first" : o, a = i.current?.getElementsByClassName("daybutton") || [];
+      if (n === "first")
+        return a[0];
+      if (n === "last")
+        return a[a.length - 1];
     };
-  }, []);
-  const component = /*#__PURE__*/_react.default.createElement("div", {
-    ref: currentCalendarRef,
-    role: "grid",
-    "aria-label": String('calendar-container-').concat((0, _uuid.v1)()),
-    className: (0, _helpers.getCalendarCssClass)({
-      unpadding,
-      drawGridLines,
-      customClass,
-      colorStyle
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendarheader"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    id: (0, _uuid.v1)(),
-    tabIndex: -1,
-    boxShadow: false,
-    iconName: "arrow_left",
-    customClass: "navbutton nav-arrow-left",
-    onClick: () => {
-      changeMonth(-1);
-    }
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "monthname"
-  }, (0, _moment.default)(currentMonth, 'MM-YYYY').format('MMMM YYYY')), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    id: (0, _uuid.v1)(),
-    tabIndex: -1,
-    boxShadow: false,
-    iconName: "arrow_right",
-    customClass: "navbutton nav-arrow-right",
-    onClick: () => {
-      changeMonth(1);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "daynames"
-  }, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: `day-${name}`
-  }, name))), /*#__PURE__*/_react.default.createElement("div", {
-    ref: calendarMonthsContainerRef,
-    className: "calendarmonth"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "monthweek"
-  }, createCalendarWithWeeksAndDays().map((_ref, index) => {
-    let {
-      date,
-      isDaySelected
-    } = _ref;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: date.format('YYYY-MM-DD'),
-      ref: isDaySelected ? currentDaySelectedContainerRef : undefined,
-      className: (0, _helpers.getDayContainerCssClass)(currentDate, date)
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      "data-day-index": index,
-      id: (0, _uuid.v1)(),
-      type: "button",
-      buttonRef: ref => isDaySelected && ref ? currentDateButton?.(ref) : undefined,
-      tabIndex: -1,
-      boxShadow: false,
-      label: date.date().toString(),
-      onClick: () => onDateChangeFunction(date),
-      customClass: ` ${(0, _helpers.getDayCssClass)(currentDate, date)} numberdaycalendar`
-    }));
-  }))));
-  return /*#__PURE__*/_react.default.createElement(_helpers.CalendarContext.Provider, {
-    value: contextValues
-  }, !gridLayout ? component : /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    customClass: "-withinput",
-    cols: gridLayout
-  }, component));
+    k = (o) => {
+      let n;
+      const a = o.target;
+      n = Number(a.getAttribute("data-day-index") || 0);
+      const r = i.current?.getElementsByClassName("-selectedday")?.[0]?.firstChild, K = i.current?.getElementsByClassName("daybutton"), he = t("last");
+      if (i.current?.contains(document.activeElement) || i.current?.contains(r) && (r.focus(), n = Number(r.getAttribute("data-day-index") || 0)), Z.current?.contains(document.activeElement)) {
+        const ce = {
+          ArrowUp: K[n - 7],
+          ArrowRight: K[n + 1],
+          ArrowDown: K[n + 7],
+          ArrowLeft: K[n - 1]
+        }[o.code];
+        ce && ce.focus();
+        const Ye = Number(he?.getAttribute("data-day-index") || 0);
+        n === 0 && o.code === "ArrowLeft" && (ee(ve), setTimeout(() => {
+          t("last")?.focus();
+        }, 1)), n === Ye && o.code === "ArrowRight" && (ee(xe), setTimeout(() => {
+          t("first")?.focus();
+        }, 1));
+      } else
+        Z.current?.contains(r) ? r.focus() : t("first")?.focus();
+    }, e[11] = k;
+  } else
+    k = e[11];
+  const ue = k;
+  let B;
+  e[12] !== u ? (B = {
+    handleDateChange: u
+  }, e[12] = u, e[13] = B) : B = e[13];
+  const ne = B;
+  let L;
+  e[14] !== J || e[15] !== f ? (L = () => {
+    le(De(f)), J?.(i?.current);
+  }, e[14] = J, e[15] = f, e[16] = L) : L = e[16];
+  let R;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = [], e[17] = R) : R = e[17], fe(L, R);
+  let I, G;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = () => (document.addEventListener("keydown", (t) => {
+    t && t.code && Se.includes(t.code) && document.contains(i.current) && (ue(t), t.stopPropagation(), t.preventDefault());
+  }), Ne), G = [], e[18] = I, e[19] = G) : (I = e[18], G = e[19]), fe(I, G);
+  let P;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (P = "calendar-container-".concat(V()), e[20] = P) : P = e[20];
+  let Y;
+  e[21] !== q || e[22] !== z || e[23] !== Q || e[24] !== X ? (Y = be({
+    unpadding: X,
+    drawGridLines: Q,
+    customClass: z,
+    colorStyle: q
+  }), e[21] = q, e[22] = z, e[23] = Q, e[24] = X, e[25] = Y) : Y = e[25];
+  let T;
+  e[26] === Symbol.for("react.memo_cache_sentinel") ? (T = V(), e[26] = T) : T = e[26];
+  let y;
+  e[27] !== h ? (y = /* @__PURE__ */ s(ae, { id: T, tabIndex: -1, boxShadow: !1, iconName: "arrow_left", customClass: "navbutton nav-arrow-left", onClick: () => {
+    h(-1);
+  } }), e[27] = h, e[28] = y) : y = e[28];
+  let C;
+  e[29] !== l ? (C = d(l, "MM-YYYY").format("MMMM YYYY"), e[29] = l, e[30] = C) : C = e[30];
+  let p;
+  e[31] !== C ? (p = /* @__PURE__ */ s("span", { className: "monthname", children: C }), e[31] = C, e[32] = p) : p = e[32];
+  let W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = V(), e[33] = W) : W = e[33];
+  let M;
+  e[34] !== h ? (M = /* @__PURE__ */ s(ae, { id: W, tabIndex: -1, boxShadow: !1, iconName: "arrow_right", customClass: "navbutton nav-arrow-right", onClick: () => {
+    h(1);
+  } }), e[34] = h, e[35] = M) : M = e[35];
+  let w;
+  e[36] !== y || e[37] !== p || e[38] !== M ? (w = /* @__PURE__ */ ie("div", { className: "calendarheader", children: [
+    y,
+    p,
+    M
+  ] }), e[36] = y, e[37] = p, e[38] = M, e[39] = w) : w = e[39];
+  let $;
+  e[40] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ s("div", { className: "daynames", children: ge().map(Ae) }), e[40] = $) : $ = e[40];
+  let D;
+  e[41] !== te || e[42] !== m || e[43] !== H || e[44] !== u ? (D = /* @__PURE__ */ s("div", { ref: Z, className: "calendarmonth", children: /* @__PURE__ */ s("div", { className: "monthweek", children: te().map((t, o) => {
+    const {
+      date: n,
+      isDaySelected: a
+    } = t;
+    return /* @__PURE__ */ s("div", { ref: a ? me : void 0, className: pe(m, n), children: /* @__PURE__ */ s(ae, { "data-day-index": o, id: V(), type: "button", buttonRef: (g) => a && g ? H?.(g) : void 0, tabIndex: -1, boxShadow: !1, label: n.date().toString(), onClick: () => u(n), customClass: ` ${Me(m, n)} numberdaycalendar` }) }, n.format("YYYY-MM-DD"));
+  }) }) }), e[41] = te, e[42] = m, e[43] = H, e[44] = u, e[45] = D) : D = e[45];
+  let j;
+  e[46] !== Y || e[47] !== w || e[48] !== D ? (j = /* @__PURE__ */ ie("div", { ref: i, role: "grid", "aria-label": P, className: Y, children: [
+    w,
+    $,
+    D
+  ] }), e[46] = Y, e[47] = w, e[48] = D, e[49] = j) : j = e[49];
+  const F = j;
+  let b;
+  e[50] !== F || e[51] !== x ? (b = x ? /* @__PURE__ */ s(Ce, { customClass: "-withinput", cols: x, children: F }) : F, e[50] = F, e[51] = x, e[52] = b) : b = e[52];
+  let U;
+  return e[53] !== ne || e[54] !== b ? (U = /* @__PURE__ */ s(we.Provider, { value: ne, children: b }), e[53] = ne, e[54] = b, e[55] = U) : U = e[55], U;
 };
-var _default = exports.default = Calendar;
+function ve(c) {
+  return d(c, "MM-YYYY").subtract(1, "month").format("MM-YYYY");
+}
+function xe(c) {
+  return d(c, "MM-YYYY").add(1, "month").format("MM-YYYY");
+}
+function _e() {
+}
+function Ne() {
+  document.removeEventListener("keydown", _e);
+}
+function Ae(c) {
+  return /* @__PURE__ */ s("div", { children: c }, `day-${c}`);
+}
+export {
+  We as default
+};
+//# sourceMappingURL=index.js.map