@snack-uikit/fields 0.11.6 → 0.12.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.12.0 (2024-02-02)
+
+
+### Features
+
+* **FF-4150:** add ability to disable specific dates ([0bcd8da](https://github.com/cloud-ru-tech/snack-uikit/commit/0bcd8da03cfce91996cd61b2b6f065af6597e89b))
+
+
+
+
+
 ## 0.11.6 (2024-02-01)
 
 ### Only dependencies have been changed

package/README.md

@@ -265,6 +265,10 @@ const [isOpen, setIsOpen] = useState(false);
 | showHintIcon | `boolean` | - | Отображать иконку подсказки |
 | ref | `Ref<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
 | key | `Key` | - |  |
+## parseDate
+`helper` 
+
+Преобразует строковое значение поля FieldDate в тип Date
 ## FieldDate
 ### Props
 | name | type | default value | description |
@@ -276,6 +280,7 @@ const [isOpen, setIsOpen] = useState(false);
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
 | locale | `Locale` | new Intl.Locale('ru-RU') | Текущая локаль календаря |
+| buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br>  - `month` отображение месяца, каждая ячейка - 1 день <br>  - `year` отображение года, каждая ячейка - 1 месяц <br>  - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
 | disabled | `boolean` | - | Является ли поле деактивированным |
 | readonly | `boolean` | - | Является ли поле доступным только для чтения |
 | id | `string` | - | Значение html-атрибута id |

package/dist/components/FieldDate/FieldDate.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CalendarProps } from '@snack-uikit/calendar';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { FieldDecoratorProps } from '../FieldDecorator';
@@ -20,9 +21,25 @@ type FieldDateOwnProps = {
     showClearButton?: boolean;
     /** Текущая локаль календаря */
     locale?: Intl.Locale;
-};
+} & Pick<CalendarProps, 'buildCellProps'>;
 export type FieldDateProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
 export declare const FieldDate: import("react").ForwardRefExoticComponent<{
     'data-test-id'?: string | undefined;
-} & import("react").AriaAttributes & FieldDateOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").AriaAttributes & {
+    /** Открыт date-picker */
+    open?: boolean | undefined;
+    /** Колбек открытия пикера */
+    onOpenChange?(value: boolean): void;
+    /** Колбек смены значения */
+    onChange?(value: string): void;
+    /** Отображение кнопки копирования */
+    showCopyButton?: boolean | undefined;
+    /**
+     * Отображение кнопки Очистки поля
+     * @default true
+     */
+    showClearButton?: boolean | undefined;
+    /** Текущая локаль календаря */
+    locale?: Intl.Locale | undefined;
+} & Pick<CalendarProps, "buildCellProps"> & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/FieldDate/FieldDate.js

@@ -34,7 +34,7 @@ const CALENDAR_SIZE_MAP = {
     [SIZE.L]: 'm',
 };
 export const FieldDate = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onOpenChange, onChange, onFocus, onBlur: onBlurProp, className, label, labelTooltip, labelTooltipPlacement, required = false, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, locale = DEFAULT_LOCALE } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "hint", "showHintIcon", "size", "validationState", "locale"]);
+    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onOpenChange, onChange, onFocus, onBlur: onBlurProp, className, label, labelTooltip, labelTooltipPlacement, required = false, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, locale = DEFAULT_LOCALE, buildCellProps } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "hint", "showHintIcon", "size", "validationState", "locale", "buildCellProps"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const [pickerAutofocus, setPickerAutofocus] = useState(false);
     const localRef = useRef(null);
@@ -138,7 +138,7 @@ export const FieldDate = forwardRef((_a, ref) => {
             : {
                 open: showDropList,
                 onOpenChange: setIsOpen,
-            }), { content: _jsx("div", { className: styles.calendarWrapper, "data-size": size, children: _jsx(Calendar, { mode: 'date', size: CALENDAR_SIZE_MAP[size], value: valueProp ? parseDate(valueProp) : undefined, onChangeValue: handleSelectDate, navigationStartRef: element => {
+            }), { content: _jsx("div", { className: styles.calendarWrapper, "data-size": size, children: _jsx(Calendar, { mode: 'date', size: CALENDAR_SIZE_MAP[size], value: valueProp ? parseDate(valueProp) : undefined, onChangeValue: handleSelectDate, buildCellProps: buildCellProps, navigationStartRef: element => {
                         if (pickerAutofocus) {
                             element === null || element === void 0 ? void 0 : element.focus();
                             setPickerAutofocus(false);

package/dist/components/FieldDate/index.d.ts

@@ -1 +1,2 @@
 export * from './FieldDate';
+export { parseDate } from './utils';

package/dist/components/FieldDate/index.js

@@ -1 +1,2 @@
 export * from './FieldDate';
+export { parseDate } from './utils';

package/dist/components/FieldDate/utils.d.ts

@@ -2,4 +2,8 @@ import { SlotKey } from './constants';
 export declare function getSlotKey(index: number | null): string | null;
 export declare function getNextSlotKey(slotKey: string | null): SlotKey.Month | SlotKey.Year;
 export declare function getPrevSlotKey(slotKey: string | null): SlotKey.Day | SlotKey.Month;
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
 export declare function parseDate(date: string): Date;

package/dist/components/FieldDate/utils.js

@@ -33,6 +33,10 @@ export function getPrevSlotKey(slotKey) {
         }
     }
 }
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
 export function parseDate(date) {
     const values = date.split('.');
     return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.11.6",
+  "version": "0.12.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,7 +32,7 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/calendar": "0.6.3",
+    "@snack-uikit/calendar": "0.6.4",
     "@snack-uikit/droplist": "0.13.2",
     "@snack-uikit/icons": "0.20.0",
     "@snack-uikit/input-private": "3.0.3",
@@ -49,5 +49,5 @@
   "devDependencies": {
     "@types/merge-refs": "1.0.0"
   },
-  "gitHead": "0726752996aeaf01f58b892fef581c38c1528ea1"
+  "gitHead": "0f69ec168f27621a8bd9a4336b85602d64c24072"
 }

package/src/components/FieldDate/FieldDate.tsx

@@ -69,7 +69,7 @@ type FieldDateOwnProps = {
   showClearButton?: boolean;
   /** Текущая локаль календаря */
   locale?: Intl.Locale;
-};
+} & Pick<CalendarProps, 'buildCellProps'>;
 
 export type FieldDateProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
 
@@ -104,6 +104,7 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       size = SIZE.S,
       validationState = VALIDATION_STATE.Default,
       locale = DEFAULT_LOCALE,
+      buildCellProps,
       ...rest
     },
     ref,
@@ -279,6 +280,7 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
                 size={CALENDAR_SIZE_MAP[size]}
                 value={valueProp ? parseDate(valueProp) : undefined}
                 onChangeValue={handleSelectDate}
+                buildCellProps={buildCellProps}
                 navigationStartRef={element => {
                   if (pickerAutofocus) {
                     element?.focus();

package/src/components/FieldDate/index.ts

@@ -1 +1,2 @@
 export * from './FieldDate';
+export { parseDate } from './utils';

package/src/components/FieldDate/utils.ts

@@ -38,6 +38,11 @@ export function getPrevSlotKey(slotKey: string | null) {
   }
 }
 
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+
 export function parseDate(date: string) {
   const values = date.split('.');
   return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));