@broxus/react-uikit 0.16.0 → 0.17.0

package/dist/esm/components/DatePicker/types.d.ts

@@ -1,7 +1,9 @@
-import { type PickerRef, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from 'rc-picker';
+import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from 'rc-picker';
 import { type Locale as RcPickerLocale } from 'rc-picker/lib/interface';
 import type * as React from 'react';
+import { type TimePickerLocale } from '../../components/TimePicker';
 import { type AnyObject, type SizeType, type StateType } from '../../types';
+import { PickerPanelRef } from 'rc-picker/lib/PickerPanel';
 export interface AdditionalPickerLocaleProps {
     dateFormat?: string;
     dateTimeFormat?: string;
@@ -22,7 +24,7 @@ export interface AdditionalPickerLocaleLangProps {
 }
 export interface PickerLocale extends AdditionalPickerLocaleProps {
     lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
-    timePickerLocale: any;
+    timePickerLocale: TimePickerLocale;
 }
 declare const DatePickerPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"];
 type DatePickerPlacement = (typeof DatePickerPlacements)[number];
@@ -35,7 +37,10 @@ type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hide
     size?: SizeType;
     state?: StateType;
 };
-export interface PickerProps<DateType extends AnyObject = any> extends InjectDefaultProps<RcPickerProps<DateType>> {
+export interface PickerProps<DateType extends AnyObject = AnyObject> extends InjectDefaultProps<RcPickerProps<DateType>> {
+}
+export interface PickerPanelProps<DateType extends AnyObject = AnyObject> extends Omit<RcPickerPanelProps<DateType>, 'locale' | 'generateConfig' | 'hideHeader'> {
+    locale?: PickerLocale;
 }
 export interface RangePickerProps<DateType extends AnyObject = AnyObject> extends InjectDefaultProps<RcRangePickerProps<DateType>> {
 }
@@ -47,4 +52,10 @@ export type PickerPropsWithMultiple<DateType extends AnyObject = any, InnerPicke
     onChange?: (date: ValueType, dateString: string | string[]) => void;
     onConfirm?: (date: ValueType) => void;
 };
+export type PickerPanelPropsWithMultiple<DateType extends AnyObject = any, InnerPickerProps extends PickerProps<DateType> = PickerProps<DateType>, ValueType = DateType> = Omit<InnerPickerProps, 'defaultValue' | 'value' | 'onChange' | 'onOk'> & React.RefAttributes<PickerPanelRef> & {
+    defaultValue?: ValueType | null;
+    value?: ValueType | null;
+    onChange?: (date: ValueType, dateString: string | string[]) => void;
+    onConfirm?: (date: ValueType) => void;
+};
 export {};

package/dist/esm/components/Drop/index.d.ts

@@ -3,6 +3,7 @@ import { type BuildInPlacements, type TriggerProps } from 'rc-trigger';
 import { type AlignType } from 'rc-trigger/lib/interface';
 import * as React from 'react';
 import './index.scss';
+export type DropPlacement = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
 export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' | 'autoDestroy' | 'blurDelay' | 'children' | 'focusDelay' | 'getPopupContainer' | 'hideAction' | 'mask' | 'maskClosable' | 'maskMotion' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'prefixCls' | 'showAction' | 'stretch' | 'zIndex'> {
     align?: AlignType;
     arrow?: boolean;
@@ -16,7 +17,7 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     overlay?: (() => React.ReactElement) | React.ReactElement;
     overlayClassName?: string;
     overlayStyle?: React.CSSProperties;
-    placement?: string;
+    placement?: DropPlacement;
     rootCls?: string;
     visible?: boolean;
     onAlign?: (element: HTMLElement, align: AlignType) => void;

package/dist/esm/styles/mixins.scss

@@ -824,6 +824,29 @@
 
 @mixin hook-cover-misc() {}
 
+@mixin hook-datepicker() {}
+@mixin hook-datepicker-hover() {}
+@mixin hook-datepicker-focus() {}
+@mixin hook-datepicker-input() {}
+@mixin hook-datepicker-panel-layout() {}
+@mixin hook-datepicker-panel() {}
+@mixin hook-datepicker-datetime-panel() {}
+@mixin hook-datepicker-time-panel() {}
+@mixin hook-datepicker-date-panel() {}
+@mixin hook-datepicker-month-panel() {}
+@mixin hook-datepicker-quarter-panel() {}
+@mixin hook-datepicker-decade-panel() {}
+@mixin hook-datepicker-week-panel() {}
+@mixin hook-datepicker-year-panel() {}
+@mixin hook-datepicker-header() {}
+@mixin hook-datepicker-header-view() {}
+@mixin hook-datepicker-body() {}
+@mixin hook-datepicker-content() {}
+@mixin hook-datepicker-footer() {}
+@mixin hook-datepicker-ranges() {}
+@mixin hook-datepicker-cell() {}
+@mixin hook-datepicker-cell-inner() {}
+@mixin hook-datepicker-time-panel-column() {}
 @mixin hook-datepicker-dropdown() {}
 
 @mixin hook-description-list-term() {}

package/dist/esm/styles/variables.scss

@@ -623,19 +623,14 @@ $countdown-separator-font-size-m:                               3rem !default; /
 // DatePicker
 // ========================================================================
 
-$datepicker-dropdown-background:                                $global-muted-background !default;
-$datepicker-dropdown-border:                                    $global-border !default;
-$datepicker-dropdown-border-style:                              $global-border-style !default;
-$datepicker-dropdown-border-width:                              $global-border-width !default;
-$datepicker-dropdown-border-radius:                             $global-border-radius !default;
 $datepicker-button-font-size:                                   $global-font-size !default;
-$datepicker-button-line-height:                                 40px !default;
+$datepicker-button-line-height:                                 $global-control-large-height !default;
 $datepicker-button-padding-horizontal:                          $global-small-gutter !default;
 $datepicker-body-padding-vertical:                              $global-small-gutter !default;
 $datepicker-body-padding-horizontal:                            $global-gutter !default;
 $datepicker-cell-border-radius:                                 $global-small-border-radius !default;
-$datepicker-cell-height:                                        32px !default;
-$datepicker-cell-width:                                         44px !default;
+$datepicker-cell-height:                                        $global-control-height !default;
+$datepicker-cell-width:                                         $global-control-height * 1.05 !default;
 $datepicker-cell-padding:                                       $global-xsmall-gutter !default;
 $datepicker-cell-color:                                         $global-color !default;
 $datepicker-cell-hover-background:                              $global-secondary-background !default;
@@ -646,6 +641,11 @@ $datepicker-cell-disabled-color:                                $global-muted-co
 $datepicker-time-column-height:                                 252px !default;
 $datepicker-time-column-width:                                  60px !default;
 $datepicker-time-cell-height:                                   28px !default;
+$datepicker-dropdown-background:                                $global-muted-background !default;
+$datepicker-dropdown-border:                                    $global-border !default;
+$datepicker-dropdown-border-style:                              $global-border-style !default;
+$datepicker-dropdown-border-width:                              $global-border-width !default;
+$datepicker-dropdown-border-radius:                             $global-border-radius !default;
 
 
 // Description list