@snack-uikit/fields 0.23.4 → 0.23.5-preview-8898cdde.0

package/README.md

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

package/dist/components/FieldDecorator/styles.module.css

@@ -160,13 +160,13 @@
   color:var(--sys-neutral-text-light, #8b8e9b);
 }
 .hint[data-validation=error]{
-  color:var(--sys-red-text-main, #621c1b);
+  color:var(--sys-red-text-main, #7a2d2d);
 }
 .hint[data-validation=warning]{
-  color:var(--sys-yellow-text-main, #5e3d06);
+  color:var(--sys-yellow-text-main, #815f19);
 }
 .hint[data-validation=success]{
-  color:var(--sys-green-text-main, #323f27);
+  color:var(--sys-green-text-main, #3d6035);
 }
 
 .icon{
@@ -183,10 +183,10 @@
   color:var(--sys-neutral-accent-default, #787b8a);
 }
 .hintIcon[data-validation=error]{
-  color:var(--sys-red-accent-default, #cd3c3c);
+  color:var(--sys-red-accent-default, #cb3f3e);
 }
 .hintIcon[data-validation=warning]{
-  color:var(--sys-yellow-accent-default, #ffc443);
+  color:var(--sys-yellow-accent-default, #e2b134);
 }
 .hintIcon[data-validation=success]{
   color:var(--sys-green-accent-default, #57b762);
@@ -196,26 +196,26 @@
   color:var(--sys-neutral-text-light, #8b8e9b);
 }
 .counterLimit > span[data-limit-exceeded], .counterLimit > span[data-validation=error]{
-  color:var(--sys-red-text-light, #ea6658);
+  color:var(--sys-red-text-light, #e7756a);
 }
 .counterLimit > span[data-validation=warning]{
-  color:var(--sys-yellow-text-light, #ddb035);
+  color:var(--sys-yellow-text-light, #d3a736);
 }
 .counterLimit > span[data-validation=success]{
-  color:var(--sys-green-text-light, #67ba6e);
+  color:var(--sys-green-text-light, #69b56f);
 }
 
 .counterCurrentValue[data-limit-exceeded][data-validation=default]{
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
 }
 .counterCurrentValue[data-limit-exceeded][data-validation=error]{
-  color:var(--sys-red-text-main, #621c1b);
+  color:var(--sys-red-text-main, #7a2d2d);
 }
 .counterCurrentValue[data-limit-exceeded][data-validation=warning]{
-  color:var(--sys-yellow-text-main, #5e3d06);
+  color:var(--sys-yellow-text-main, #815f19);
 }
 .counterCurrentValue[data-limit-exceeded][data-validation=success]{
-  color:var(--sys-green-text-light, #67ba6e);
+  color:var(--sys-green-text-light, #69b56f);
 }
 
 .labelTooltipTrigger{

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldDecoratorProps } from './FieldDecorator';
 export declare function extractFieldDecoratorProps<T extends Partial<FieldDecoratorProps>>({ error, required, readonly, label, labelTooltip, labelTooltipPlacement, labelFor, caption, hint, disabled, showHintIcon, size, validationState, className, }: T): {
     error: string | undefined;

package/dist/components/FieldSecure/FieldSecure.d.ts

@@ -20,6 +20,6 @@ type FieldSecureOwnProps = {
 };
 export type FieldSecureProps = WithSupportProps<FieldSecureOwnProps & InputProps & WrapperProps>;
 export declare const FieldSecure: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & FieldSecureOwnProps & Pick<Partial<InputPrivateProps>, "onChange" | "value"> & Pick<InputPrivateProps, "disabled" | "readonly" | "id" | "name" | "onFocus" | "onBlur" | "placeholder" | "maxLength"> & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/FieldSelect/FieldSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FieldSelectProps } from './types';
 export declare const FieldSelect: import("react").ForwardRefExoticComponent<FieldSelectProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="react" />
 import { SelectedOptionFormatter } from './types';
 export declare const FieldSelectMultiple: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("./types").WrapperProps & {
     options: import("./types").OptionProps[];
-    loading?: boolean | undefined;
+    loading?: boolean;
 } & {
-    removeByBackspace?: boolean | undefined;
+    removeByBackspace?: boolean;
 } & Omit<import("@snack-uikit/list").SelectionMultipleState, "mode"> & Omit<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & {
     options: import("./types").OptionProps[];
-    pinTop?: import("./types").OptionProps[] | undefined;
-    pinBottom?: import("./types").OptionProps[] | undefined;
-    searchable?: boolean | undefined;
-    showCopyButton?: boolean | undefined;
-    showClearButton?: boolean | undefined;
-    readonly?: boolean | undefined;
-    prefixIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    footer?: import("react").ReactNode;
-    widthStrategy?: import("@snack-uikit/popover-private/dist/types").PopoverWidthStrategy | undefined;
-    search?: import("./types").SearchState | undefined;
-    autocomplete?: boolean | undefined;
-    addOptionByEnter?: boolean | undefined;
-    open?: boolean | undefined;
+    pinTop?: import("./types").OptionProps[];
+    pinBottom?: import("./types").OptionProps[];
+    searchable?: boolean;
+    showCopyButton?: boolean;
+    showClearButton?: boolean;
+    readonly?: boolean;
+    prefixIcon?: import("react").ReactElement;
+    footer?: import("@snack-uikit/list").DroplistProps["footer"];
+    widthStrategy?: import("@snack-uikit/list").DroplistProps["widthStrategy"];
+    search?: import("./types").SearchState;
+    autocomplete?: boolean;
+    addOptionByEnter?: boolean;
+    open?: boolean;
     onOpenChange?(open: boolean): void;
-    selectedOptionFormatter?: SelectedOptionFormatter | undefined;
+    selectedOptionFormatter?: SelectedOptionFormatter;
 } & Pick<import("@snack-uikit/list").DroplistProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/FieldSelectSingle.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
 import { SelectedOptionFormatter } from './types';
 export declare const FieldSelectSingle: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("./types").WrapperProps & {
     options: import("./types").OptionProps[];
-    loading?: boolean | undefined;
+    loading?: boolean;
 } & Omit<import("@snack-uikit/list").SelectionSingleState, "mode"> & {
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & {
     options: import("./types").OptionProps[];
-    pinTop?: import("./types").OptionProps[] | undefined;
-    pinBottom?: import("./types").OptionProps[] | undefined;
-    searchable?: boolean | undefined;
-    showCopyButton?: boolean | undefined;
-    showClearButton?: boolean | undefined;
-    readonly?: boolean | undefined;
-    prefixIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    footer?: import("react").ReactNode;
-    widthStrategy?: import("@snack-uikit/popover-private/dist/types").PopoverWidthStrategy | undefined;
-    search?: import("./types").SearchState | undefined;
-    autocomplete?: boolean | undefined;
-    addOptionByEnter?: boolean | undefined;
-    open?: boolean | undefined;
+    pinTop?: import("./types").OptionProps[];
+    pinBottom?: import("./types").OptionProps[];
+    searchable?: boolean;
+    showCopyButton?: boolean;
+    showClearButton?: boolean;
+    readonly?: boolean;
+    prefixIcon?: import("react").ReactElement;
+    footer?: import("@snack-uikit/list").DroplistProps["footer"];
+    widthStrategy?: import("@snack-uikit/list").DroplistProps["widthStrategy"];
+    search?: import("./types").SearchState;
+    autocomplete?: boolean;
+    addOptionByEnter?: boolean;
+    open?: boolean;
     onOpenChange?(open: boolean): void;
-    selectedOptionFormatter?: SelectedOptionFormatter | undefined;
+    selectedOptionFormatter?: SelectedOptionFormatter;
 } & Pick<import("@snack-uikit/list").DroplistProps, "dataError" | "dataFiltered" | "noDataState" | "noResultsState" | "errorDataState"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/FieldSelect/hooks.d.ts

@@ -25,9 +25,9 @@ export declare function useSearchInput({ value, onChange, defaultValue, selected
     selectedOptionFormatter: SelectedOptionFormatter;
 }): {
     inputValue: string;
-    setInputValue: (value: any, ...args: any[]) => any;
+    setInputValue: (value: any, ...args: any[]) => ReturnType<Handler> | void;
     prevInputValue: import("react").MutableRefObject<string>;
-    onInputValueChange: (value: any, ...args: any[]) => any;
+    onInputValueChange: (value: any, ...args: any[]) => ReturnType<Handler> | void;
     updateInputValue: (selectedItem?: ItemWithId) => void;
 };
 export declare function useHandleDeleteItem(setValue: Handler): (item?: ItemWithId) => (e?: MouseEvent<HTMLButtonElement>) => void;

package/dist/components/FieldSelect/utils/getArrowIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from '@snack-uikit/input-private';
 export declare function getArrowIcon({ size, open }: {
     size: Size;

package/dist/components/FieldSelect/utils/updateItems.d.ts

@@ -24,7 +24,7 @@ export declare function updateMultipleItems({ options, value, selectedItems, }:
 }): {
     selectedItems: undefined;
     items: (import("@snack-uikit/list/dist/components/Items").Item & {
-        appearance?: import("@snack-uikit/tag/dist/types").Appearance | undefined;
+        appearance?: import("@snack-uikit/tag").TagProps["appearance"];
     })[];
 } | {
     selectedItems: ItemWithId[];

package/dist/components/FieldSlider/FieldSlider.d.ts

@@ -16,6 +16,6 @@ type FieldSliderOwnProps = {
 };
 export type FieldSliderProps = WithSupportProps<FieldSliderOwnProps & SliderProps & WrapperProps>;
 export declare const FieldSlider: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & FieldSliderOwnProps & Pick<InputPrivateProps, "disabled" | "readonly" | "id" | "name" | "onFocus" | "onBlur"> & Pick<SliderComponentProps, "onChange" | "value" | "range" | "tipFormatter"> & Required<Pick<SliderComponentProps, "max" | "min" | "step" | "marks">> & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/FieldStepper/FieldStepper.d.ts

@@ -16,6 +16,6 @@ type FieldStepperOwnProps = {
 };
 export type FieldStepperProps = WithSupportProps<FieldStepperOwnProps & InputProps & WrapperProps>;
 export declare const FieldStepper: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & FieldStepperOwnProps & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/FieldText/FieldText.d.ts

@@ -19,6 +19,6 @@ type FieldTextOwnProps = {
 };
 export type FieldTextProps = WithSupportProps<FieldTextOwnProps & InputProps & WrapperProps>;
 export declare const FieldText: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & FieldTextOwnProps & Pick<Partial<InputPrivateProps>, "onChange" | "value"> & Pick<InputPrivateProps, "disabled" | "readonly" | "id" | "name" | "onFocus" | "onBlur" | "placeholder" | "maxLength"> & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/FieldTextArea/FieldTextArea.d.ts

@@ -25,6 +25,6 @@ type FieldTextAreaOwnProps = {
 };
 export type FieldTextAreaProps = WithSupportProps<FieldTextAreaOwnProps & InputProps & WrapperProps>;
 export declare const FieldTextArea: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string | undefined;
+    'data-test-id'?: string;
 } & import("react").AriaAttributes & FieldTextAreaOwnProps & Pick<Partial<TextAreaProps>, "value"> & Pick<TextAreaProps, "disabled" | "readonly" | "id" | "name" | "onFocus" | "onBlur" | "placeholder" | "maxLength"> & WrapperProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/helperComponents/ButtonCopyValue/styles.module.css

@@ -39,7 +39,7 @@
   outline-offset:var(--spacing-state-focus-offset, 2px);
 }
 .buttonCopyValue:active{
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
 }
 .buttonCopyValue[data-disabled]{
   cursor:not-allowed;

package/dist/helperComponents/ButtonHideValue/styles.module.css

@@ -39,7 +39,7 @@
   outline-offset:var(--spacing-state-focus-offset, 2px);
 }
 .buttonHideValue:active{
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
 }
 .buttonHideValue[data-disabled]{
   cursor:not-allowed;

package/dist/helperComponents/FieldContainerPrivate/styles.module.css

@@ -23,7 +23,7 @@
   outline-color:var(--sys-primary-decor-activated, #c5b2f1);
 }
 .container[data-validation=error]{
-  background-color:var(--sys-red-background1-level, #fcf6f5);
+  background-color:var(--sys-red-background1-level, #fef6f3);
   border-color:var(--sys-red-decor-default, #fdd6cd);
 }
 .container[data-validation=error]:hover{
@@ -35,11 +35,11 @@
   outline-style:var(--border-state-focus-m-border-style, solid);
   outline-color:var(--border-state-focus-m-border-color, );
   background-color:var(--sys-neutral-background2-level, #ffffff);
-  border-color:var(--sys-red-accent-default, #cd3c3c);
+  border-color:var(--sys-red-accent-default, #cb3f3e);
   outline-color:var(--sys-red-decor-activated, #fbab99);
 }
 .container[data-validation=warning]{
-  background-color:var(--sys-yellow-background1-level, #fefae6);
+  background-color:var(--sys-yellow-background1-level, #fcfbef);
   border-color:var(--sys-yellow-decor-default, #f0dfb1);
 }
 .container[data-validation=warning]:hover{
@@ -51,11 +51,11 @@
   outline-style:var(--border-state-focus-m-border-style, solid);
   outline-color:var(--border-state-focus-m-border-color, );
   background-color:var(--sys-neutral-background2-level, #ffffff);
-  border-color:var(--sys-yellow-accent-default, #ffc443);
-  outline-color:var(--sys-yellow-decor-activated, #e5c878);
+  border-color:var(--sys-yellow-accent-default, #e2b134);
+  outline-color:var(--sys-yellow-decor-activated, #e6c878);
 }
 .container[data-validation=success]{
-  background-color:var(--sys-green-background1-level, #f6faf3);
+  background-color:var(--sys-green-background1-level, #f6fdf3);
   border-color:var(--sys-green-decor-default, #d2ead0);
 }
 .container[data-validation=success]:hover{

package/dist/helperComponents/TextArea/styles.module.css

@@ -5,7 +5,7 @@
   max-width:100%;
   margin:0;
   padding:0;
-  color:var(--sys-neutral-text-main, #33343f);
+  color:var(--sys-neutral-text-main, #41424e);
   background-color:transparent;
   border:none;
   border-radius:0;

package/dist/hooks/useValueControl.d.ts

@@ -3,5 +3,5 @@ type UseValueControl<TValue> = {
     onChange?(value: TValue): void;
     defaultValue?: TValue;
 };
-export declare function useValueControl<TValue>({ value, onChange, defaultValue }: UseValueControl<TValue>): readonly [TValue | undefined, (value: any, ...args: any[]) => any];
+export declare function useValueControl<TValue>({ value, onChange, defaultValue }: UseValueControl<TValue>): readonly [TValue | undefined, (value: any, ...args: any[]) => ReturnType<import("uncontrollable").Handler> | void];
 export {};

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.23.4",
+  "version": "0.23.5-preview-8898cdde.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,18 +32,18 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.2",
+    "@snack-uikit/button": "0.17.3-preview-8898cdde.0",
     "@snack-uikit/calendar": "0.7.10",
     "@snack-uikit/dropdown": "0.2.4",
     "@snack-uikit/icons": "0.22.0",
     "@snack-uikit/input-private": "3.1.4",
-    "@snack-uikit/list": "0.14.2",
+    "@snack-uikit/list": "0.14.3-preview-8898cdde.0",
     "@snack-uikit/scroll": "0.6.0",
     "@snack-uikit/skeleton": "0.3.4",
     "@snack-uikit/slider": "0.1.15",
     "@snack-uikit/tag": "0.9.7",
     "@snack-uikit/tooltip": "0.13.7",
-    "@snack-uikit/truncate-string": "0.4.20",
+    "@snack-uikit/truncate-string": "0.4.21-preview-8898cdde.0",
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "3.3.3",
@@ -59,5 +59,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "d1b1ac720c6ea300a6c8cc3b4765609899200af7"
+  "gitHead": "a0351f376ac28462b847d1bf99ad3f7ba7a1d0cd"
 }