indicator-ui 0.0.185 → 0.0.187

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

@@ -1,13 +1,2 @@
-import { FieldsBasePropsType } from "../../FieldsBase";
-import { FormatNameType } from "../../../../lib";
-export type TimeFieldPropsType = FieldsBasePropsType<string> & {
-    /**
-     * Формат времени.
-     * */
-    timeFormat?: FormatNameType;
-    placeholder?: string;
-    /** Дополнительные имена стилей */
-    additionStyles?: string | string[];
-    timeZone?: string;
-    className?: string;
-};
+import { DateTimeFieldPropsType } from "../../../../ui";
+export type TimeFieldPropsType = Omit<DateTimeFieldPropsType, 'iconDate' | 'textDate' | 'datePlaceholder' | 'dateFormat'>;

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

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

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

@@ -1,2 +1,2 @@
-import { DateFieldPropsType } from "../types";
-export declare function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat, onBlur, minYear, maxYear, timeZone, placeholder, className, }: DateFieldPropsType): import("react/jsx-runtime").JSX.Element;
+import { DateFieldPropsType } from "../../../../ui";
+export declare function DateField({ value, onChange, dateFormat, outFormat, additionStyle, datePlaceholder, iconDate, textDate, clearButton, isError, disabled, onFocus, onBlur, width, ...props }: DateFieldPropsType): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,2 +1,2 @@
 import { DateTimeFieldPropsType } from "../types";
-export declare function DateTimeField({ value, fieldConfig, onChange, dateFormat, timeFormat, outFormat, additionStyle, datePlaceholder, timePlaceholder, timeZone, iconDate, iconTime, textDate, textTime, xClose, isError, onFocus, onBlur, ...props }: DateTimeFieldPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeField({ value, onChange, dateFormat, timeFormat, outFormat, additionStyle, datePlaceholder, timePlaceholder, iconDate, iconTime, textDate, textTime, clearButton, isError, disabled, onFocus, onBlur, width, ...props }: DateTimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-import { TimeFieldPropsType } from "../types";
-export declare function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat, onBlur, placeholder, additionStyles, timeZone, className }: TimeFieldPropsType): import("react/jsx-runtime").JSX.Element;
+import { TimeFieldPropsType } from "../../../../ui";
+export declare function TimeField({ value, onChange, timeFormat, outFormat, additionStyle, timePlaceholder, iconTime, textTime, clearButton, isError, disabled, onFocus, onBlur, width, ...props }: TimeFieldPropsType): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1 +1,5 @@
 export * from './DateTimeField';
+export * from './DateField';
+export * from './TimeField';
+export * from './TimeFieldBase';
+export * from './DateFieldBase';

package/dist/types/src/ui/{DatePicker → InputFields/DateTimeFieldMask}/index.d.ts

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

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

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

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

@@ -0,0 +1,45 @@
+import React from "react";
+export type DateTimeFieldMaskPropsType = {
+    /**
+     * Первой поле (слева).
+     *
+     * При ```undefined``` не покажет его вовсе.
+     * */
+    firstField?: React.ReactNode;
+    /**
+     * Второе поле (справа).
+     *
+     * При ```undefined``` не покажет его вовсе.
+     * */
+    secondField?: React.ReactNode;
+    /**
+     * Добавочные имена стилей. ```className="main-style addition-style-1 addition-style-2..."```
+     * */
+    additionStyle?: string | string[];
+    isFocus?: boolean;
+    isError?: boolean;
+    disabled?: boolean;
+    /**
+     * Иконка слева у даты.
+     * */
+    iconFirst?: React.ReactNode;
+    /**
+     * Иконка слева у времени.
+     * */
+    iconSecond?: React.ReactNode;
+    /**
+     * Надпись слева от даты.
+     * */
+    textFirst?: React.ReactNode;
+    /**
+     *  Надпись слева от даты.
+     *  */
+    textSecond?: React.ReactNode;
+    /**
+     * Кнопка в правой част.
+     *
+     * При ```undefined``` не показывает кнопку.
+     * */
+    onXClose?: () => void;
+    width?: 'fill' | 'hug';
+};

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

