@orfium/ictinus 4.76.0 → 4.77.1

package/dist/components/DatePicker/Day/Day.js

@@ -59,7 +59,8 @@ var Day = function Day(_ref) {
       isFirst: isFirst,
       isToday: isToday,
       disabled: disabled
-    })
+    }),
+    "data-testid": day + "_" + (month + 1) + "_" + year + ("" + (isSelected ? '_selected' : ''))
   }, (0, _react2.jsx)("div", {
     css: (0, _Day.dayStyle)({
       isSelected: isSelected,

package/dist/components/DatePicker/Month/Month.js

@@ -16,12 +16,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 _dayjs["default"].extend(_isBetween["default"]);
-function getNumWeeksForMonth(year, month) {
-  var date = new Date(year, month - 1, 1);
-  var day = date.getDay();
-  var numDaysInMonth = new Date(year, month, 0).getDate();
-  return Math.ceil((numDaysInMonth + day) / 7);
-}
 var DAYS = ['Monday', 'Tuesday', 'Wednesday', 'Thurdsday', 'Friday', 'Saturday', 'Sunday'];
 var Month = function Month(_ref) {
   var year = _ref.year,
@@ -32,9 +26,14 @@ var Month = function Month(_ref) {
   var weeksWithDays = React.useMemo(function () {
     var monthDate = _utils.currentDay.month(month).year(year).date(1);
     var daysOfMonth = monthDate.daysInMonth();
-    var startDay = monthDate.day();
+    /**
+     * Dayjs uses 0-6 (Sun-Sat) indexing for days of the week, while the reduce callback on line 48 uses
+     * 1-7 (Mon-Sun) indexing for calculating the days array for the calendar grid. To resolve this conflict,
+     * we replace the 0 used for Sunday with 7, so that Dayjs can match our internal indexing.
+     */
+    var startDay = monthDate.day() || 7;
     var daysPerWeekCount = 7;
-    var weeksCount = getNumWeeksForMonth(year, month);
+    var weeksCount = (0, _Month2.getNumWeeksForMonth)(year, month);
     var daysForThisMonthsWeeks = Array(weeksCount * daysPerWeekCount).fill(null);
     var days = daysForThisMonthsWeeks.reduce(function (acc, __day, index) {
       var dayIndex = index + 1; // to start for monday

package/dist/components/DatePicker/Month/Month.utils.d.ts

@@ -4,3 +4,4 @@ export declare const calculateDisabledDays: (day: number | undefined, month: num
 export declare const calculatedDayIsBetween: (day: number | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | undefined;
 export declare const calculateSelectedDayPosition: (day: number | undefined, position: "first" | "last" | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | 0 | undefined;
 export declare const calculateSelectedDay: (day: number, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
+export declare const getNumWeeksForMonth: (year: number, month: number) => number;

package/dist/components/DatePicker/Month/Month.utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.calculatedDayIsBetween = exports.calculateSelectedDayPosition = exports.calculateSelectedDay = exports.calculateDisabledDays = void 0;
+exports.getNumWeeksForMonth = exports.calculatedDayIsBetween = exports.calculateSelectedDayPosition = exports.calculateSelectedDay = exports.calculateDisabledDays = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -52,4 +52,29 @@ var calculateSelectedDay = function calculateSelectedDay(day, month, year, from,
   var date = _utils.currentDay.month(month).year(year).date(day);
   return [from == null ? void 0 : from.format('D,M,YYYY'), to == null ? void 0 : to.format('D,M,YYYY')].includes(date.format('D,M,YYYY'));
 };
-exports.calculateSelectedDay = calculateSelectedDay;
+exports.calculateSelectedDay = calculateSelectedDay;
+var getNumWeeksForMonth = function getNumWeeksForMonth(year, month) {
+  // Create a date object for the first day of the month
+  var firstDayOfMonth = new Date(year, month, 1);
+
+  // Get the day of the week for the first day (0 = Monday, 1 = Tuesday, ..., 6 = Sunday)
+  var firstDayOfWeek = (firstDayOfMonth.getDay() + 6) % 7; // Adjusting the index to start from Monday
+
+  // Calculate the number of days in the month
+  var lastDayOfMonth = new Date(year, month + 1, 0);
+  var totalDaysInMonth = lastDayOfMonth.getDate();
+
+  // Calculate the number of days needed to complete the first week
+  var daysToCompleteFirstWeek = 7 - firstDayOfWeek;
+
+  // Calculate the number of remaining days after completing the first week
+  var remainingDays = totalDaysInMonth - daysToCompleteFirstWeek;
+
+  // Calculate the number of additional weeks needed for the remaining days
+  var additionalWeeks = Math.ceil(remainingDays / 7);
+
+  // Total weeks needed, including the first partial week
+  var totalWeeks = 1 + additionalWeeks;
+  return totalWeeks;
+};
+exports.getNumWeeksForMonth = getNumWeeksForMonth;

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.js

@@ -4,9 +4,9 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../../Button"));
-var _utils = require("../utils");
 var _MonthWrapper = _interopRequireDefault(require("./components/MonthWrapper/MonthWrapper"));
 var _OverlayComponent = require("./OverlayComponent.style");
+var _utils = require("./utils");
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -26,10 +26,10 @@ var OverlayComponent = function OverlayComponent(_ref) {
     onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
     _ref$onApply = _ref.onApply,
     onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply;
-  var _useState = (0, React.useState)(_utils.currentDay),
+  var _useState = (0, React.useState)((0, _utils.getLeftCalendarDate)(selectedDays)),
     date = _useState[0],
     setDate = _useState[1];
-  var _useState2 = (0, React.useState)(_utils.currentDay),
+  var _useState2 = (0, React.useState)((0, _utils.getRightCalendarDate)(selectedDays)),
     date2 = _useState2[0],
     setDate2 = _useState2[1];
   var handleArrow = (0, React.useCallback)(function (direction) {
@@ -75,7 +75,7 @@ var OverlayComponent = function OverlayComponent(_ref) {
     disabledDates: disabledDates,
     isRangePicker: isRangePicker
   }), isRangePicker && (0, _react2.jsx)(_MonthWrapper["default"], {
-    date: date2.month(date2.month() + 1),
+    date: date2,
     onDaySelect: onDaySelect,
     selectedDays: selectedDays,
     setDate: setDate2,

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.js

@@ -55,6 +55,7 @@ var MonthWrapper = function MonthWrapper(_ref) {
     onClick: function onClick() {
       return handleArrow('back');
     },
+    "data-testid": "month_back",
     css: (0, _MonthWrapper.monthHeaderNavigationIconWrapperStyle)({
       position: 'left'
     })
@@ -83,8 +84,11 @@ var MonthWrapper = function MonthWrapper(_ref) {
       name: 'triangleDown',
       size: 10,
       color: theme.utils.getColor('darkGrey', 850)
-    })
-  }, date.format('MMMM'), " ", date.format('YYYY')) : (0, _react2.jsx)("div", null, date.format('MMMM'), " ", date.format('YYYY'))), open && (0, _react2.jsx)(_SelectMenu["default"], {
+    }),
+    dataTestId: 'month'
+  }, date.format('MMMM'), " ", date.format('YYYY')) : (0, _react2.jsx)("div", {
+    "data-testid": (showedArrows !== 'both' ? showedArrows + '_' : '') + "month"
+  }, date.format('MMMM'), " ", date.format('YYYY'))), open && (0, _react2.jsx)(_SelectMenu["default"], {
     filteredOptions: years,
     handleOptionClick: function handleOptionClick(e) {
       setDate(date.year(Number(e.value)));
@@ -97,7 +101,8 @@ var MonthWrapper = function MonthWrapper(_ref) {
     },
     css: (0, _MonthWrapper.monthHeaderNavigationIconWrapperStyle)({
       position: 'right'
-    })
+    }),
+    "data-testid": "month_forward"
   }, (0, _react2.jsx)(_Icon["default"], {
     name: 'chevronSmallRight',
     color: theme.utils.getColor('darkGrey', 850),

package/dist/components/DatePicker/OverlayComponent/utils.d.ts

@@ -0,0 +1,4 @@
+import { Dayjs } from 'dayjs';
+import { Range } from './OverlayComponent';
+export declare const getLeftCalendarDate: (selectedDays: Range) => Dayjs;
+export declare const getRightCalendarDate: (selectedDays: Range) => Dayjs;

package/dist/components/DatePicker/OverlayComponent/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getRightCalendarDate = exports.getLeftCalendarDate = void 0;
+var _utils = require("../utils");
+var getLeftCalendarDate = function getLeftCalendarDate(selectedDays) {
+  var _selectedDays$from;
+  return (_selectedDays$from = selectedDays.from) != null ? _selectedDays$from : _utils.currentDay;
+};
+exports.getLeftCalendarDate = getLeftCalendarDate;
+var getRightCalendarDate = function getRightCalendarDate(selectedDays) {
+  var _selectedDays$from$mo, _selectedDays$from2, _selectedDays$from3;
+  return (_selectedDays$from$mo = (_selectedDays$from2 = selectedDays.from) == null ? void 0 : _selectedDays$from2.month(((_selectedDays$from3 = selectedDays.from) == null ? void 0 : _selectedDays$from3.month()) + 1)) != null ? _selectedDays$from$mo : _utils.currentDay.month(_utils.currentDay.month() + 1);
+};
+exports.getRightCalendarDate = getRightCalendarDate;

package/dist/components/DatePicker/utils.d.ts

@@ -1,6 +1,6 @@
-import dayjs from 'dayjs';
+import { Dayjs } from 'dayjs';
 import { Range } from './OverlayComponent/OverlayComponent';
-export declare const currentDay: dayjs.Dayjs;
+export declare const currentDay: Dayjs;
 export declare const initDates: (value: {
     from?: Date;
     to?: Date;

package/dist/components/Select/Select.d.ts

@@ -16,7 +16,7 @@ export declare type SelectOption = {
 } & SelectOptionValues;
 export declare type Props = {
     /** The function that is used to return the selected options */
-    handleSelectedOption?: (selectedOption: SelectOption) => void;
+    handleSelectedOption?: (selectedOption?: SelectOption) => void;
     /** the default value of the select if needed */
     /** TODO: defaultValue is duplication of selectedOption*/
     defaultValue?: SelectOption;
@@ -59,7 +59,7 @@ export declare type Props = {
 } & TextFieldProps;
 declare const Select: React.ForwardRefExoticComponent<{
     /** The function that is used to return the selected options */
-    handleSelectedOption?: ((selectedOption: SelectOption) => void) | undefined;
+    handleSelectedOption?: ((selectedOption?: SelectOption | undefined) => void) | undefined;
     /** the default value of the select if needed */
     /** TODO: defaultValue is duplication of selectedOption*/
     defaultValue?: SelectOption | undefined;

package/dist/components/Select/Select.js

@@ -226,6 +226,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     var isBackspace = event.key === 'Backspace';
     if (isBackspace) {
       setInputValue(emptyValue);
+      handleSelectedOption(undefined);
       debouncedOnChange('');
     }
   };

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -63,6 +63,9 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
         if (!lastItem.isCreated) {
           setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
         }
+        if (onOptionDelete) {
+          onOptionDelete(lastItem);
+        }
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.76.0",
+  "version": "4.77.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",