@snack-uikit/calendar 0.13.15 → 0.13.16-preview-0aba136f.0

package/README.md

@@ -128,6 +128,7 @@ function TimePickerExample() {
 | defaultValue | `TimeValue` | - | Значение по-умолчанию для uncontrolled. |
 | onChangeValue | `(value?: TimeValue) => void` | - | Колбек выбора значения |
 | showSeconds | `boolean` | true | Показывать ли секунды |
+| showCurrentButton | `boolean` | - | Показывать ли кнопку выбора текущего времени |
 | size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер |
 | className | `string` | - | CSS-класс контейнера |
 | fitToContainer | `boolean` | true | Отключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%). |

package/dist/cjs/components/TimePicker/TimePicker.d.ts

@@ -12,6 +12,8 @@ export type TimePickerProps = WithSupportProps<{
     onChangeValue?(value?: TimeValue): void;
     /** Показывать ли секунды */
     showSeconds?: boolean;
+    /** Показывать ли кнопку выбора текущего времени */
+    showCurrentButton?: boolean;
     /**
      * Размер
      * @default m
@@ -31,4 +33,4 @@ export type TimePickerProps = WithSupportProps<{
         focus(): void;
     }>;
 }>;
-export declare function TimePicker({ className, size, fitToContainer, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds, today: todayProp, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ className, size, fitToContainer, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds, today: todayProp, showCurrentButton, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/TimePicker/TimePicker.js

@@ -36,7 +36,8 @@ function TimePicker(_ref) {
     'data-test-id': testId,
     navigationStartRef,
     showSeconds = true,
-    today: todayProp
+    today: todayProp,
+    showCurrentButton
   } = _ref;
   const [value, setValueState] = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue);
   const setValueEventHandler = (0, utils_1.useEventHandler)(setValueState);
@@ -110,6 +111,7 @@ function TimePicker(_ref) {
         onFocusLeave,
         navigationStartRef,
         showSeconds,
+        showCurrentButton,
         dateAndTime,
         onTimeChange,
         onDateAndTimeChange,

package/dist/cjs/helperComponents/CalendarContext/CalendarContext.d.ts

@@ -21,6 +21,8 @@ export type CalendarContextType = {
     viewShift: number;
     focus?: string;
     locale: Intl.Locale;
+    /** Показывать ли кнопку выбора текущего времени в футере */
+    showCurrentButton?: boolean;
     onFocusLeave?(direction: FocusDirection): void;
     buildCellProps?: BuildCellPropsFunction;
     setFocus(address: string | undefined): void;

package/dist/cjs/helperComponents/Footer/Footer.js

@@ -40,7 +40,8 @@ function Footer() {
     getTestId,
     referenceDate,
     setViewShift,
-    onFocusLeave
+    onFocusLeave,
+    showCurrentButton = true
   } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
   const {
     t
@@ -105,7 +106,7 @@ function Footer() {
     }), (0, jsx_runtime_1.jsxs)("div", {
       className: styles_module_scss_1.default.currentWrapper,
       "data-size": size,
-      children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+      children: [showCurrentButton && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
         label: t('current'),
         size: size === 's' ? 'xs' : 's',
         onClick: handleCurrentClick,
@@ -113,6 +114,8 @@ function Footer() {
         onKeyDown: handleCurrentKeyDown,
         "data-test-id": getTestId('current-button')
       }), (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, {
+        label: !showCurrentButton ? t('apply') : undefined,
+        fullWidth: !showCurrentButton,
         icon: (0, jsx_runtime_1.jsx)(icons_1.CheckSVG, {}),
         size: size === 's' ? 'xs' : 's',
         disabled: isApplyButtonDisabled,

package/dist/esm/components/TimePicker/TimePicker.d.ts

@@ -12,6 +12,8 @@ export type TimePickerProps = WithSupportProps<{
     onChangeValue?(value?: TimeValue): void;
     /** Показывать ли секунды */
     showSeconds?: boolean;
+    /** Показывать ли кнопку выбора текущего времени */
+    showCurrentButton?: boolean;
     /**
      * Размер
      * @default m
@@ -31,4 +33,4 @@ export type TimePickerProps = WithSupportProps<{
         focus(): void;
     }>;
 }>;
-export declare function TimePicker({ className, size, fitToContainer, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds, today: todayProp, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ className, size, fitToContainer, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds, today: todayProp, showCurrentButton, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/TimePicker/TimePicker.js

@@ -13,7 +13,7 @@ import { getLocale, getTestIdBuilder } from '../../utils';
 import styles from './styles.module.css';
 const stubDate = new Date();
 const stubFunc = () => { };
-export function TimePicker({ className, size = SIZE.M, fitToContainer = true, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds = true, today: todayProp, }) {
+export function TimePicker({ className, size = SIZE.M, fitToContainer = true, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds = true, today: todayProp, showCurrentButton, }) {
     const [value, setValueState] = useUncontrolledProp(valueProp, defaultValue, onChangeValue);
     const setValueEventHandler = useEventHandler(setValueState);
     const [internalValue, setInternalValue] = useState();
@@ -55,6 +55,7 @@ export function TimePicker({ className, size = SIZE.M, fitToContainer = true, va
                 onFocusLeave,
                 navigationStartRef,
                 showSeconds,
+                showCurrentButton,
                 dateAndTime,
                 onTimeChange,
                 onDateAndTimeChange,

package/dist/esm/helperComponents/CalendarContext/CalendarContext.d.ts

@@ -21,6 +21,8 @@ export type CalendarContextType = {
     viewShift: number;
     focus?: string;
     locale: Intl.Locale;
+    /** Показывать ли кнопку выбора текущего времени в футере */
+    showCurrentButton?: boolean;
     onFocusLeave?(direction: FocusDirection): void;
     buildCellProps?: BuildCellPropsFunction;
     setFocus(address: string | undefined): void;

package/dist/esm/helperComponents/Footer/Footer.js

@@ -10,7 +10,7 @@ import { getMonthShift } from '../../utils';
 import { CalendarContext } from '../CalendarContext';
 import styles from './styles.module.css';
 export function Footer() {
-    const { size, viewMode, mode, today, setValue, dateAndTime, isTimeFilled, isDateAndTimeFilled, onDateAndTimeChange, applyButtonRef, currentButtonRef, hoursKeyboardNavigationRef, minutesKeyboardNavigationRef, secondsKeyboardNavigationRef, showSeconds, getTestId, referenceDate, setViewShift, onFocusLeave, } = useContext(CalendarContext);
+    const { size, viewMode, mode, today, setValue, dateAndTime, isTimeFilled, isDateAndTimeFilled, onDateAndTimeChange, applyButtonRef, currentButtonRef, hoursKeyboardNavigationRef, minutesKeyboardNavigationRef, secondsKeyboardNavigationRef, showSeconds, getTestId, referenceDate, setViewShift, onFocusLeave, showCurrentButton = true, } = useContext(CalendarContext);
     const { t } = useLocale('Calendar');
     if (![CALENDAR_MODE.DateTime, 'time'].includes(mode) || viewMode !== 'month') {
         return null;
@@ -59,5 +59,5 @@ export function Footer() {
         const newDate = new Date(year, month, day, hours, minutes, showSeconds ? seconds : 0);
         setValue([newDate, newDate]);
     };
-    return (_jsxs("div", { className: styles.footer, "data-size": size, children: [_jsx(Divider, { className: styles.divider }), _jsxs("div", { className: styles.currentWrapper, "data-size": size, children: [_jsx(ButtonFunction, { label: t('current'), size: size === 's' ? 'xs' : 's', onClick: handleCurrentClick, ref: currentButtonRef, onKeyDown: handleCurrentKeyDown, "data-test-id": getTestId('current-button') }), _jsx(ButtonFilled, { icon: _jsx(CheckSVG, {}), size: size === 's' ? 'xs' : 's', disabled: isApplyButtonDisabled, onClick: handleApplySelection, ref: applyButtonRef, onKeyDown: handleApplyKeyDown, "data-test-id": getTestId('apply-button') })] })] }));
+    return (_jsxs("div", { className: styles.footer, "data-size": size, children: [_jsx(Divider, { className: styles.divider }), _jsxs("div", { className: styles.currentWrapper, "data-size": size, children: [showCurrentButton && (_jsx(ButtonFunction, { label: t('current'), size: size === 's' ? 'xs' : 's', onClick: handleCurrentClick, ref: currentButtonRef, onKeyDown: handleCurrentKeyDown, "data-test-id": getTestId('current-button') })), _jsx(ButtonFilled, { label: !showCurrentButton ? t('apply') : undefined, fullWidth: !showCurrentButton, icon: _jsx(CheckSVG, {}), size: size === 's' ? 'xs' : 's', disabled: isApplyButtonDisabled, onClick: handleApplySelection, ref: applyButtonRef, onKeyDown: handleApplyKeyDown, "data-test-id": getTestId('apply-button') })] })] }));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Calendar",
-  "version": "0.13.15",
+  "version": "0.13.16-preview-0aba136f.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,7 +39,7 @@
     "@snack-uikit/button": "0.19.17",
     "@snack-uikit/divider": "3.2.11",
     "@snack-uikit/icons": "0.27.7",
-    "@snack-uikit/list": "0.32.14",
+    "@snack-uikit/list": "0.32.15-preview-0aba136f.0",
     "@snack-uikit/utils": "4.0.1",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4",
@@ -48,5 +48,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "0dbf2d0248621db41f5f53a7e4df55338d6ff4bd"
+  "gitHead": "a2db41da4366417b6ff322f3a1ba73da8ba96222"
 }

package/src/components/TimePicker/TimePicker.tsx

@@ -29,6 +29,8 @@ export type TimePickerProps = WithSupportProps<{
   onChangeValue?(value?: TimeValue): void;
   /** Показывать ли секунды */
   showSeconds?: boolean;
+  /** Показывать ли кнопку выбора текущего времени */
+  showCurrentButton?: boolean;
 
   /**
    * Размер
@@ -61,6 +63,7 @@ export function TimePicker({
   navigationStartRef,
   showSeconds = true,
   today: todayProp,
+  showCurrentButton,
 }: TimePickerProps) {
   const [value, setValueState] = useUncontrolledProp<TimeValue | undefined>(valueProp, defaultValue, onChangeValue);
   const setValueEventHandler = useEventHandler(setValueState);
@@ -127,6 +130,7 @@ export function TimePicker({
           onFocusLeave,
           navigationStartRef,
           showSeconds,
+          showCurrentButton,
           dateAndTime,
           onTimeChange,
           onDateAndTimeChange,

package/src/helperComponents/CalendarContext/CalendarContext.tsx

@@ -35,6 +35,8 @@ export type CalendarContextType = {
   viewShift: number;
   focus?: string;
   locale: Intl.Locale;
+  /** Показывать ли кнопку выбора текущего времени в футере */
+  showCurrentButton?: boolean;
   onFocusLeave?(direction: FocusDirection): void;
   buildCellProps?: BuildCellPropsFunction;
   setFocus(address: string | undefined): void;

package/src/helperComponents/Footer/Footer.tsx

@@ -32,6 +32,7 @@ export function Footer() {
     referenceDate,
     setViewShift,
     onFocusLeave,
+    showCurrentButton = true,
   } = useContext(CalendarContext);
 
   const { t } = useLocale('Calendar');
@@ -105,16 +106,20 @@ export function Footer() {
       <Divider className={styles.divider} />
 
       <div className={styles.currentWrapper} data-size={size}>
-        <ButtonFunction
-          label={t('current')}
-          size={size === 's' ? 'xs' : 's'}
-          onClick={handleCurrentClick}
-          ref={currentButtonRef}
-          onKeyDown={handleCurrentKeyDown}
-          data-test-id={getTestId('current-button')}
-        />
+        {showCurrentButton && (
+          <ButtonFunction
+            label={t('current')}
+            size={size === 's' ? 'xs' : 's'}
+            onClick={handleCurrentClick}
+            ref={currentButtonRef}
+            onKeyDown={handleCurrentKeyDown}
+            data-test-id={getTestId('current-button')}
+          />
+        )}
 
         <ButtonFilled
+          label={!showCurrentButton ? t('apply') : undefined}
+          fullWidth={!showCurrentButton}
           icon={<CheckSVG />}
           size={size === 's' ? 'xs' : 's'}
           disabled={isApplyButtonDisabled}