@ozen-ui/kit 0.60.0 → 0.62.0

package/__inner__/esm/utils/date/monthDiff/monthDiff.js

@@ -1,4 +1,7 @@
 export var monthDiff = function (d1, d2) {
+    if (!d1 || !d2) {
+        return 0;
+    }
     var months;
     months = (d2.getFullYear() - d1.getFullYear()) * 12;
     months -= d1.getMonth();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.60.0",
+  "version": "0.62.0",
   "description": "React component library",
   "files": [
     "*"
@@ -21,15 +21,15 @@
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
     "@popperjs/core": "^2.11.8",
-    "@rehookify/datepicker": "^6.6.1",
+    "@rehookify/datepicker": "^6.6.7",
     "decimal.js": "^10.4.3",
     "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/icons": "0.60.0",
-    "@ozen-ui/fonts": "0.60.0",
-    "@ozen-ui/logger": "0.60.0"
+    "@ozen-ui/fonts": "0.62.0",
+    "@ozen-ui/logger": "0.62.0",
+    "@ozen-ui/icons": "0.62.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarConsumer = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var datepicker_1 = require("@rehookify/datepicker");
-var useMutableRef_1 = require("../../../../../../hooks/useMutableRef");
-var monthDiff_1 = require("../../../../../../utils/date/monthDiff");
-var CalendarContext_1 = require("../../../../../Calendar/CalendarContext");
-var Stack_1 = require("../../../../../Stack");
-var CalendarItem_1 = require("../../../CalendarItem");
-var CalendarConsumer = function () {
-    var _a = (0, datepicker_1.useDatePickerContext)().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
-    var onOffsetChange = (0, CalendarContext_1.useCalendar)().onOffsetChange;
-    var savedFirstCalendar = (0, useMutableRef_1.useMutableRef)(calendars[0]);
-    var savedSecondCalendar = (0, useMutableRef_1.useMutableRef)(calendars[1]);
-    (0, react_1.useEffect)(function () {
-        if (!savedFirstCalendar.current || !savedSecondCalendar.current)
-            return;
-        var res;
-        var _a = tslib_1.__read(selectedDates, 2), start = _a[0], end = _a[1];
-        if (start && end) {
-            if ((0, monthDiff_1.monthDiff)(start, end) === 0) {
-                res = start;
-            }
-            if ((0, monthDiff_1.monthDiff)(start, end) === 1) {
-                res = start;
-            }
-            if ((0, monthDiff_1.monthDiff)(start, end) > 1) {
-                var d = new Date(end);
-                d.setDate(1);
-                d.setMonth(d.getMonth() - 1);
-                res = d;
-            }
-        }
-        if (res)
-            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(res);
-    }, [selectedDates]);
-    if (!calendars[0] || !calendars[1])
-        return null;
-    return (react_1.default.createElement(Stack_1.Stack, null,
-        react_1.default.createElement(CalendarItem_1.CalendarItem, { calendar: calendars[0], type: "first" }),
-        react_1.default.createElement(CalendarItem_1.CalendarItem, { calendar: calendars[1], type: "last" })));
-};
-exports.CalendarConsumer = CalendarConsumer;

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/cjs/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;

package/__inner__/cjs/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/CalendarConsumer.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarConsumer = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var datepicker_1 = require("@rehookify/datepicker");
-var useMutableRef_1 = require("../../../../../../hooks/useMutableRef");
-var CalendarContext_1 = require("../../../../../Calendar/CalendarContext");
-var utils_1 = require("../../../../../DatePicker/utils");
-var CalendarItem_1 = require("../../../CalendarItem");
-var CalendarConsumer = function () {
-    var _a = (0, datepicker_1.useDatePickerContext)().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
-    var onOffsetChange = (0, CalendarContext_1.useCalendar)().onOffsetChange;
-    var calendar = calendars[0];
-    var savedCalendar = (0, useMutableRef_1.useMutableRef)(calendar);
-    var _b = tslib_1.__read(selectedDates, 1), value = _b[0];
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if (!savedCalendar.current)
-            return;
-        var daysInCurrentMonth = savedCalendar.current.days.filter(function (_a) {
-            var inCurrentMonth = _a.inCurrentMonth;
-            return inCurrentMonth;
-        });
-        var valueIsOutOfRange = (0, utils_1.isOutOfRange)({
-            minDate: (_a = daysInCurrentMonth[0]) === null || _a === void 0 ? void 0 : _a.$date,
-            maxDate: (_b = daysInCurrentMonth[daysInCurrentMonth.length - 1]) === null || _b === void 0 ? void 0 : _b.$date,
-            value: value,
-        });
-        if (valueIsOutOfRange && value) {
-            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(value);
-        }
-    }, [value]);
-    if (!calendars[0]) {
-        return null;
-    }
-    return react_1.default.createElement(CalendarItem_1.CalendarItem, { calendar: calendars[0], type: "single" });
-};
-exports.CalendarConsumer = CalendarConsumer;

