@ozen-ui/kit 0.60.0 → 0.61.0

package/__inner__/esm/components/Select/types.d.ts

@@ -1,45 +1,37 @@
 import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import type { DataListBaseProps, DataListSelected } from '../DataList';
+import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
-export type SelectSizeVariant = FormElementSizeVariant;
-export type SelectLabel = string | number | undefined;
-export type SelectPropLabel<MULTIPLE extends boolean> = (MULTIPLE extends true ? SelectLabel[] : SelectLabel) | undefined;
-export type SelectPropValue<MULTIPLE extends boolean> = DataListSelected<MULTIPLE>;
-export type SelectedOptionProp<MULTIPLE extends boolean> = {
-    label?: SelectPropLabel<MULTIPLE>;
+export type SelectPropSize = FormElementSizeVariant;
+export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;
+export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;
+export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent) => void;
+export type SelectedOption<MULTIPLE extends boolean = false> = {
+    label?: SelectLabel<MULTIPLE>;
     value?: SelectPropValue<MULTIPLE>;
 };
-export type SelectRenderValue<MULTIPLE extends boolean> = (option: SelectedOptionProp<MULTIPLE>) => ReactNode | null;
-type SelectOpenControlledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: boolean;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen?: never;
-};
-type SelectOpenUncontrolledProps = {
-    /** Текущее состояние списка. Если `true`, список отображается. */
-    open?: never;
-    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
-    defaultOpen: boolean;
-};
-type SelectControlledProps<MULTIPLE extends boolean = false> = {
-    /** Выбранное значение */
-    value?: SelectPropValue<MULTIPLE>;
-    /** Обработчик события на изменение выбранного значения */
-    onChange?: (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent) => void;
-    /** Значение поля по умолчанию (неконтролируемый компонент) */
-    defaultValue?: never;
-};
-type SelectUncontrolledProps<MULTIPLE extends boolean = false> = {
-    /** Значение поля по умолчанию (неконтролируемый компонент) */
-    defaultValue: SelectPropValue<MULTIPLE>;
-    /** Выбранное значение */
-    value?: never;
-    /** Обработчик события на изменение выбранного значения */
-    onChange?: never;
-};
+export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;
+/**
+ * @deprecated
+ * Use the `SelectRenderValueProp` type to replace it.
+ * */
+export type SelectRenderValue<MULTIPLE extends boolean = false> = SelectPropRenderValue<MULTIPLE>;
+/**
+ * @deprecated
+ * Use the `SelectLabel` type to replace it.
+ * */
+export type SelectPropLabel<MULTIPLE extends boolean = false> = SelectLabel<MULTIPLE>;
+/**
+ * @deprecated
+ * Use the `SelectSizeProp` type to replace it.
+ * */
+export type SelectSizeVariant = SelectPropSize;
+/**
+ * @deprecated
+ * Use the `SelectedPropOption` type to replace it.
+ * */
+export type SelectedOptionProp<MULTIPLE extends boolean = false> = SelectedOption<MULTIPLE>;
 type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
     /**
      * Свойства компонента Menu
@@ -52,21 +44,31 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     /** Если `true` устанавливает автофокус */
     autoFocus?: boolean;
     /** Размер компонента */
-    size?: SelectSizeVariant;
+    size?: SelectPropSize;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
+    /** Выбранное значение */
+    value?: SelectPropValue<MULTIPLE>;
+    /** Обработчик события на изменение выбранного значения */
+    onChange?: SelectPropOnChange<MULTIPLE>;
+    /** Значение поля по умолчанию (неконтролируемый компонент) */
+    defaultValue?: SelectPropValue<MULTIPLE>;
     /** Рендер-функция для выбранного значения */
-    renderValue?: SelectRenderValue<MULTIPLE>;
+    renderValue?: SelectPropRenderValue<MULTIPLE>;
     /** Содержимое компонента */
     children?: ReactNode;
     /** Свойства компонента DataList */
     dataListProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
-    onClose?: () => void;
+    onClose?(): void;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
-    onOpen?: () => void;
+    onOpen?(): void;
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: MULTIPLE;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
-} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE> & (SelectControlledProps<MULTIPLE> | SelectUncontrolledProps<MULTIPLE>) & (SelectOpenControlledProps | SelectOpenUncontrolledProps), 'div'>;
+} & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
 export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
 export {};

package/__inner__/esm/components/Stack/types.d.ts

@@ -1,6 +1,6 @@
 import type { ElementType, ReactElement } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const stackGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
 export declare const stackDirectionVariant: readonly ["row", "column", "rowReverse", "columnReverse"];
 export declare const stackAlignVariant: readonly ["center", "start", "end", "baseline"];
@@ -27,4 +27,4 @@ export type StackBaseProps = {
     /** React-элемент для разделителя между дочерними компонентами стека */
     divider?: ReactElement;
 };
-export type StackProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<StackBaseProps, As>;
+export type StackProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.60.0",
+  "version": "0.61.0",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/icons": "0.60.0",
-    "@ozen-ui/fonts": "0.60.0",
-    "@ozen-ui/logger": "0.60.0"
+    "@ozen-ui/fonts": "0.61.0",
+    "@ozen-ui/icons": "0.61.0",
+    "@ozen-ui/logger": "0.61.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",

package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-import type { SelectInputProps } from '../SelectInput';
-type SelectInputConsumerProps = Pick<SelectInputProps, 'value' | 'placeholder' | 'defaultValue' | 'id' | 'name' | 'fieldProps' | 'fieldRef' | 'inputProps' | 'inputRef' | 'renderedValue'>;
-export declare const SelectInputConsumer: FC<SelectInputConsumerProps>;
-export {};

package/__inner__/cjs/components/Select/components/SelectConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';

package/__inner__/esm/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-import type { SelectInputProps } from '../SelectInput';
-type SelectInputConsumerProps = Pick<SelectInputProps, 'value' | 'placeholder' | 'defaultValue' | 'id' | 'name' | 'fieldProps' | 'fieldRef' | 'inputProps' | 'inputRef' | 'renderedValue'>;
-export declare const SelectInputConsumer: FC<SelectInputConsumerProps>;
-export {};

package/__inner__/esm/components/Select/components/SelectConsumer/index.d.ts

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';

package/__inner__/esm/components/Select/components/SelectConsumer/index.js

@@ -1 +0,0 @@
-export * from './SelectInputConsumer';