@snack-uikit/calendar 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.2 (2023-12-18)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.19.2](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
+
+
+
+
+
+## 0.6.1 (2023-12-14)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.19.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
+
+
+
+
+
 # 0.6.0 (2023-12-14)
 
 

package/README.md

@@ -42,7 +42,7 @@ import { Calendar } from '@snack-uikit/calendar';
 | autofocus | `boolean` | - | Автофокус |
 | locale | `Intl.Locale` | Проставляется в соответствие с языком в настройках браузера | Локаль, в соответствие с которой выставляется язык названий и первый день недели |
 | onFocusLeave | `(direction: FocusDirection) => void` | - | Колбек потери фокуса. Вызывается со значением `next`, когда фокус покидает компонент, передвигаясь вперед, по клавише `tab`. Со значением `prev` - по клавише стрелки вверх или `shift + tab`. |
-| navigationStartRef | `(instance: HTMLButtonElement) => void` | - | Ref-callback на первый доступный интерактивный элемент |
+| navigationStartRef | `RefCallback<HTMLButtonElement>` | - | Ref-callback на первый доступный интерактивный элемент |
 | value | `Date \| Range` | - | Выбранное значение.<br> - в режиме date тип `Date` <br> - в режиме range тип `Range` (`[Date, Date]`) |
 | defaultValue | `Date \| Range` | - | Значение по-умолчанию для uncontrolled.<br> - в режиме date тип `Date` <br> - в режиме range тип `Range` (`[Date, Date]`) |
 | onChangeValue | `((value: Date) => void) \| ((value: Range) => void)` | - | Колбек выбора значения.<br> - в режиме date принимает тип `Date` <br> - в режиме range принимает тип `Range` |

package/dist/helperComponents/Button/Button.js

@@ -52,5 +52,5 @@ export function Button(_a) {
                 useNavigationStartRef && (navigationStartRef === null || navigationStartRef === void 0 ? void 0 : navigationStartRef(buttonRef));
                 ref.current = buttonRef;
             }
-        }, onKeyDown: onKeyDownHandler, onFocus: () => setFocus(focusName), onBlur: () => setFocus(undefined), disabled: disabled }, extractSupportProps(rest), { children: [label, _jsx("div", Object.assign({ className: styles.icon }, { children: icon }))] })));
+        }, onKeyDown: onKeyDownHandler, onFocus: () => setFocus(focusName), onBlur: () => setFocus(undefined), disabled: disabled }, extractSupportProps(rest), { children: [label, _jsx("div", { className: styles.icon, children: icon })] })));
 }

package/dist/helperComponents/CalendarBase/CalendarBase.js

@@ -59,7 +59,7 @@ export function CalendarBase(_a) {
     const getTestId = useMemo(() => getTestIdBuilder(testId), [testId]);
     const locale = useMemo(() => getLocale(localeProp), [localeProp]);
     const firstNotDisableCell = useRef([0, 0]);
-    return (_jsx("div", Object.assign({}, extractSupportProps(rest), { className: cn(styles.calendar, className, CONTAINER_SIZE_MAP[size]), style: style, "data-size": size, "data-fit-to-container": fitToContainer || undefined, "data-test-id": testId }, { children: _jsxs(CalendarContext.Provider, Object.assign({ value: {
+    return (_jsx("div", Object.assign({}, extractSupportProps(rest), { className: cn(styles.calendar, className, CONTAINER_SIZE_MAP[size]), style: style, "data-size": size, "data-fit-to-container": fitToContainer || undefined, "data-test-id": testId, children: _jsxs(CalendarContext.Provider, { value: {
                 locale,
                 size,
                 value,
@@ -85,5 +85,5 @@ export function CalendarBase(_a) {
                 onFocusLeave,
                 buildCellProps,
                 navigationStartRef,
-            } }, { children: [_jsxs("div", Object.assign({ className: styles.header, "data-size": size }, { children: [_jsx(CalendarNavigation, {}), _jsx(ColumnLabels, {})] })), _jsx("div", Object.assign({ className: styles.body }, { children: _jsx("div", Object.assign({ className: styles.rows, "data-size": size }, { children: _jsx(CalendarBody, {}) })) }))] })) })));
+            }, children: [_jsxs("div", { className: styles.header, "data-size": size, children: [_jsx(CalendarNavigation, {}), _jsx(ColumnLabels, {})] }), _jsx("div", { className: styles.body, children: _jsx("div", { className: styles.rows, "data-size": size, children: _jsx(CalendarBody, {}) }) })] }) })));
 }

package/dist/helperComponents/CalendarNavigation/CalendarNavigation.js

@@ -31,7 +31,7 @@ export function CalendarNavigation() {
     const periodName = usePeriodName();
     const levelButtonDisabled = viewMode === VIEW_MODE.Decade;
     const isArrowButtonFocused = focus && [NEXT_PERIOD_BUTTON_FOCUS_NAME, PREV_PERIOD_BUTTON_FOCUS_NAME].includes(focus);
-    return (_jsxs("div", Object.assign({ className: styles.wrapper }, { children: [_jsx(Button, { disabled: levelButtonDisabled, onClick: () => {
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsx(Button, { disabled: levelButtonDisabled, onClick: () => {
                     if (viewMode === VIEW_MODE.Year) {
                         setFocus(PREV_PERIOD_BUTTON_FOCUS_NAME);
                     }
@@ -42,5 +42,5 @@ export function CalendarNavigation() {
                             : -1, icon: ICONS.UP[size], onRightArrowKeyDown: () => setFocus(NEXT_PERIOD_BUTTON_FOCUS_NAME), onLeftArrowKeyDown: () => setFocus(LEVEL_BUTTON_FOCUS_NAME), onDownArrowKeyDown: () => {
                             const rightGap = viewMode === VIEW_MODE.Month ? 2 : 1;
                             setFocus(stringifyAddress([0, GRID_SIZE[viewMode].columns - rightGap]));
-                        } }), _jsx(Button, { onClick: () => setViewShift(viewShift + 1), "data-test-id": getTestId('period-next'), focusName: NEXT_PERIOD_BUTTON_FOCUS_NAME, tabIndex: focus === NEXT_PERIOD_BUTTON_FOCUS_NAME ? 0 : -1, icon: ICONS.DOWN[size], onLeftArrowKeyDown: () => setFocus(PREV_PERIOD_BUTTON_FOCUS_NAME), onDownArrowKeyDown: () => setFocus(stringifyAddress([0, GRID_SIZE[viewMode].columns - 1])) })] })] })));
+                        } }), _jsx(Button, { onClick: () => setViewShift(viewShift + 1), "data-test-id": getTestId('period-next'), focusName: NEXT_PERIOD_BUTTON_FOCUS_NAME, tabIndex: focus === NEXT_PERIOD_BUTTON_FOCUS_NAME ? 0 : -1, icon: ICONS.DOWN[size], onLeftArrowKeyDown: () => setFocus(PREV_PERIOD_BUTTON_FOCUS_NAME), onDownArrowKeyDown: () => setFocus(stringifyAddress([0, GRID_SIZE[viewMode].columns - 1])) })] })] }));
 }