@@ -0,0 +1,2 @@
+import { DateTimeFieldMaskPropsType } from "../types";
+export declare function DateTimeFieldMask({ firstField, secondField, iconFirst, iconSecond, textFirst, textSecond, isFocus, isError, disabled, additionStyle, onXClose, width, }: DateTimeFieldMaskPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from "./DateTimeFieldMask";

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

@@ -1 +1,2 @@
 export { default as DateTimeRangeFieldStyle } from './DateTimeRangeField.module.scss';
+export { default as SingleRangeFieldStyle } from './SingleRangeField.module.scss';

package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateRangeFieldTypes.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { FieldsBasePropsType } from "../../../../ui";
+import { DateTimeRangeFieldValueType } from "./DateTimeRangeFieldTypes";
+export type DateRangeFieldPropsType = FieldsBasePropsType<DateTimeRangeFieldValueType> & {
+    firstPlaceholder?: string;
+    secondPlaceholder?: string;
+    firstIcon?: React.ReactNode;
+    secondIcon?: React.ReactNode;
+    firstText?: React.ReactNode;
+    secondText?: React.ReactNode;
+    timeFormat?: string;
+    clearButton?: boolean;
+    width?: 'fill' | 'hug';
+    additionsStyles?: string[] | string;
+};

package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateTimeRangeFieldTypes.d.ts

@@ -1,5 +1,6 @@
 import { DateTimeFieldPropsType } from "../../../../ui";
-export type DateTimeRangeFieldValueType = [string | undefined, string | undefined] | [string | undefined] | [undefined] | [];
+export type DateTimeRangeFieldValueItemType = string | undefined;
+export type DateTimeRangeFieldValueType = [DateTimeRangeFieldValueItemType, DateTimeRangeFieldValueItemType] | [DateTimeRangeFieldValueItemType] | [];
 export type DateTimeRangeFieldPropsType = Omit<DateTimeFieldPropsType, 'value' | 'onChange'> & {
     value?: DateTimeRangeFieldValueType;
     onChange?: (value: DateTimeRangeFieldValueType) => void;

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

@@ -1 +1,2 @@
 export * from './DateTimeRangeFieldTypes';
+export * from './DateRangeFieldTypes';

package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts

@@ -0,0 +1,2 @@
+import { DateRangeFieldPropsType } from "../types";
+export declare function DateRangeField({ value, onChange, secondPlaceholder, firstPlaceholder, secondIcon, disabled, timeFormat, required, firstIcon, onBlur, firstText, secondText, onFocus, isError, clearButton, width, additionsStyles, }: DateRangeFieldPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts

@@ -0,0 +1,2 @@
+import { DateRangeFieldPropsType } from "../types";
+export declare function TimeRangeField({ value, onChange, secondPlaceholder, firstPlaceholder, secondIcon, disabled, timeFormat, required, firstIcon, onBlur, firstText, secondText, onFocus, isError, clearButton, width, additionsStyles, }: DateRangeFieldPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,3 @@
 export * from './DateTimeRangeField';
+export * from './DateRangeField';
+export * from './TimeRangeField';

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

@@ -1,2 +1,2 @@
-export { default as InputField } from './ui/InputField';
+export * from './ui';
 export * from './types';

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

@@ -4,9 +4,12 @@ import { RadioFieldPropsType } from '../../RadioField';
 import { SelectFieldPropsType } from '../../SelectField';
 import { TextareaFieldPropsType } from '../../TextareaField';
 import { InputFieldWrapperPropsType } from "../../InputFieldWrapper";
-import { DateTimeFieldPropsType } from "../../DateTimeField";
+import { DateFieldPropsType, DateTimeFieldPropsType, TimeFieldPropsType } from "../../DateTimeField";
 import { DateTimeRangeFieldPropsType } from "../../../../ui/InputFields/DateTimeRangeField";
-export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'checkbox' | 'textarea' | 'date' | 'time' | 'datetime' | 'datetime-range';
+export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'checkbox' | 'textarea' | 'date' | 'time' | 'datetime' | 'datetime-range' | 'date-range' | 'time-range';
+export type InputFieldBasePropsType = Omit<InputFieldWrapperPropsType, 'children' | 'additionStyle'> & {
+    offWrapper?: boolean;
+};
 export type InputFieldPropsType = (({
     type: 'switcher';
 } & SwitcherFieldPropsType) | ({
@@ -18,11 +21,19 @@ export type InputFieldPropsType = (({
 } & RadioFieldPropsType) | ({
     type: 'textarea';
 } & TextareaFieldPropsType) | ({
-    type: 'date' | 'time' | 'datetime';
+    type: 'date';
+} & DateFieldPropsType) | ({
+    type: 'time';
+} & TimeFieldPropsType) | ({
+    type: 'datetime';
 } & DateTimeFieldPropsType) | ({
     type: 'datetime-range';
+} & DateTimeRangeFieldPropsType) | ({
+    type: 'date-range';
+} & DateTimeRangeFieldPropsType) | ({
+    type: 'time-range';
 } & DateTimeRangeFieldPropsType) | ({
     type?: Exclude<HTMLInputElement['type'] | string, InputFieldTypes> | undefined;
-} & FlexFieldPropsType & Record<string, any>)) & Omit<InputFieldWrapperPropsType, 'children'> & {
+})) & FlexFieldPropsType & Record<string, any> & Omit<InputFieldWrapperPropsType, 'children' | 'additionStyle'> & {
     offWrapper?: boolean;
 };

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

@@ -1,3 +1,38 @@
-import React from "react";
-import { InputFieldPropsType } from "../types";
-export default function InputField({ type, offWrapper, ...props }: InputFieldPropsType): React.JSX.Element;
+import { DateFieldPropsType, DateTimeFieldPropsType, DateTimeRangeFieldPropsType, FlexFieldPropsType, RadioFieldPropsType, SelectFieldPropsType, SwitcherFieldPropsType, TextareaFieldPropsType, TimeFieldPropsType } from "../../../InputFields";
+import { InputFieldBasePropsType } from "../types";
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'switcher';
+} & SwitcherFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'select';
+} & SelectFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'radio';
+} & RadioFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'checkbox';
+} & RadioFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'textarea';
+} & TextareaFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'date';
+} & DateFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'time';
+} & TimeFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'datetime';
+} & DateTimeFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'datetime-range';
+} & DateTimeRangeFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'date-range';
+} & DateTimeRangeFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type: 'time-range';
+} & DateTimeRangeFieldPropsType): any;
+export declare function InputField(props: InputFieldBasePropsType & {
+    type?: string;
+} & FlexFieldPropsType): any;

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

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

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