package/__inner__/cjs/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-import type { SelectInputProps } from '../SelectInput';
-type SelectInputConsumerProps = Pick<SelectInputProps, 'value' | 'placeholder' | 'defaultValue' | 'id' | 'name' | 'fieldProps' | 'fieldRef' | 'inputProps' | 'inputRef' | 'renderedValue'>;
-export declare const SelectInputConsumer: FC<SelectInputConsumerProps>;
-export {};

package/__inner__/cjs/components/Select/components/SelectConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.js

@@ -1,41 +0,0 @@
-import { __read } from "tslib";
-import React, { useEffect } from 'react';
-import { useDatePickerContext } from '@rehookify/datepicker';
-import { useMutableRef } from '../../../../../../hooks/useMutableRef';
-import { monthDiff } from '../../../../../../utils/date/monthDiff';
-import { useCalendar } from '../../../../../Calendar/CalendarContext';
-import { Stack } from '../../../../../Stack';
-import { CalendarItem } from '../../../CalendarItem';
-export var CalendarConsumer = function () {
-    var _a = useDatePickerContext().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
-    var onOffsetChange = useCalendar().onOffsetChange;
-    var savedFirstCalendar = useMutableRef(calendars[0]);
-    var savedSecondCalendar = useMutableRef(calendars[1]);
-    useEffect(function () {
-        if (!savedFirstCalendar.current || !savedSecondCalendar.current)
-            return;
-        var res;
-        var _a = __read(selectedDates, 2), start = _a[0], end = _a[1];
-        if (start && end) {
-            if (monthDiff(start, end) === 0) {
-                res = start;
-            }
-            if (monthDiff(start, end) === 1) {
-                res = start;
-            }
-            if (monthDiff(start, end) > 1) {
-                var d = new Date(end);
-                d.setDate(1);
-                d.setMonth(d.getMonth() - 1);
-                res = d;
-            }
-        }
-        if (res)
-            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(res);
-    }, [selectedDates]);
-    if (!calendars[0] || !calendars[1])
-        return null;
-    return (React.createElement(Stack, null,
-        React.createElement(CalendarItem, { calendar: calendars[0], type: "first" }),
-        React.createElement(CalendarItem, { calendar: calendars[1], type: "last" })));
-};

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/esm/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/index.js

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/CalendarConsumer.js

@@ -1,35 +0,0 @@
-import { __read } from "tslib";
-import React, { useEffect } from 'react';
-import { useDatePickerContext } from '@rehookify/datepicker';
-import { useMutableRef } from '../../../../../../hooks/useMutableRef';
-import { useCalendar } from '../../../../../Calendar/CalendarContext';
-import { isOutOfRange } from '../../../../../DatePicker/utils';
-import { CalendarItem } from '../../../CalendarItem';
-export var CalendarConsumer = function () {
-    var _a = useDatePickerContext().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
-    var onOffsetChange = useCalendar().onOffsetChange;
-    var calendar = calendars[0];
-    var savedCalendar = useMutableRef(calendar);
-    var _b = __read(selectedDates, 1), value = _b[0];
-    useEffect(function () {
-        var _a, _b;
-        if (!savedCalendar.current)
-            return;
-        var daysInCurrentMonth = savedCalendar.current.days.filter(function (_a) {
-            var inCurrentMonth = _a.inCurrentMonth;
-            return inCurrentMonth;
-        });
-        var valueIsOutOfRange = isOutOfRange({
-            minDate: (_a = daysInCurrentMonth[0]) === null || _a === void 0 ? void 0 : _a.$date,
-            maxDate: (_b = daysInCurrentMonth[daysInCurrentMonth.length - 1]) === null || _b === void 0 ? void 0 : _b.$date,
-            value: value,
-        });
-        if (valueIsOutOfRange && value) {
-            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(value);
-        }
-    }, [value]);
-    if (!calendars[0]) {
-        return null;
-    }
-    return React.createElement(CalendarItem, { calendar: calendars[0], type: "single" });
-};

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/esm/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/index.js

@@ -1 +0,0 @@
-export * from './CalendarConsumer';

package/__inner__/esm/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-import type { SelectInputProps } from '../SelectInput';
-type SelectInputConsumerProps = Pick<SelectInputProps, 'value' | 'placeholder' | 'defaultValue' | 'id' | 'name' | 'fieldProps' | 'fieldRef' | 'inputProps' | 'inputRef' | 'renderedValue'>;
-export declare const SelectInputConsumer: FC<SelectInputConsumerProps>;
-export {};

package/__inner__/esm/components/Select/components/SelectConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';

package/__inner__/esm/components/Select/components/SelectConsumer/index.js

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';