indicator-ui 0.0.107 → 0.0.108

package/dist/scss/ui/InputFields/TextareaField/styles/mixin/textareaField.scss

@@ -15,6 +15,8 @@
     border: 1px solid var(--gray-300);
     box-shadow: 0 1px 2px 0 #1018280D;
 
+    transition: all ease-out 200ms;
+
     @include fnt($size: 16, $line-height: 24, $weight: 400, $color: var(--gray-900));
 
     &::placeholder {
@@ -22,11 +24,11 @@
     }
 
     &:focus {
-      box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 #1018280D;
+      border: 1px solid var(--gray-400);
     }
 
     &.offFocus {
-      box-shadow: 0 1px 2px 0 #1018280D;
+
     }
 
     &:disabled {
@@ -38,7 +40,7 @@
       border: 1px solid var(--error-300);
 
       &:focus {
-        box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 #1018280D;
+        border: 1px solid var(--error-400);
       }
     }
 

package/dist/types/src/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './dict';
 export * from './array';
 export * from './reactComponents';
+export * from './time';

package/dist/types/src/lib/time/index.d.ts

@@ -0,0 +1,2 @@
+export * from './saveFormatDate';
+export * from './saveParseDate';

package/dist/types/src/lib/time/saveFormatDate.d.ts

@@ -0,0 +1,20 @@
+import { Locale } from "date-fns";
+type SaveFormatDateOptionsType = {
+    /**
+     * Стартовый формат.
+     * */
+    from?: string;
+    /**
+     * Конечный формат.
+     * */
+    to: string;
+    /**
+     * Возвращать ли null при неудачном форматирование.
+     *
+     * ```default: false```
+     * */
+    errorNull?: boolean;
+    locale?: Pick<Locale, "options" | "localize" | "formatLong">;
+};
+export declare function saveFormatDate(date: string | Date, { from, to, errorNull, locale }: SaveFormatDateOptionsType): string | Date;
+export {};

package/dist/types/src/lib/time/saveParseDate.d.ts

@@ -0,0 +1,14 @@
+type SaveParseDateOptionsType = {
+    /**
+     * Стартовый формат.
+     * */
+    from?: string;
+    /**
+     * Возвращать ли null при неудачном форматирование.
+     *
+     * ```default: false```
+     * */
+    errorNull?: boolean;
+};
+export declare function saveParseDate(date: string, { from }: SaveParseDateOptionsType): Date;
+export {};

package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts

@@ -48,8 +48,6 @@ export type ButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     width?: 'fill' | 'hug';
     /** Тип высоты, fill --- заполнит, hug --- подгонит под контент */
     height?: 'fill' | 'hug';
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
     /** Кастомный компонент с обязательным пропсом children, в него будут вставлены элементы кнопки и накинуты стили */
     customComponent?: ReactElement<{
         children?: ReactNode;
@@ -58,4 +56,6 @@ export type ButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
         [key: string]: any;
     }>;
     className?: ButtonClassNameType;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
 };

package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts

@@ -1,4 +1,4 @@
 import { FORM_BUILDER_SCHEMA } from "../schemes";
 import { AdditionPropsType } from "../types";
-declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>)[];
+declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
 export default formBuilder;

package/dist/types/src/ui/FormBuilder/types/FormBuilderTypes.d.ts

@@ -1,7 +1,7 @@
-import { InputFieldClassNameType } from "../../../ui";
 import { DictDeepActionKeyWayType } from "../../../../../types";
 import { UseFormDataDeleteArrayItemType, UseFormDataGetValueType, UseFormDataSetValueType, UseIsErrorFieldAddErrorFieldType, UseIsErrorFieldGetErrorMessageType, UseIsErrorFieldIsErrorFieldType, UseIsErrorFieldIsErrorType, UseIsErrorFieldRemoveErrorFieldType } from "../../../hooks";
 import { FORM_BUILDER_SCHEMA } from "../schemes";
