@snack-uikit/chips 0.21.1 → 0.22.1

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.22.1 (2024-11-29)
+
+### Only dependencies have been changed
+* [@snack-uikit/calendar@0.11.8](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/calendar/CHANGELOG.md)
+* [@snack-uikit/list@0.21.8](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
+# 0.22.0 (2024-11-26)
+
+
+### Features
+
+* **PDS-899:** add buildCalendarCellProps ([17015dd](https://github.com/cloud-ru-tech/snack-uikit/commit/17015dde179b455425f71f8444c89aa252886b80))
+
+
+
+
+
 ## 0.21.1 (2024-11-19)
 
 ### Only dependencies have been changed

package/README.md

@@ -223,6 +223,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | onChange | `(value: Date) => void` | - | Колбек смены значения |
 | valueRender | `(value?: Date) => ReactNode` | - | Колбек формирующий строковое представление выбранного значения. Принимает выбранное значение |
 | mode | "date" \| "month" \| "date-time" | - |  |
+| buildCalendarCellProps | `BuildCellPropsFunction` | - | Колбек свойств для управления ячейками календаря |
 | showSeconds | `boolean` | - |  |
 ## ChipChoice.DateRange
 ### Props
@@ -244,6 +245,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | defaultValue | `Range` | - | Значение компонента по умолчанию |
 | onChange | `(value: Range) => void` | - | Колбек смены значения |
 | valueRender | `(value?: Range) => ReactNode` | - | Колбек формирующий строковое представление выбранного значения. Принимает массив выбранных значений |
+| buildCalendarCellProps | `BuildCellPropsFunction` | - | Колбек свойств для управления ячейками календаря |
 ## ChipChoice.Time
 ### Props
 | name | type | default value | description |

package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.d.ts

@@ -15,8 +15,10 @@ export type ChipChoiceDateProps = ChipChoiceCommonProps & {
     /** Колбек формирующий строковое представление выбранного значения. Принимает выбранное значение */
     valueRender?(value?: Date): ReactNode;
     mode?: Exclude<CalendarProps['mode'], 'range'>;
+    /** Колбек свойств для управления ячейками календаря */
+    buildCalendarCellProps?: CalendarProps['buildCellProps'];
 } & (ChipChoiceDateWithSeconds | {
     mode?: 'date' | 'month';
 });
-export declare function ChipChoiceDate({ size, value, defaultValue, onChange, valueRender, dropDownClassName, mode, placement, widthStrategy, ...rest }: ChipChoiceDateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipChoiceDate({ size, value, defaultValue, onChange, valueRender, dropDownClassName, mode, placement, widthStrategy, buildCalendarCellProps, ...rest }: ChipChoiceDateProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/ChipChoice/components/ChipChoiceDate.js

@@ -33,9 +33,10 @@ function ChipChoiceDate(_a) {
       dropDownClassName,
       mode = 'date',
       placement,
-      widthStrategy
+      widthStrategy,
+      buildCalendarCellProps
     } = _a,
-    rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "mode", "placement", "widthStrategy"]);
+    rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "mode", "placement", "widthStrategy", "buildCalendarCellProps"]);
   const [selectedValue, setSelectedValue] = (0, utils_1.useValueControl)({
     value,
     defaultValue,
@@ -99,7 +100,8 @@ function ChipChoiceDate(_a) {
       navigationStartRef: navigationStartRef,
       onFocusLeave: closeDroplist,
       showSeconds: showSeconds,
-      locale: constants_2.DEFAULT_LOCALE
+      locale: constants_2.DEFAULT_LOCALE,
+      buildCellProps: buildCalendarCellProps
     }),
     placement: placement,
     widthStrategy: widthStrategy,

package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CalendarProps } from '@snack-uikit/calendar';
 import { ChipChoiceCommonProps } from '../types';
 type Range = [Date, Date];
 export type ChipChoiceDateRangeProps = ChipChoiceCommonProps & {
@@ -10,6 +11,8 @@ export type ChipChoiceDateRangeProps = ChipChoiceCommonProps & {
     onChange?(value: Range): void;
     /** Колбек формирующий строковое представление выбранного значения. Принимает массив выбранных значений */
     valueRender?(value?: Range): ReactNode;
+    /** Колбек свойств для управления ячейками календаря */
+    buildCalendarCellProps?: CalendarProps['buildCellProps'];
 };
-export declare function ChipChoiceDateRange({ size, value, defaultValue, onChange, valueRender, dropDownClassName, ...rest }: ChipChoiceDateRangeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipChoiceDateRange({ size, value, defaultValue, onChange, valueRender, dropDownClassName, buildCalendarCellProps, ...rest }: ChipChoiceDateRangeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/ChipChoice/components/ChipChoiceDateRange.js

@@ -38,9 +38,10 @@ function ChipChoiceDateRange(_a) {
       defaultValue,
       onChange,
       valueRender,
-      dropDownClassName
+      dropDownClassName,
+      buildCalendarCellProps
     } = _a,
-    rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName"]);
+    rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "buildCalendarCellProps"]);
   const [selectedValue, setSelectedValue] = (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, onChange);
   const {
     t
@@ -74,7 +75,8 @@ function ChipChoiceDateRange(_a) {
       locale: constants_2.DEFAULT_LOCALE,
       // bug with focus
       // navigationStartRef={element => element?.focus()}
-      onFocusLeave: closeDroplist
+      onFocusLeave: closeDroplist,
+      buildCellProps: buildCalendarCellProps
     }),
     outsideClick: true,
     triggerRef: localRef,

package/dist/esm/components/ChipChoice/components/ChipChoiceDate.d.ts

@@ -15,8 +15,10 @@ export type ChipChoiceDateProps = ChipChoiceCommonProps & {
     /** Колбек формирующий строковое представление выбранного значения. Принимает выбранное значение */
     valueRender?(value?: Date): ReactNode;
     mode?: Exclude<CalendarProps['mode'], 'range'>;
+    /** Колбек свойств для управления ячейками календаря */
+    buildCalendarCellProps?: CalendarProps['buildCellProps'];
 } & (ChipChoiceDateWithSeconds | {
     mode?: 'date' | 'month';
 });
-export declare function ChipChoiceDate({ size, value, defaultValue, onChange, valueRender, dropDownClassName, mode, placement, widthStrategy, ...rest }: ChipChoiceDateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipChoiceDate({ size, value, defaultValue, onChange, valueRender, dropDownClassName, mode, placement, widthStrategy, buildCalendarCellProps, ...rest }: ChipChoiceDateProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/ChipChoice/components/ChipChoiceDate.js

@@ -21,7 +21,7 @@ import { useHandleOnKeyDown } from '../hooks';
 import { ChipChoiceBase } from './ChipChoiceBase';
 export function ChipChoiceDate(_a) {
     var _b;
-    var { size = SIZE.S, value, defaultValue, onChange, valueRender, dropDownClassName, mode = 'date', placement, widthStrategy } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "mode", "placement", "widthStrategy"]);
+    var { size = SIZE.S, value, defaultValue, onChange, valueRender, dropDownClassName, mode = 'date', placement, widthStrategy, buildCalendarCellProps } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "mode", "placement", "widthStrategy", "buildCalendarCellProps"]);
     const [selectedValue, setSelectedValue] = useValueControl({ value, defaultValue, onChange });
     const showSeconds = mode === 'date-time' ? ((_b = rest.showSeconds) !== null && _b !== void 0 ? _b : true) : undefined;
     const localRef = useRef(null);
@@ -62,5 +62,5 @@ export function ChipChoiceDate(_a) {
     }, [closeDroplist, setSelectedValue]);
     const navigationStartRef = useRef(null);
     const focusNavigationStartItem = () => setTimeout(() => { var _a; return (_a = navigationStartRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 0);
-    return (_jsx(Dropdown, { content: _jsx(Calendar, { mode: mode, size: CALENDAR_SIZE_MAP[size], value: selectedValue, fitToContainer: false, onChangeValue: handleChangeValue, navigationStartRef: navigationStartRef, onFocusLeave: closeDroplist, showSeconds: showSeconds, locale: DEFAULT_LOCALE }), placement: placement, widthStrategy: widthStrategy, outsideClick: true, triggerRef: localRef, open: open, onOpenChange: setOpen, className: dropDownClassName, "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, children: _jsx(ChipChoiceBase, Object.assign({}, rest, { ref: localRef, onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size, onKeyDown: handleOnKeyDown(focusNavigationStartItem) })) }));
+    return (_jsx(Dropdown, { content: _jsx(Calendar, { mode: mode, size: CALENDAR_SIZE_MAP[size], value: selectedValue, fitToContainer: false, onChangeValue: handleChangeValue, navigationStartRef: navigationStartRef, onFocusLeave: closeDroplist, showSeconds: showSeconds, locale: DEFAULT_LOCALE, buildCellProps: buildCalendarCellProps }), placement: placement, widthStrategy: widthStrategy, outsideClick: true, triggerRef: localRef, open: open, onOpenChange: setOpen, className: dropDownClassName, "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, children: _jsx(ChipChoiceBase, Object.assign({}, rest, { ref: localRef, onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size, onKeyDown: handleOnKeyDown(focusNavigationStartItem) })) }));
 }

package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CalendarProps } from '@snack-uikit/calendar';
 import { ChipChoiceCommonProps } from '../types';
 type Range = [Date, Date];
 export type ChipChoiceDateRangeProps = ChipChoiceCommonProps & {
@@ -10,6 +11,8 @@ export type ChipChoiceDateRangeProps = ChipChoiceCommonProps & {
     onChange?(value: Range): void;
     /** Колбек формирующий строковое представление выбранного значения. Принимает массив выбранных значений */
     valueRender?(value?: Range): ReactNode;
+    /** Колбек свойств для управления ячейками календаря */
+    buildCalendarCellProps?: CalendarProps['buildCellProps'];
 };
-export declare function ChipChoiceDateRange({ size, value, defaultValue, onChange, valueRender, dropDownClassName, ...rest }: ChipChoiceDateRangeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipChoiceDateRange({ size, value, defaultValue, onChange, valueRender, dropDownClassName, buildCalendarCellProps, ...rest }: ChipChoiceDateRangeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/ChipChoice/components/ChipChoiceDateRange.js

@@ -26,7 +26,7 @@ function defaultRangeFormatter({ value, allLabel }) {
     return `${from.toLocaleDateString(DEFAULT_LOCALE)} ${DEFAULT_EMPTY_VALUE} ${to.toLocaleDateString(DEFAULT_LOCALE)}`;
 }
 export function ChipChoiceDateRange(_a) {
-    var { size = SIZE.S, value, defaultValue, onChange, valueRender, dropDownClassName } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName"]);
+    var { size = SIZE.S, value, defaultValue, onChange, valueRender, dropDownClassName, buildCalendarCellProps } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "buildCalendarCellProps"]);
     const [selectedValue, setSelectedValue] = useUncontrolledProp(value, defaultValue, onChange);
     const { t } = useLocale('Chips');
     const valueToRender = valueRender
@@ -46,5 +46,5 @@ export function ChipChoiceDateRange(_a) {
             }, locale: DEFAULT_LOCALE, 
             // bug with focus
             // navigationStartRef={element => element?.focus()}
-            onFocusLeave: closeDroplist }), outsideClick: true, triggerRef: localRef, open: open, "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, onOpenChange: setOpen, className: dropDownClassName, children: _jsx(ChipChoiceBase, Object.assign({}, rest, { ref: localRef, onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size, onKeyDown: handleOnKeyDown() })) }));
+            onFocusLeave: closeDroplist, buildCellProps: buildCalendarCellProps }), outsideClick: true, triggerRef: localRef, open: open, "data-test-id": CHIP_CHOICE_TEST_IDS.droplist, onOpenChange: setOpen, className: dropDownClassName, children: _jsx(ChipChoiceBase, Object.assign({}, rest, { ref: localRef, onClearButtonClick: clearValue, value: selectedValue, valueToRender: valueToRender, size: size, onKeyDown: handleOnKeyDown() })) }));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.21.1",
+  "version": "0.22.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,10 +37,10 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.3",
-    "@snack-uikit/calendar": "0.11.7",
+    "@snack-uikit/calendar": "0.11.8",
     "@snack-uikit/dropdown": "0.4.1",
     "@snack-uikit/icons": "0.24.0",
-    "@snack-uikit/list": "0.21.7",
+    "@snack-uikit/list": "0.21.8",
     "@snack-uikit/loaders": "0.8.1",
     "@snack-uikit/utils": "3.5.0",
     "classnames": "2.5.1",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "dd1825421e5d0964966e39a20bc5e09258acc3c2"
+  "gitHead": "1410dd9ec77af1af24bec901cc9a7bf9aeac37ac"
 }