@@ -8,3 +8,4 @@ export * from './InputField';
 export * from './FieldsBase';
 export * from './DateTimeField';
 export * from './DateTimeRangeField';
+export * from './DateTimeFieldMask';

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

@@ -1,6 +1,5 @@
 export * from './Buttons';
 export * from './MicroButton';
-export * from './DatePicker';
 export * from './InputFields';
 export * from './FormBuilder';
 export * from './CheckboxMark';
@@ -23,3 +22,4 @@ export * from './Loaders';
 export * from './MediaViewer';
 export * from './Carousel';
 export * from './PlayButton';
+export * from './DateTimePicker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.185",
+  "version": "0.0.187",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",

package/dist/types/src/test/pages/DatePickerPage.d.ts

@@ -1 +0,0 @@
-export declare function DatePickerPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/const/index.d.ts

@@ -1,3 +0,0 @@
-export declare const CALENDAR_DAY_TARGET_DATE = "calendar-day-target-date";
-export declare const NUM_OF_ROWS = 6;
-export declare const NUM_OF_COLS = 7;

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

@@ -1,24 +0,0 @@
-import { DatePickerChosenIntervalType } from "../types";
-export declare const saveParseDate: (date: string, dateFormat: string) => Date;
-export declare const getIntervalDate: (targetDate: string) => {
-    start: string;
-    end: string;
-};
-export declare const getNewInterval: (prevState: DatePickerChosenIntervalType, newDate: string) => DatePickerChosenIntervalType;
-export declare const getInitChosenInterval: ({ start, end, multiple, formatIn }: {
-    start?: string;
-    end?: string;
-    multiple?: boolean;
-    formatIn?: string;
-}) => {
-    start: string;
-    end: string;
-} | {
-    start: string;
-    end?: undefined;
-};
-export declare const getInitTargetDate: ({ start, end, formatIn }: {
-    start?: string;
-    end?: string;
-    formatIn?: string;
-}) => string;

package/dist/types/src/ui/DatePicker/styles/index.d.ts

@@ -1,6 +0,0 @@
-export { default as CalendarDayStyle } from './CalendarDay.module.scss';
-export { default as DatePickerStyle } from './DatePicker.module.scss';
-export { default as DatePickerMainStyle } from './DatePickerMain.module.scss';
-export { default as DateGridStyle } from './DateGrid.module.scss';
-export { default as DatePickerHeaderStyle } from './DatePickerHeader.module.scss';
-export { default as DatePickerFooterStyle } from './DatePickerFooter.module.scss';

package/dist/types/src/ui/DatePicker/types/CalendarDayTypes.d.ts

@@ -1,24 +0,0 @@
-export type CalendarDayClassNameType = {
-    calendarDay?: string;
-    mark?: string;
-    day?: string;
-    info?: string;
-    holiday?: string;
-    filter?: string;
-    active?: string;
-};
-export type CalendarDayMetaDayType = number | string;
-export type CalendarDayMetaInfoType = number | string;
-export type CalendarDayMetaType = {
-    day?: CalendarDayMetaDayType;
-    info?: CalendarDayMetaInfoType;
-};
-export type CalendarDayPropsType = CalendarDayMetaType & {
-    disabled?: boolean;
-    holiday?: boolean;
-    active?: boolean;
-    filter?: boolean;
-    mark?: boolean;
-    onClick?: () => void;
-    className?: CalendarDayClassNameType;
-};

package/dist/types/src/ui/DatePicker/types/DateGridTypes.d.ts