+export type InputFieldClassNameType = Record<string, string>;
 export type FormBuilderPropsType<T> = {
     schema: FORM_BUILDER_SCHEMA;
     formDataDefault?: T;
@@ -46,7 +46,7 @@ export type AdditionPropsType = {
     removeErrorField: UseIsErrorFieldRemoveErrorFieldType;
     addOnChangeErrorField: UseIsErrorFieldAddErrorFieldType;
     removeOnChangeErrorField: UseIsErrorFieldRemoveErrorFieldType;
-    inputFieldClassName?: InputFieldClassNameType;
+    inputFieldClassName?: Record<string, string>;
     standardCompAdditionProps?: StandardCompAdditionPropsType;
     customCompAdditionProps?: CustomCompAdditionPropsType;
     inputFieldAdditionProps?: InputFieldAdditionPropsType;

package/dist/types/src/ui/InputFields/DateTimeField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './types';

package/dist/types/src/ui/InputFields/DateTimeField/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as DateTimeFieldStyle } from './DateTimeField.module.scss';

package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldTypes.d.ts

@@ -0,0 +1,17 @@
+import { FieldsBasePropsType } from "../../FieldsBase";
+export type DateFieldPropsType = FieldsBasePropsType<string> & {
+    /**
+     * Формат даты.
+     * */
+    dateFormat?: string;
+    /**
+     * Максимально допустимый год.
+     * */
+    maxYear?: number;
+    /**
+     * Минимально допустимый год.
+     * */
+    minYear?: number;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+};

package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts

@@ -0,0 +1,36 @@
+import { FieldsBasePropsType } from "../../FieldsBase";
+export type DateTimeFieldValueType = string;
+/**
+ * Конфигурация поля. Соответственно *одна дата*, *одно время* или *и то и другое*.
+ * */
+export type DateTimeFieldFieldConfigType = 'date' | 'time' | 'datetime';
+export type DateTimeFieldPropsType = FieldsBasePropsType<DateTimeFieldValueType> & {
+    /**
+     * Тип поля.
+     *
+     * `'datetime'` - время и дата.
+     *
+     * `'date'` - только дата.
+     *
+     * `'time'` - только время.
+     * */
+    fieldConfig?: DateTimeFieldFieldConfigType;
+    /**
+     * Визуальны формат времени, то как время будет показывать в поле.
+     * */
+    timeFormat?: string;
+    /**
+     * Визуальны формат даты, то как дата будет показывать в поле.
+     * */
+    dateFormat?: string;
+    /**
+     * Выходной формат.
+     *
+     * _Следите, чтобы в выходном формате было достаточно переменных, для визуальных (`timeFormat` и `dateFormat`)._
+     * */
+    outFormat?: string | 'iso-8601';
+    /**
+     * Добавочные имена стилей. ```className="main-style addition-style-1 addition-style-2..."```
+     * */
+    additionStyle?: string | string[];
+};

package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldTypes.d.ts

@@ -0,0 +1,6 @@
+import { FieldsBasePropsType } from "../../FieldsBase";
+export type TimeFieldPropsType = FieldsBasePropsType<string> & {
+    timeFormat?: string;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+};

package/dist/types/src/ui/InputFields/DateTimeField/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DateTimeFieldTypes';
+export * from './DateFieldTypes';
+export * from './TimeFieldTypes';

package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts

@@ -0,0 +1,2 @@
+import { DateFieldPropsType } from "../types";
+export declare function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat, onBlur, minYear, maxYear, additionStyles, }: DateFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts

@@ -0,0 +1,2 @@
+import { DateTimeFieldPropsType } from "../types";
+export declare function DateTimeField({ value, fieldConfig, onChange, dateFormat, timeFormat, outFormat, additionStyle, ...props }: DateTimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts

@@ -0,0 +1,2 @@
+import { TimeFieldPropsType } from "../types";
+export declare function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat, onBlur, additionStyles, }: TimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeField/ui/index.d.ts

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

package/dist/types/src/ui/InputFields/FieldsBase/index.d.ts

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

package/dist/types/src/ui/InputFields/FieldsBase/types/FieldsBaseTypes.d.ts

@@ -0,0 +1,9 @@
+export type FieldsBasePropsType<T> = {
+    value?: T;
+    onChange?: (value: T) => void;
+    required?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+};

package/dist/types/src/ui/InputFields/FieldsBase/types/index.d.ts

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

package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts

@@ -1,31 +1,9 @@
 import React, { ReactNode } from "react";
-export type FlexFieldClassNameType = {
-    flexField?: string;
-    inputField?: string;
-    placeholder?: string;
-    isError?: string;
-    disabled?: string;
-    focus?: string;
-    pointer?: string;
-    icon?: string;
-    textSupport?: string;
-    userPic?: string;
-    help?: string;
-    dropdown?: string;
-    dropdownReverse?: string;
-    button?: string;
-    gray?: string;
-    red?: string;
-};
+import { FieldsBasePropsType } from "../../FieldsBase";
 export type BlocksType = any;
 export type PatternType = any;
