@snack-uikit/chips 0.15.5 → 0.16.0

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.16.0 (2024-10-08)
+
+
+### Features
+
+* **PSD-834:** add prop mode for ChipChoiceDate ([10091b9](https://github.com/cloud-ru-tech/snack-uikit/commit/10091b9031686f10f59fd382cd26540fbb0dc4d4))
+
+
+
+
+
 ## 0.15.5 (2024-09-27)
 
 ### Only dependencies have been changed

package/README.md

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

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

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

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

@@ -20,7 +20,7 @@ import { CALENDAR_SIZE_MAP } from '../constants';
 import { useHandleOnKeyDown } from '../hooks';
 import { ChipChoiceBase } from './ChipChoiceBase';
 export function ChipChoiceDate(_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, mode = 'date' } = _a, rest = __rest(_a, ["size", "value", "defaultValue", "onChange", "valueRender", "dropDownClassName", "mode"]);
     const [selectedValue, setSelectedValue] = useValueControl({ value, defaultValue, onChange });
     const localRef = useRef(null);
     const [open, setOpen] = useState(false);
@@ -34,7 +34,7 @@ export function ChipChoiceDate(_a) {
         ? valueRender(selectedValue)
         : (selectedValue && new Date(selectedValue).toLocaleDateString()) || t('allLabel');
     const clearValue = () => setSelectedValue(undefined);
-    return (_jsx(Dropdown, { content: _jsx(Calendar, { mode: 'date', size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: value => {
+    return (_jsx(Dropdown, { content: _jsx(Calendar, { mode: mode, size: CALENDAR_SIZE_MAP[size], value: selectedValue, onChangeValue: (value) => {
                 setSelectedValue(value);
                 closeDroplist();
             }, navigationStartRef: element => element === null || element === void 0 ? void 0 : element.focus(), onFocusLeave: closeDroplist }), 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() })) }));

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.15.5",
+  "version": "0.16.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -33,7 +33,7 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.17.5",
-    "@snack-uikit/calendar": "0.7.12",
+    "@snack-uikit/calendar": "0.8.0",
     "@snack-uikit/dropdown": "0.2.7",
     "@snack-uikit/icons": "0.22.1",
     "@snack-uikit/list": "0.17.0",
@@ -50,5 +50,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "36a86f3bf30c115e8c6b49f6c8d7a2d2ffb86ff1"
+  "gitHead": "ef539a5c304d3b191dc60005119fcdd51a4b74cc"
 }

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

@@ -1,6 +1,6 @@
 import { ReactNode, useCallback, useRef, useState } from 'react';
 
-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';
 import { useValueControl } from '@snack-uikit/utils';
@@ -20,6 +20,7 @@ export type ChipChoiceDateProps = ChipChoiceCommonProps & {
   onChange?(value: Date): void;
   /** Колбек формирующий строковое представление выбранного значения. Принимает выбранное значение */
   valueRender?(value?: Date): ReactNode;
+  mode?: Exclude<CalendarProps['mode'], 'range'>;
 };
 
 export function ChipChoiceDate({
@@ -29,6 +30,7 @@ export function ChipChoiceDate({
   onChange,
   valueRender,
   dropDownClassName,
+  mode = 'date',
   ...rest
 }: ChipChoiceDateProps) {
   const [selectedValue, setSelectedValue] = useValueControl<Date>({ value, defaultValue, onChange });
@@ -55,10 +57,10 @@ export function ChipChoiceDate({
     <Dropdown
       content={
         <Calendar
-          mode='date'
+          mode={mode}
           size={CALENDAR_SIZE_MAP[size]}
           value={selectedValue}
-          onChangeValue={value => {
+          onChangeValue={(value: Date) => {
             setSelectedValue(value);
             closeDroplist();
           }}