@snack-uikit/calendar 0.7.10 → 0.7.11

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.7.11 (2024-09-23)
+
+
+### Bug Fixes
+
+* **PDS-480:** replace useLayoutEffect -> useIsomorphicLayoutEffect for ssr ([21aa9ad](https://github.com/cloud-ru-tech/snack-uikit/commit/21aa9ad9f113e465766339d396924357ccb1d432))
+
+
+
+
+
 ## 0.7.10 (2024-07-19)
 
 ### Only dependencies have been changed

package/README.md

@@ -35,7 +35,7 @@ import { Calendar } from '@snack-uikit/calendar';
 | size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер |
 | today | `number \| Date` | - | Дата сегодняшнего дня |
 | showHolidays | `boolean` | - | Раскрашивает субботу и воскресенье |
-| buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br>  - `month` отображение месяца, каждая ячейка - 1 день <br>  - `year` отображение года, каждая ячейка - 1 месяц <br>  - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
+| buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br>  - `month` отображение месяца, каждая ячейка - 1 день <br>  - `year` отображение года, каждая ячейка - 1 месяц <br>  - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
 | className | `string` | - | CSS-класс контейнера |
 | fitToContainer | `boolean` | true | Отключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%). |
 | style | `CSSProperties` | - | Объект со стилями на контейнер. |

package/dist/helperComponents/Button/Button.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useLayoutEffect, useRef } from 'react';
-import { extractSupportProps } from '@snack-uikit/utils';
+import { useCallback, useContext, useRef } from 'react';
+import { extractSupportProps, useLayoutEffect } from '@snack-uikit/utils';
 import { CalendarContext } from '../CalendarContext';
 import styles from './styles.module.css';
 export function Button(_a) {

package/dist/helperComponents/Button/styles.module.css

@@ -3,7 +3,7 @@
   flex-direction:row;
   align-items:center;
   justify-content:center;
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
   background:none;
   border:none;
 }
@@ -18,7 +18,7 @@
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
   outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
-  outline-color:var(--sys-available-complementary, #15151b);
+  outline-color:var(--sys-available-complementary, #1c1c24);
 }
 .button[data-size=s]{
   height:var(--size-calendar-button-s, 32px);

package/dist/helperComponents/Item/Item.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
-import { useContext, useLayoutEffect, useRef } from 'react';
+import { useContext, useRef } from 'react';
+import { useLayoutEffect } from '@snack-uikit/utils';
 import { AUTOFOCUS, IN_RANGE_POSITION } from '../../constants';
 import { CalendarContext } from '../CalendarContext';
 import { useKeyboardFocus } from './hooks';

package/dist/helperComponents/Item/styles.module.css

@@ -68,20 +68,20 @@
   outline:none;
 }
 .button[data-is-holiday]{
-  color:var(--sys-red-text-light, #ea6658);
+  color:var(--sys-red-text-light, #e7756a);
 }
 .button:focus-visible .box{
   outline-width:var(--border-state-focus-s-border-width, 2px);
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
   outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
-  outline-color:var(--sys-available-complementary, #15151b);
+  outline-color:var(--sys-available-complementary, #1c1c24);
 }
 .button[data-is-in-current-level-period]{
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
 }
 .button[data-is-in-current-level-period][data-is-holiday]{
-  color:var(--sys-red-accent-default, #cd3c3c);
+  color:var(--sys-red-accent-default, #cb3f3e);
 }
 .button[data-is-disabled]{
   cursor:not-allowed;
@@ -95,7 +95,7 @@
   background-color:transparent;
 }
 .button[data-is-disabled][data-is-holiday]{
-  color:var(--sys-red-text-disabled, #f58d7f);
+  color:var(--sys-red-text-disabled, #ee9285);
 }
 .button[data-is-selected]{
   color:var(--sys-primary-on-accent, #fdfbff);
@@ -110,7 +110,7 @@
   background-color:var(--sys-primary-on-accent, #fdfbff);
 }
 .button[data-is-selected]:hover, .button[data-is-selected]:focus-visible{
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
 }
 .button[data-is-selected]:hover .marker, .button[data-is-selected]:focus-visible .marker{
   background-color:var(--sys-primary-accent-default, #794ed3);

package/dist/utils.d.ts

@@ -17,8 +17,8 @@ export declare const getInRangePosition: (date: Date, viewMode: ViewMode, range?
 export declare const getEndOfTheDay: (date: Date) => Date;
 export declare const getTestIdBuilder: (testId?: string) => (prefix: string) => string | undefined;
 export declare const getLocale: ({ localeProp, ctxLang }?: {
-    localeProp?: Intl.Locale | undefined;
-    ctxLang?: string | undefined;
+    localeProp?: Intl.Locale;
+    ctxLang?: LocaleLang;
 }) => Intl.Locale;
 export declare const getStartOfWeek: (locale: Intl.Locale) => import("weekstart").DayOfWeek;
 export declare const isWeekend: (date: Date, viewMode: ViewMode) => boolean;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Calendar",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,8 +32,8 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.22.0",
-    "@snack-uikit/utils": "3.3.0",
+    "@snack-uikit/icons": "0.22.1",
+    "@snack-uikit/utils": "3.4.0",
     "classnames": "2.3.2",
     "uncontrollable": "8.0.2",
     "weekstart": "2.0.0"
@@ -41,5 +41,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "4c153b54a2902cf20883d85b4dc753344313c6cb"
+  "gitHead": "f9212fe04b0dbba9bedea1bb3a034ab612287841"
 }

package/src/helperComponents/Button/Button.tsx

@@ -1,6 +1,6 @@
-import { JSX, KeyboardEvent, useCallback, useContext, useLayoutEffect, useRef } from 'react';
+import { JSX, KeyboardEvent, useCallback, useContext, useRef } from 'react';
 
-import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
+import { extractSupportProps, useLayoutEffect, WithSupportProps } from '@snack-uikit/utils';
 
 import { CalendarContext } from '../CalendarContext';
 import styles from './styles.module.scss';

package/src/helperComponents/Item/Item.tsx

@@ -1,5 +1,7 @@
 import cn from 'classnames';
-import { useContext, useLayoutEffect, useRef } from 'react';
+import { useContext, useRef } from 'react';
+
+import { useLayoutEffect } from '@snack-uikit/utils';
 
 import { AUTOFOCUS, IN_RANGE_POSITION } from '../../constants';
 import { Cell } from '../../types';