-export type FlexFieldPropsType = {
-    value?: any;
-    /**
-     * unmask="typed" // Возвращает данные без маски
-     * */
+export type FlexFieldPropsType = FieldsBasePropsType<string> & {
     type?: string;
-    onChange?: (value: any) => void;
     /**
      * Маска imask, можно засунуть, как строку (к примеру 000-000-000),
      * так и регулярное выражение. Важно!!!: не ставить маску undefined,
@@ -46,11 +24,6 @@ export type FlexFieldPropsType = {
      * */
     pattern?: PatternType;
     placeholder?: string;
-    required?: boolean;
-    disabled?: boolean;
-    isError?: boolean;
-    onFocus?: (e: any) => void;
-    onBlur?: (e: any) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * Выключает стиль фокуса.

package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts

@@ -1,4 +1,23 @@
 import React from "react";
-import { FlexFieldPropsType } from "../types";
-declare const FlexField: React.ForwardRefExoticComponent<FlexFieldPropsType & React.RefAttributes<HTMLDivElement>>;
+declare const FlexField: React.ForwardRefExoticComponent<import("../..").FieldsBasePropsType<string> & {
+    type?: string;
+    mask?: any;
+    unmask?: any;
+    blocks?: import("../types").BlocksType;
+    pattern?: import("../types").PatternType;
+    placeholder?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    offFocus?: boolean;
+    notInput?: boolean;
+    icon?: React.ReactNode;
+    textSupport?: boolean | string | React.ReactNode;
+    userPic?: string | React.ReactNode;
+    help?: boolean | React.ReactNode;
+    dropdown?: boolean | React.ReactNode;
+    onDropdownClick?: (e: any) => void;
+    button?: boolean | React.ReactNode;
+    dropdownState?: boolean | string;
+    buttonState?: "gray" | "red" | string;
+    onButtonClick?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
 export default FlexField;

package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts

@@ -1,11 +1,10 @@
-import { SwitcherFieldClassNameType, SwitcherFieldPropsType } from '../../SwitcherField';
-import { FlexFieldClassNameType, FlexFieldPropsType } from '../../FlexField';
-import { RadioFieldClassNameType, RadioFieldPropsType } from '../../RadioField';
-import { SelectFieldClassNameType, SelectFieldPropsType } from '../../SelectField';
-import { TextareaFieldClassNameType, TextareaFieldPropsType } from '../../TextareaField';
-import { InputFieldWrapperClassNameType, InputFieldWrapperPropsType } from "../../InputFieldWrapper";
+import { SwitcherFieldPropsType } from '../../SwitcherField';
+import { FlexFieldPropsType } from '../../FlexField';
+import { RadioFieldPropsType } from '../../RadioField';
+import { SelectFieldPropsType } from '../../SelectField';
+import { TextareaFieldPropsType } from '../../TextareaField';
+import { InputFieldWrapperPropsType } from "../../InputFieldWrapper";
 export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'textarea' | string;
-export type InputFieldClassNameType = SwitcherFieldClassNameType & FlexFieldClassNameType & RadioFieldClassNameType & SelectFieldClassNameType & TextareaFieldClassNameType & InputFieldWrapperClassNameType & {};
 export type InputFieldPropsType = Omit<(({
     type?: 'switcher';
 } & SwitcherFieldPropsType) & ({

package/dist/types/src/ui/InputFields/RadioField/types/RadioFieldTypes.d.ts

@@ -1,8 +1,6 @@
-import { RadioFieldItemClassNameType, RadioFieldOwnerItemPropsType } from './RadioFieldItemTypes';
 import { ReactElement } from "react";
-export type RadioFieldClassNameType = RadioFieldItemClassNameType & {
-    radioField?: string;
-};
+import { RadioFieldOwnerItemPropsType } from './RadioFieldItemTypes';
+import { FieldsBasePropsType } from '../../FieldsBase';
 export type RadioFieldOptionsItemType = {
     value: any;
     label?: string;
@@ -10,11 +8,7 @@ export type RadioFieldOptionsItemType = {
 };
 export type RadioFieldOptionsType = RadioFieldOptionsItemType[];
 export type RadioFieldValueType = any | any[];
-export type RadioFieldPropsType = {
-    value?: RadioFieldValueType;
-    onChange?: (value: any) => void;
+export type RadioFieldPropsType = FieldsBasePropsType<RadioFieldValueType> & {
     options?: RadioFieldOptionsType;
-    required?: boolean;
     multiple?: boolean;
-    disabled?: boolean;
 };

package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts

@@ -1,12 +1,6 @@
 import React, { ReactElement } from "react";
-import { FlexFieldClassNameType, FlexFieldPropsType } from '../../FlexField';
-import { SelectModalWindowClassNameType } from './SelectModalWindowTypes';
+import { FieldsBasePropsType } from '../../FieldsBase';
 import { SelectFieldOptionsOwnerItemPropsType } from "./SelectFieldOptionsItemTypes";
-export type SelectFieldClassNameType = FlexFieldClassNameType & SelectModalWindowClassNameType & {
-    selectField?: string;
-    modalWindow?: string;
-    show?: string;
-};
 export type SelectFieldOptionsItemType = {
     value: any;
     label?: string;
@@ -16,9 +10,8 @@ export type SelectFieldOptionsType = SelectFieldOptionsItemType[];
 export type SelectFieldValueType = any[] | any;
 export type SelectFieldLoadMoreOptionsType = (optionsCount: number, searchString?: string) => Promise<SelectFieldOptionsType | undefined>;
 export type SelectFiledSearchOptionsType = (searchString: string, curOptions: SelectFieldOptionsType) => Promise<SelectFieldOptionsType | undefined>;
-export type SelectFieldPropsType = Omit<FlexFieldPropsType, 'value' | 'onChange' | 'className'> & {
-    value?: SelectFieldValueType;
-    onChange?: (value: any) => void;
+export type SelectFieldPropsType = FieldsBasePropsType<SelectFieldValueType> & {
+    placeholder?: string;
     /**
      * Функция поиска. Передает текущую строку поиска и текущие **options**.
      * Ожидает промис новых **options**, которы будут поставлены на место старых.

package/dist/types/src/ui/InputFields/SwitcherField/types/SwitcherFieldTypes.d.ts

@@ -1,12 +1,6 @@
 import { ReactElement, ReactNode } from "react";
-export type SwitcherFieldClassNameType = {
-    switcherField?: string;
-    active?: string;
-};
-export type SwitcherFieldPropsType = {
-    value?: boolean;
-    onChange?: (value: any) => void;
-    disabled?: boolean;
-    switcherWrapper?: ReactElement<any>;
+import { FieldsBasePropsType } from "../../FieldsBase";
+export type SwitcherFieldPropsType = FieldsBasePropsType<boolean> & {
     children?: ReactNode;
+    switcherWrapper?: ReactElement<any>;
 };

package/dist/types/src/ui/InputFields/TextareaField/types/TextareaFieldTypes.d.ts

@@ -1,16 +1,7 @@
-export type TextareaFieldClassNameType = {
-    textareaField?: string;
-    isError?: string;
-    offFocus?: string;
-};
-export type TextareaFieldPropsType = {
-    value?: string;
+import { FieldsBasePropsType } from '../../FieldsBase';
+export type TextareaFieldPropsType = FieldsBasePropsType<string> & {
     name?: string;
     placeholder?: string;
-    onChange?: (value: any) => void;
-    isError?: boolean;
-    required?: boolean;
-    disabled?: boolean;
     /**
      * Выключает стиль фокуса.
      * */

package/dist/types/src/ui/InputFields/index.d.ts

@@ -5,3 +5,5 @@ export * from './SwitcherField';
 export * from './RadioField';
 export * from './TextareaField';
 export * from './InputField';
+export * from './FieldsBase';
+export * from './DateTimeField';

package/dist/types/src/ui/MicroButton/types/MicroButtonTypes.d.ts

@@ -31,8 +31,6 @@ export type MicroButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     size?: MicroButtonSizeType;
     /** Цвет иконки (Color в дизайне) */
     color?: MicroButtonColorsType;
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
     /** Кастомный компонент с обязательным пропсом children, в него будут вставлены элементы кнопки и накинуты стили */
     customComponent?: ReactElement<{
         children?: ReactNode;
@@ -41,4 +39,6 @@ export type MicroButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonEle
         [key: string]: any;
     }>;
     className?: MicroButtonClassNameType;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
 };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.107",
+  "version": "0.0.108",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",
   "sass": "dist/scss/index.scss",
+  "sideEffects": true,
   "scripts": {
     "dev:dev": "webpack serve --mode=development",
     "dev:build": "webpack --mode=production && tsc --project tsconfig.json --outDir webpack",