package/src/components/ChipChoice/components/ChipChoiceDate.tsx

@@ -26,6 +26,8 @@ export type ChipChoiceDateProps = ChipChoiceCommonProps & {
   /** Колбек формирующий строковое представление выбранного значения. Принимает выбранное значение */
   valueRender?(value?: Date): ReactNode;
   mode?: Exclude<CalendarProps['mode'], 'range'>;
+  /** Колбек свойств для управления ячейками календаря */
+  buildCalendarCellProps?: CalendarProps['buildCellProps'];
 } & (
     | ChipChoiceDateWithSeconds
     | {
@@ -43,6 +45,7 @@ export function ChipChoiceDate({
   mode = 'date',
   placement,
   widthStrategy,
+  buildCalendarCellProps,
   ...rest
 }: ChipChoiceDateProps) {
   const [selectedValue, setSelectedValue] = useValueControl<Date>({ value, defaultValue, onChange });
@@ -114,6 +117,7 @@ export function ChipChoiceDate({
           onFocusLeave={closeDroplist}
           showSeconds={showSeconds}
           locale={DEFAULT_LOCALE}
+          buildCellProps={buildCalendarCellProps}
         />
       }
       placement={placement}

package/src/components/ChipChoice/components/ChipChoiceDateRange.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, useCallback, useRef, useState } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 
-import { Calendar } from '@snack-uikit/calendar';
+import { Calendar, CalendarProps } from '@snack-uikit/calendar';
 import { Dropdown } from '@snack-uikit/dropdown';
 import { useLocale } from '@snack-uikit/locale';
 
@@ -22,6 +22,8 @@ export type ChipChoiceDateRangeProps = ChipChoiceCommonProps & {
   onChange?(value: Range): void;
   /** Колбек формирующий строковое представление выбранного значения. Принимает массив выбранных значений */
   valueRender?(value?: Range): ReactNode;
+  /** Колбек свойств для управления ячейками календаря */
+  buildCalendarCellProps?: CalendarProps['buildCellProps'];
 };
 
 type DefaultRangeFormatterProps = {
@@ -44,6 +46,7 @@ export function ChipChoiceDateRange({
   onChange,
   valueRender,
   dropDownClassName,
+  buildCalendarCellProps,
   ...rest
 }: ChipChoiceDateRangeProps) {
   const [selectedValue, setSelectedValue] = useUncontrolledProp<Range>(value, defaultValue, onChange);
@@ -82,6 +85,7 @@ export function ChipChoiceDateRange({
           // bug with focus
           // navigationStartRef={element => element?.focus()}
           onFocusLeave={closeDroplist}
+          buildCellProps={buildCalendarCellProps}
         />
       }
       outsideClick