@snack-uikit/calendar - npm Package Compare versions

Comparing version 0.8.1-preview-4f9628fc.0 to 0.8.1-preview-eb3592d8.0

dist/helperComponents/CalendarBase/CalendarBase.js

@@ -47,3 +47,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     const [focus, setFocus] = useState(autofocus ? AUTOFOCUS : undefined);
-    const { dateAndTime, onTimeChange, onDateChange, onDateAndTimeChange, isDateFilled, isTimeFilled, isDateAndTimeFilled, } = useDateAndTime({ initialDate: value === null || value === void 0 ? void 0 : value[0] });
+    const { dateAndTime, onTimeChange, onDateChange, onDateAndTimeChange, isDateFilled, isTimeFilled, isDateAndTimeFilled, } = useDateAndTime({ initialDate: mode === 'date-time' ? value === null || value === void 0 ? void 0 : value[0] : undefined });
     const applyButtonRef = useRef(null);
@@ -50,0 +50,0 @@ const currentButtonRef = useRef(null);

dist/helperComponents/Footer/Footer.js

@@ -8,6 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLocale } from '@snack-uikit/locale';
+import { getMonthShift } from '../../utils';
 import { CalendarContext } from '../CalendarContext';
 import styles from './styles.module.css';
 export function Footer() {
-    const { size, viewMode, mode, today, setValue, dateAndTime, component, isTimeFilled, isDateAndTimeFilled, onDateAndTimeChange, applyButtonRef, currentButtonRef, hoursKeyboardNavigationRef, minutesKeyboardNavigationRef, secondsKeyboardNavigationRef, showSeconds, onFocusLeave, } = useContext(CalendarContext);
+    const { size, viewMode, mode, today, setValue, dateAndTime, component, isTimeFilled, isDateAndTimeFilled, onDateAndTimeChange, applyButtonRef, currentButtonRef, hoursKeyboardNavigationRef, minutesKeyboardNavigationRef, secondsKeyboardNavigationRef, showSeconds, getTestId, referenceDate, setViewShift, onFocusLeave, } = useContext(CalendarContext);
     const { t } = useLocale('Calendar');
@@ -45,2 +46,3 @@ if (!(mode === 'date-time' && viewMode === 'month')) {
         onDateAndTimeChange(today);
+        setViewShift(getMonthShift(referenceDate, today));
         (_a = hoursKeyboardNavigationRef.current) === null || _a === void 0 ? void 0 : _a.focusItem(getDefaultItemId((_b = today.getHours()) !== null && _b !== void 0 ? _b : 0));
@@ -60,3 +62,3 @@ (_c = minutesKeyboardNavigationRef.current) === null || _c === void 0 ? void 0 : _c.focusItem(getDefaultItemId((_d = today.getMinutes()) !== null && _d !== void 0 ? _d : 0));
     };
-    return (_jsxs("div", { className: styles.footer, "data-size": size, children: [_jsx(Divider, { className: styles.divider }), _jsxs("div", { className: styles.currentWrapper, "data-size": size, children: [_jsx(ButtonFunction, { label: t('current'), size: size === 's' ? 'xs' : 's', onClick: handleCurrentClick, ref: currentButtonRef, onKeyDown: handleCurrentKeyDown }), _jsx(ButtonFilled, { icon: _jsx(CheckSVG, {}), size: size === 's' ? 'xs' : 's', disabled: isApplyButtonDisabled, onClick: handleApplySelection, "data-test-id": 'calendar__apply-button', ref: applyButtonRef, onKeyDown: handleApplyKeyDown })] })] }));
+    return (_jsxs("div", { className: styles.footer, "data-size": size, children: [_jsx(Divider, { className: styles.divider }), _jsxs("div", { className: styles.currentWrapper, "data-size": size, children: [_jsx(ButtonFunction, { label: t('current'), size: size === 's' ? 'xs' : 's', onClick: handleCurrentClick, ref: currentButtonRef, onKeyDown: handleCurrentKeyDown, "data-test-id": getTestId('current-button') }), _jsx(ButtonFilled, { icon: _jsx(CheckSVG, {}), size: size === 's' ? 'xs' : 's', disabled: isApplyButtonDisabled, onClick: handleApplySelection, ref: applyButtonRef, onKeyDown: handleApplyKeyDown, "data-test-id": getTestId('apply-button') })] })] }));
 }

dist/helperComponents/TimeList/TimeList.js

@@ -26,3 +26,3 @@ var __rest = (this && this.__rest) || function (s, e) {
         if (value) {
-            value && isBrowser() && ((_a = document.querySelector(`[data-test-id="${dataTestId}__${value}"]`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView());
+            value && isBrowser() && ((_a = document.querySelectorAll(`[data-test-id="${dataTestId}"]`)[value]) === null || _a === void 0 ? void 0 : _a.scrollIntoView());
         }
@@ -38,7 +38,7 @@ }, [dataTestId]);
             },
-            'data-test-id': `${dataTestId}__${index}`,
+            'data-test-id': `${dataTestId}`,
             onKeyDown,
             // TODO: fix
             itemRef: index === 0 ? navigationStartRef : undefined,
-        })), scroll: true, keyboardNavigationRef: keyboardNavigationRef, selection: { mode: 'single', value, onChange }, className: className, "data-test-id": dataTestId }));
+        })), scroll: true, keyboardNavigationRef: keyboardNavigationRef, selection: { mode: 'single', value, onChange }, className: className }));
 }

package.json

@@ -7,3 +7,3 @@ {
   "title": "Calendar",
-  "version": "0.8.1-preview-4f9628fc.0",
+  "version": "0.8.1-preview-eb3592d8.0",
   "sideEffects": [
@@ -39,3 +39,3 @@ "*.css",
     "@snack-uikit/icons": "0.22.1",
-    "@snack-uikit/list": "0.17.1-preview-4f9628fc.0",
+    "@snack-uikit/list": "0.17.1-preview-eb3592d8.0",
     "@snack-uikit/utils": "3.4.0",
@@ -49,3 +49,3 @@ "classnames": "2.3.2",
   },
-  "gitHead": "e3e8e7afe206788b86b25e19eff757fb3e67ce05"
+  "gitHead": "2821429780b5fba4e6bc92c93a78da10ad23e530"
 }

No alert changes

Improved metrics

Total package byte prevSize

209436

increased by0.19%

Lines of code

4200

increased by0.17%

Dependency changes

• + Added@snack-uikit/list@0.17.1-preview-eb3592d8.0(transitive)

• - Removed@snack-uikit/list@0.17.1-preview-4f9628fc.0(transitive)

• Updated@snack-uikit/list@0.17.1-preview-eb3592d8.0