package/dist/helperComponents/ColumnLabel/ColumnLabel.js

@@ -5,5 +5,5 @@ import { CalendarContext } from '../CalendarContext';
 import styles from './styles.module.css';
 export function ColumnLabel({ label, className }) {
     const { size, getTestId } = useContext(CalendarContext);
-    return (_jsx("div", Object.assign({ className: cn(styles.wrapper, className), "data-test-id": getTestId('header-item'), "data-size": size }, { children: label })));
+    return (_jsx("div", { className: cn(styles.wrapper, className), "data-test-id": getTestId('header-item'), "data-size": size, children: label }));
 }

package/dist/helperComponents/ColumnLabels/ColumnLabels.js

@@ -10,7 +10,7 @@ export function ColumnLabels({ className }) {
     const { viewMode, locale, size } = useContext(CalendarContext);
     const labels = useMemo(() => getWeekLabels(locale), [locale]);
     if (viewMode === VIEW_MODE.Month) {
-        return (_jsx("div", Object.assign({ className: cn(styles.row, className), "data-size": size }, { children: labels.map(label => (_jsx(ColumnLabel, { label: label }, label))) })));
+        return (_jsx("div", { className: cn(styles.row, className), "data-size": size, children: labels.map(label => (_jsx(ColumnLabel, { label: label }, label))) }));
     }
     return null;
 }

package/dist/helperComponents/Grid/Grid.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Item } from '../Item';
 import styles from './styles.module.css';
 export function Grid({ grid }) {
-    return (_jsx("table", Object.assign({ className: styles.grid, border: 0 }, { children: _jsx("tbody", { children: grid.map((row, index) => (_jsx("tr", { children: row.map((cell, index) => (_jsx("td", { children: _jsx(Item, { data: cell, className: styles.item }) }, `${cell.label}_${index}`))) }, index))) }) })));
+    return (_jsx("table", { className: styles.grid, border: 0, children: _jsx("tbody", { children: grid.map((row, index) => (_jsx("tr", { children: row.map((cell, index) => (_jsx("td", { children: _jsx(Item, { data: cell, className: styles.item }) }, `${cell.label}_${index}`))) }, index))) }) }));
 }

package/dist/helperComponents/Item/Item.js

@@ -45,5 +45,5 @@ export function Item({ data, className }) {
             }, onMouseLeave: onLeave, onBlur: () => {
                 setFocus(undefined);
                 onLeave === null || onLeave === void 0 ? void 0 : onLeave();
-            }, onKeyDown: keyDownHandler, ref: ref }, attributes, { "data-test-id": getTestId('item'), tabIndex: tabIndex }, { children: [isInRange && _jsx("div", Object.assign({ className: styles.range }, attributes)), _jsx("div", Object.assign({ className: styles.box }, attributes)), _jsxs("div", Object.assign({ className: styles.content }, attributes, { children: [_jsx("span", Object.assign({ className: styles.label }, { children: label })), isCurrent && _jsx("div", Object.assign({ className: styles.marker }, attributes))] }))] })) })));
+            }, onKeyDown: keyDownHandler, ref: ref }, attributes, { "data-test-id": getTestId('item'), tabIndex: tabIndex, children: [isInRange && _jsx("div", Object.assign({ className: styles.range }, attributes)), _jsx("div", Object.assign({ className: styles.box }, attributes)), _jsxs("div", Object.assign({ className: styles.content }, attributes, { children: [_jsx("span", { className: styles.label, children: label }), isCurrent && _jsx("div", Object.assign({ className: styles.marker }, attributes))] }))] })) })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Calendar",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,11 +32,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.19.0",
+    "@snack-uikit/icons": "0.19.2",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "uncontrollable": "8.0.2",
     "weekstart": "2.0.0"
   },
-  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
+  "gitHead": "50ef9bb113ec40897ffb3eeae62539ce82ade899"
 }