@@ -1,10 +0,0 @@
-import { CalendarDayMetaList } from "./DatePickerMainTypes";
-export type DateGridOnClickDate = (date: string) => void;
-export type DateGridStatesType = 'upEntrance' | 'downEntrance' | 'upExit' | 'downExit' | 'display-none';
-export type DateGridPropsType = {
-    grid: CalendarDayMetaList;
-    onClickDate?: DateGridOnClickDate;
-    onScrollUp?: () => void;
-    onScrollDown?: () => void;
-    state?: DateGridStatesType;
-};

package/dist/types/src/ui/DatePicker/types/DatePickerFooterTypes.d.ts

@@ -1,4 +0,0 @@
-export type DatePickerFooterPropsType = {
-    onCancel?: () => void;
-    onSubmit?: () => void;
-};

package/dist/types/src/ui/DatePicker/types/DatePickerHeaderTypes.d.ts

@@ -1,4 +0,0 @@
-export type DatePickerHeaderPropsType = {
-    onUpClick?: () => void;
-    onDownClick?: () => void;
-};

package/dist/types/src/ui/DatePicker/types/DatePickerMainTypes.d.ts

@@ -1,18 +0,0 @@
-import { DateGridOnClickDate } from "./DateGridTypes";
-import { CalendarDayMetaInfoType, CalendarDayPropsType } from "./CalendarDayTypes";
-export type CalendarDayMetaList = (CalendarDayPropsType & {
-    id?: string;
-    date: string;
-})[];
-export type MarkerFunType = (date: string) => boolean;
-export type InfoFunType = (date: string) => CalendarDayMetaInfoType;
-export type DatePickerMainPropsType = {
-    target: string;
-    chosenStart?: string;
-    chosenEnd?: string;
-    infoFun?: InfoFunType;
-    markFun?: MarkerFunType;
-    onClickDate?: DateGridOnClickDate;
-    onScrollUp?: () => void;
-    onScrollDown?: () => void;
-};

package/dist/types/src/ui/DatePicker/types/DatePickerTypes.d.ts

@@ -1,22 +0,0 @@
-import { InfoFunType, MarkerFunType } from "./DatePickerMainTypes";
-export type DatePickerOnSubmitType = ({ start, end }: {
-    start?: string;
-    end?: string;
-}) => void;
-export type DatePickerChosenIntervalType = {
-    start?: string;
-    end?: string;
-};
-export type DatePickerPropsType = {
-    chosenStart?: string;
-    chosenEnd?: string;
-    infoFun?: InfoFunType;
-    markFun?: MarkerFunType;
-    onSubmit?: DatePickerOnSubmitType;
-    onCancel?: () => void;
-    /** Формат даты на выход. */
-    formatOut?: string;
-    /** Формат даты на вход. */
-    formatIn?: string;
-    multiple?: boolean;
-};

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

@@ -1,6 +0,0 @@
-export * from './CalendarDayTypes';
-export * from './DatePickerMainTypes';
-export * from './DateGridTypes';
-export * from './DatePickerTypes';
-export * from './DatePickerHeaderTypes';
-export * from './DatePickerFooterTypes';

package/dist/types/src/ui/DatePicker/ui/CalendarDay.d.ts

@@ -1,2 +0,0 @@
-import { CalendarDayPropsType } from "../types";
-export declare function CalendarDay({ day, info, holiday, filter, active, mark, onClick, disabled, className }: CalendarDayPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/ui/DateGrid.d.ts

@@ -1,2 +0,0 @@
-import { DateGridPropsType } from "../types";
-export declare function DateGrid({ grid, onClickDate, onScrollUp, onScrollDown, state }: DateGridPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/ui/DatePicker.d.ts

@@ -1,2 +0,0 @@
-import { DatePickerPropsType } from "../types";
-export declare function DatePicker({ chosenStart, chosenEnd, markFun, infoFun, onSubmit, formatOut, formatIn, onCancel, multiple }: DatePickerPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/ui/DatePickerFooter.d.ts

@@ -1,2 +0,0 @@
-import { DatePickerFooterPropsType } from "../types";
-export declare function DatePickerFooter({ onCancel, onSubmit }: DatePickerFooterPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/ui/DatePickerHeader.d.ts

@@ -1,2 +0,0 @@
-import { DatePickerHeaderPropsType } from "../../../ui";
-export declare function DatePickerHeader({ onUpClick, onDownClick }: DatePickerHeaderPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DatePicker/ui/DatePickerMain.d.ts

@@ -1,2 +0,0 @@
-import { DatePickerMainPropsType } from "../types";
-export declare function DatePickerMain({ chosenStart, chosenEnd, markFun, infoFun, target, onClickDate, onScrollUp, onScrollDown, }: DatePickerMainPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +0,0 @@
-export * from './CalendarDay';
-export * from './DatePicker';
-export * from './DateGrid';
-export * from './DatePickerMain';
-export * from './DatePickerFooter';
-export * from './DatePickerHeader';