indicator-ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +67 -0
- package/dist/fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2 +0 -0
- package/dist/fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf +0 -0
- package/dist/fonts/golos-ui_bold.e1122033a14151d7ea54.woff +0 -0
- package/dist/fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2 +0 -0
- package/dist/fonts/golos-ui_medium.727b1fef51a9bac82009.ttf +0 -0
- package/dist/fonts/golos-ui_medium.f9db984fc119d6aeca90.woff +0 -0
- package/dist/fonts/golos-ui_regular.144142fba245a224ac28.woff +0 -0
- package/dist/fonts/golos-ui_regular.28e502dbcc83c91565af.ttf +0 -0
- package/dist/fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2 +0 -0
- package/dist/index.css +1004 -0
- package/dist/index.css.map +1 -0
- package/dist/index.js +11477 -0
- package/dist/index.js.map +1 -0
- package/dist/scss/index.scss +2 -0
- package/dist/scss/styles/colors/index.scss +2 -0
- package/dist/scss/styles/colors/primary.scss +54 -0
- package/dist/scss/styles/colors/secondary.scss +12 -0
- package/dist/scss/styles/fonts.scss +31 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.ttf +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.woff +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_bold.woff2 +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.ttf +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.woff +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_medium.woff2 +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.ttf +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.woff +0 -0
- package/dist/scss/styles/fontsAssets/Golos-UI/golos-ui_regular.woff2 +0 -0
- package/dist/scss/styles/index.scss +3 -0
- package/dist/scss/styles/mixins/centerInsideContent.scss +5 -0
- package/dist/scss/styles/mixins/changeSvg.scss +26 -0
- package/dist/scss/styles/mixins/fnt-flex.scss +35 -0
- package/dist/scss/styles/mixins/fnt.scss +24 -0
- package/dist/scss/styles/mixins/index.scss +6 -0
- package/dist/scss/styles/mixins/modify-flex.scss +18 -0
- package/dist/scss/styles/mixins/modify-svg.scss +19 -0
- package/dist/scss/test/global.scss +13 -0
- package/dist/scss/ui/Buttons/index.scss +1 -0
- package/dist/scss/ui/Buttons/styles/index.scss +1 -0
- package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +29 -0
- package/dist/scss/ui/Buttons/styles/mixins/button.scss +80 -0
- package/dist/scss/ui/Buttons/styles/mixins/index.scss +3 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss +20 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +20 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +29 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +29 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +29 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +20 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +28 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +28 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +32 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +20 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +29 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +31 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +25 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +25 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +25 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +20 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +19 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +26 -0
- package/dist/scss/ui/InputFields/FlexField/index.scss +1 -0
- package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss +70 -0
- package/dist/scss/ui/InputFields/FlexField/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/InputField/index.scss +1 -0
- package/dist/scss/ui/InputFields/InputField/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/InputField/styles/mixins/inputField.scss +17 -0
- package/dist/scss/ui/InputFields/InputFieldWrapper/index.scss +1 -0
- package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss +50 -0
- package/dist/scss/ui/InputFields/RadioField/index.scss +1 -0
- package/dist/scss/ui/InputFields/RadioField/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/RadioField/styles/mixins/radioField.scss +45 -0
- package/dist/scss/ui/InputFields/SelectField/index.scss +1 -0
- package/dist/scss/ui/InputFields/SelectField/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/SelectField/styles/mixins/selectField.scss +58 -0
- package/dist/scss/ui/InputFields/SwitcherField/index.scss +1 -0
- package/dist/scss/ui/InputFields/SwitcherField/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss +92 -0
- package/dist/scss/ui/InputFields/TextareaField/index.scss +1 -0
- package/dist/scss/ui/InputFields/TextareaField/styles/mixin/index.scss +1 -0
- package/dist/scss/ui/InputFields/TextareaField/styles/mixin/textareaField.scss +41 -0
- package/dist/scss/ui/InputFields/index.scss +7 -0
- package/dist/scss/ui/MicroButton/index.scss +1 -0
- package/dist/scss/ui/MicroButton/styles/index.scss +1 -0
- package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss +10 -0
- package/dist/scss/ui/MicroButton/styles/mixins/index.scss +1 -0
- package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +64 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +12 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +10 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +12 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss +15 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +12 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss +11 -0
- package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss +11 -0
- package/dist/scss/ui/index.scss +2 -0
- package/dist/types/src/assets/icons/index.d.ts +88 -0
- package/dist/types/src/assets/index.d.ts +1 -0
- package/dist/types/src/hooks/index.d.ts +4 -0
- package/dist/types/src/hooks/useFormData.d.ts +18 -0
- package/dist/types/src/hooks/useIsErrorField.d.ts +23 -0
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/lib/array/getUniqueArray.d.ts +1 -0
- package/dist/types/src/lib/array/index.d.ts +3 -0
- package/dist/types/src/lib/array/isArray.d.ts +1 -0
- package/dist/types/src/lib/array/isEqualArrays.d.ts +1 -0
- package/dist/types/src/lib/dict/getDeepValue.d.ts +4 -0
- package/dist/types/src/lib/dict/index.d.ts +3 -0
- package/dist/types/src/lib/dict/isDict.d.ts +1 -0
- package/dist/types/src/lib/dict/setDeepValue.d.ts +8 -0
- package/dist/types/src/lib/index.d.ts +3 -0
- package/dist/types/src/lib/reactComponents/handleScrollEnd.d.ts +2 -0
- package/dist/types/src/lib/reactComponents/index.d.ts +2 -0
- package/dist/types/src/lib/reactComponents/isCustomComponent.d.ts +1 -0
- package/dist/types/src/test/App.d.ts +2 -0
- package/dist/types/src/test/index.d.ts +1 -0
- package/dist/types/src/test/layout/PageLayout.d.ts +3 -0
- package/dist/types/src/test/layout/index.d.ts +1 -0
- package/dist/types/src/test/pages/ButtonsPage.d.ts +1 -0
- package/dist/types/src/test/pages/DatePickerPage.d.ts +1 -0
- package/dist/types/src/test/pages/FieldsPage.d.ts +1 -0
- package/dist/types/src/test/pages/HomePage.d.ts +1 -0
- package/dist/types/src/test/pages/MicroButtonsPage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +5 -0
- package/dist/types/src/types/DictDeepActionsTypes.d.ts +7 -0
- package/dist/types/src/types/HelperType.d.ts +1 -0
- package/dist/types/src/types/index.d.ts +2 -0
- package/dist/types/src/ui/Buttons/index.d.ts +2 -0
- package/dist/types/src/ui/Buttons/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts +52 -0
- package/dist/types/src/ui/Buttons/types/index.d.ts +1 -0
- package/dist/types/src/ui/Buttons/ui/Button.d.ts +2 -0
- package/dist/types/src/ui/Buttons/ui/index.d.ts +1 -0
- package/dist/types/src/ui/DatePicker/const/index.d.ts +3 -0
- package/dist/types/src/ui/DatePicker/index.d.ts +3 -0
- package/dist/types/src/ui/DatePicker/lib/index.d.ts +21 -0
- package/dist/types/src/ui/DatePicker/styles/index.d.ts +6 -0
- package/dist/types/src/ui/DatePicker/types/CalendarDayTypes.d.ts +24 -0
- package/dist/types/src/ui/DatePicker/types/DateGridTypes.d.ts +10 -0
- package/dist/types/src/ui/DatePicker/types/DatePickerFooterTypes.d.ts +4 -0
- package/dist/types/src/ui/DatePicker/types/DatePickerHeaderTypes.d.ts +4 -0
- package/dist/types/src/ui/DatePicker/types/DatePickerMainTypes.d.ts +18 -0
- package/dist/types/src/ui/DatePicker/types/DatePickerTypes.d.ts +19 -0
- package/dist/types/src/ui/DatePicker/types/index.d.ts +6 -0
- package/dist/types/src/ui/DatePicker/ui/CalendarDay.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/DateGrid.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/DatePicker.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/DatePickerFooter.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/DatePickerHeader.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/DatePickerMain.d.ts +2 -0
- package/dist/types/src/ui/DatePicker/ui/index.d.ts +6 -0
- package/dist/types/src/ui/InputFields/FlexField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/FlexField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +34 -0
- package/dist/types/src/ui/InputFields/FlexField/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +4 -0
- package/dist/types/src/ui/InputFields/InputField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/InputField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputField/types/InputFieldTypes.d.ts +17 -0
- package/dist/types/src/ui/InputFields/InputField/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputField/ui/InputField.d.ts +3 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/types/InputFieldWrapperTypes.d.ts +29 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/InputFieldWrapper/ui/InputFieldWrapper.d.ts +3 -0
- package/dist/types/src/ui/InputFields/RadioField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/RadioField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/RadioField/types/RadioFieldItemTypes.d.ts +19 -0
- package/dist/types/src/ui/InputFields/RadioField/types/RadioFieldTypes.d.ts +21 -0
- package/dist/types/src/ui/InputFields/RadioField/types/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/RadioField/ui/RadioField.d.ts +3 -0
- package/dist/types/src/ui/InputFields/RadioField/ui/RadioFieldItem.d.ts +3 -0
- package/dist/types/src/ui/InputFields/SelectField/config/ScrollConfig.d.ts +1 -0
- package/dist/types/src/ui/InputFields/SelectField/config/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/SelectField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/SelectField/lib/getStringValue.d.ts +2 -0
- package/dist/types/src/ui/InputFields/SelectField/lib/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/SelectField/lib/isActiveOption.d.ts +2 -0
- package/dist/types/src/ui/InputFields/SelectField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldOptionsItemTypes.d.ts +16 -0
- package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts +32 -0
- package/dist/types/src/ui/InputFields/SelectField/types/SelectModalWindowTypes.d.ts +12 -0
- package/dist/types/src/ui/InputFields/SelectField/types/index.d.ts +3 -0
- package/dist/types/src/ui/InputFields/SelectField/ui/SelectField.d.ts +3 -0
- package/dist/types/src/ui/InputFields/SelectField/ui/SelectFieldOptionsItem.d.ts +3 -0
- package/dist/types/src/ui/InputFields/SelectField/ui/SelectModalWindow.d.ts +3 -0
- package/dist/types/src/ui/InputFields/SwitcherField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/SwitcherField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/SwitcherField/types/SwitcherFieldTypes.d.ts +13 -0
- package/dist/types/src/ui/InputFields/SwitcherField/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/SwitcherField/ui/SwitcherField.d.ts +3 -0
- package/dist/types/src/ui/InputFields/TextareaField/index.d.ts +2 -0
- package/dist/types/src/ui/InputFields/TextareaField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/TextareaField/types/TextareaFieldTypes.d.ts +14 -0
- package/dist/types/src/ui/InputFields/TextareaField/types/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/TextareaField/ui/TextareaField.d.ts +3 -0
- package/dist/types/src/ui/InputFields/index.d.ts +7 -0
- package/dist/types/src/ui/MicroButton/index.d.ts +2 -0
- package/dist/types/src/ui/MicroButton/styles/index.d.ts +1 -0
- package/dist/types/src/ui/MicroButton/types/MicroButtonTypes.d.ts +36 -0
- package/dist/types/src/ui/MicroButton/types/index.d.ts +1 -0
- package/dist/types/src/ui/MicroButton/ui/MicroButton.d.ts +2 -0
- package/dist/types/src/ui/MicroButton/ui/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +3 -0
- package/dist/types/test-project/src/icons/index.d.ts +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export type CalendarDayClassNameType = {
|
|
2
|
+
calendarDay?: string;
|
|
3
|
+
mark?: string;
|
|
4
|
+
day?: string;
|
|
5
|
+
info?: string;
|
|
6
|
+
holiday?: string;
|
|
7
|
+
filter?: string;
|
|
8
|
+
active?: string;
|
|
9
|
+
};
|
|
10
|
+
export type CalendarDayMetaDayType = number | string;
|
|
11
|
+
export type CalendarDayMetaInfoType = number | string;
|
|
12
|
+
export type CalendarDayMetaType = {
|
|
13
|
+
day?: CalendarDayMetaDayType;
|
|
14
|
+
info?: CalendarDayMetaInfoType;
|
|
15
|
+
};
|
|
16
|
+
export type CalendarDayPropsType = CalendarDayMetaType & {
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
holiday?: boolean;
|
|
19
|
+
active?: boolean;
|
|
20
|
+
filter?: boolean;
|
|
21
|
+
mark?: boolean;
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
className?: CalendarDayClassNameType;
|
|
24
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CalendarDayMetaList } from "./DatePickerMainTypes";
|
|
2
|
+
export type DateGridOnClickDate = (date: string) => void;
|
|
3
|
+
export type DateGridStatesType = 'upEntrance' | 'downEntrance' | 'upExit' | 'downExit' | 'display-none';
|
|
4
|
+
export type DateGridPropsType = {
|
|
5
|
+
grid: CalendarDayMetaList;
|
|
6
|
+
onClickDate?: DateGridOnClickDate;
|
|
7
|
+
onScrollUp?: () => void;
|
|
8
|
+
onScrollDown?: () => void;
|
|
9
|
+
state?: DateGridStatesType;
|
|
10
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DateGridOnClickDate } from "./DateGridTypes";
|
|
2
|
+
import { CalendarDayMetaInfoType, CalendarDayPropsType } from "./CalendarDayTypes";
|
|
3
|
+
export type CalendarDayMetaList = (CalendarDayPropsType & {
|
|
4
|
+
id?: string;
|
|
5
|
+
date: string;
|
|
6
|
+
})[];
|
|
7
|
+
export type MarkerFunType = (date: string) => boolean;
|
|
8
|
+
export type InfoFunType = (date: string) => CalendarDayMetaInfoType;
|
|
9
|
+
export type DatePickerMainPropsType = {
|
|
10
|
+
target: string;
|
|
11
|
+
chosenStart?: string;
|
|
12
|
+
chosenEnd?: string;
|
|
13
|
+
infoFun?: InfoFunType;
|
|
14
|
+
markFun?: MarkerFunType;
|
|
15
|
+
onClickDate?: DateGridOnClickDate;
|
|
16
|
+
onScrollUp?: () => void;
|
|
17
|
+
onScrollDown?: () => void;
|
|
18
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { InfoFunType, MarkerFunType } from "./DatePickerMainTypes";
|
|
2
|
+
export type DatePickerOnSubmitType = ({ start, end }: {
|
|
3
|
+
start?: string;
|
|
4
|
+
end?: string;
|
|
5
|
+
}) => void;
|
|
6
|
+
export type DatePickerChosenIntervalType = {
|
|
7
|
+
start?: string;
|
|
8
|
+
end?: string;
|
|
9
|
+
};
|
|
10
|
+
export type DatePickerPropsType = {
|
|
11
|
+
chosenStart?: string;
|
|
12
|
+
chosenEnd?: string;
|
|
13
|
+
infoFun?: InfoFunType;
|
|
14
|
+
markFun?: MarkerFunType;
|
|
15
|
+
onSubmit?: DatePickerOnSubmitType;
|
|
16
|
+
onCancel?: () => void;
|
|
17
|
+
formatDate?: string;
|
|
18
|
+
multiple?: boolean;
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FlexFieldStyle } from './FlexField.module.scss';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
export type FlexFieldClassNameType = {
|
|
3
|
+
flexField?: string;
|
|
4
|
+
inputField?: string;
|
|
5
|
+
isError?: string;
|
|
6
|
+
disabled?: string;
|
|
7
|
+
focus?: string;
|
|
8
|
+
pointer?: string;
|
|
9
|
+
textIcon?: string;
|
|
10
|
+
trashIcon?: string;
|
|
11
|
+
dropdownIcon?: string;
|
|
12
|
+
};
|
|
13
|
+
export type FlexFieldPropsType = {
|
|
14
|
+
value?: any;
|
|
15
|
+
type?: HTMLInputElement['type'];
|
|
16
|
+
onChange?: (value: any) => void;
|
|
17
|
+
mask?: any;
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
required?: boolean;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
isError?: boolean;
|
|
22
|
+
onFocus?: (e: any) => void;
|
|
23
|
+
onBlur?: (e: any) => void;
|
|
24
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
25
|
+
notInput?: boolean;
|
|
26
|
+
icon?: ReactNode;
|
|
27
|
+
textSupport?: boolean | string | ReactNode;
|
|
28
|
+
userPic?: string | ReactNode;
|
|
29
|
+
help?: boolean | ReactNode;
|
|
30
|
+
dropdown?: boolean | ReactNode;
|
|
31
|
+
button?: boolean | ReactNode;
|
|
32
|
+
dropdownState?: boolean;
|
|
33
|
+
className?: FlexFieldClassNameType;
|
|
34
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FlexFieldTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as InputFieldStyle } from './InputField.module.scss';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SwitcherFieldPropsType, SwitcherFieldClassNameType } from '../../SwitcherField';
|
|
2
|
+
import { FlexFieldPropsType, FlexFieldClassNameType } from '../../FlexField';
|
|
3
|
+
import { RadioFieldPropsType, RadioFieldClassNameType } from '../../RadioField';
|
|
4
|
+
import { SelectFieldPropsType, SelectFieldClassNameType } from '../../SelectField';
|
|
5
|
+
import { TextareaFieldPropsType, TextareaFieldClassNameType } from '../../TextareaField';
|
|
6
|
+
import { InputFieldWrapperPropsType, InputFieldWrapperClassNameType } from "../../InputFieldWrapper";
|
|
7
|
+
export type InputFieldTypes = 'switcher' | 'select' | 'radio' | 'textarea' | HTMLInputElement['type'];
|
|
8
|
+
export type InputFieldClassNameType = SwitcherFieldClassNameType & FlexFieldClassNameType & RadioFieldClassNameType & SelectFieldClassNameType & TextareaFieldClassNameType & InputFieldWrapperClassNameType & {};
|
|
9
|
+
type AllFields = SelectFieldPropsType & RadioFieldPropsType & FlexFieldPropsType & SwitcherFieldPropsType & TextareaFieldPropsType & InputFieldWrapperPropsType;
|
|
10
|
+
export type InputFieldPropsType = Omit<AllFields, 'value' | 'onChange'> & {
|
|
11
|
+
value?: any;
|
|
12
|
+
onChange?: (value: any) => void;
|
|
13
|
+
type?: InputFieldTypes;
|
|
14
|
+
offWrapper?: boolean;
|
|
15
|
+
className?: InputFieldClassNameType;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputFieldTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as InputFieldWrapperStyle } from './InputFieldWrapper.module.scss';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from "react";
|
|
2
|
+
export type InputFieldWrapperClassNameType = {
|
|
3
|
+
inputFieldWrapper?: string;
|
|
4
|
+
isError?: string;
|
|
5
|
+
labelText?: string;
|
|
6
|
+
hintText?: string;
|
|
7
|
+
helperLink?: string;
|
|
8
|
+
required?: string;
|
|
9
|
+
hintError?: string;
|
|
10
|
+
};
|
|
11
|
+
export type InputFieldWrapperHelperLinkType = {
|
|
12
|
+
text: ReactNode;
|
|
13
|
+
href?: string;
|
|
14
|
+
} | {
|
|
15
|
+
element: ReactElement;
|
|
16
|
+
} | {
|
|
17
|
+
text: string;
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
};
|
|
20
|
+
export type InputFieldWrapperPropsType = {
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
labelText?: string;
|
|
23
|
+
hintText?: string;
|
|
24
|
+
isErrorHintText?: string;
|
|
25
|
+
helperLink?: InputFieldWrapperHelperLinkType;
|
|
26
|
+
isError?: boolean;
|
|
27
|
+
viewRequired?: boolean;
|
|
28
|
+
className?: InputFieldWrapperClassNameType;
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputFieldWrapperTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RadioFieldStyle } from './RadioField.module.scss';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { RadioFieldOptionsItemType } from './RadioFieldTypes';
|
|
2
|
+
export type RadioFieldItemClassNameType = {
|
|
3
|
+
radioFieldItem?: string;
|
|
4
|
+
checkbox?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
active?: string;
|
|
7
|
+
};
|
|
8
|
+
export type RadioFieldOwnerItemPropsType = {
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
active?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type RadioFieldItemPropsType = {
|
|
14
|
+
option: RadioFieldOptionsItemType;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
active?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
className?: RadioFieldItemClassNameType;
|
|
19
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RadioFieldItemClassNameType, RadioFieldOwnerItemPropsType } from './RadioFieldItemTypes';
|
|
2
|
+
import { ReactElement } from "react";
|
|
3
|
+
export type RadioFieldClassNameType = RadioFieldItemClassNameType & {
|
|
4
|
+
radioField?: string;
|
|
5
|
+
};
|
|
6
|
+
export type RadioFieldOptionsItemType = {
|
|
7
|
+
value: any;
|
|
8
|
+
label?: string;
|
|
9
|
+
component?: ReactElement<RadioFieldOwnerItemPropsType>;
|
|
10
|
+
};
|
|
11
|
+
export type RadioFieldOptionsType = RadioFieldOptionsItemType[];
|
|
12
|
+
export type RadioFieldValueType = any | any[];
|
|
13
|
+
export type RadioFieldPropsType = {
|
|
14
|
+
value?: RadioFieldValueType;
|
|
15
|
+
onChange?: (value: any) => void;
|
|
16
|
+
options?: RadioFieldOptionsType;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
multiple?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
className?: RadioFieldClassNameType;
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DELTA_SCROLL_END = 10;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ScrollConfig';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SelectFieldStyle } from './SelectField.module.scss';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SelectFieldOptionsItemType } from './SelectFieldTypes';
|
|
2
|
+
export type SelectFieldOptionsItemClassNameType = {
|
|
3
|
+
selectFieldOptionsItem?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
active?: string;
|
|
6
|
+
};
|
|
7
|
+
export type SelectFieldOptionsOwnerItemPropsType = {
|
|
8
|
+
active?: boolean;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export type SelectFieldOptionsItemPropsType = {
|
|
12
|
+
option: SelectFieldOptionsItemType;
|
|
13
|
+
active?: boolean;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
className?: SelectFieldOptionsItemClassNameType;
|
|
16
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { FlexFieldClassNameType } from '../../FlexField';
|
|
3
|
+
import { SelectModalWindowClassNameType } from './SelectModalWindowTypes';
|
|
4
|
+
import { SelectFieldOptionsOwnerItemPropsType } from "./SelectFieldOptionsItemTypes";
|
|
5
|
+
export type SelectFieldClassNameType = FlexFieldClassNameType & SelectModalWindowClassNameType & {
|
|
6
|
+
selectField?: string;
|
|
7
|
+
modalWindow?: string;
|
|
8
|
+
};
|
|
9
|
+
export type SelectFieldOptionsItemType = {
|
|
10
|
+
value: any;
|
|
11
|
+
label?: string;
|
|
12
|
+
component?: ReactElement<SelectFieldOptionsOwnerItemPropsType>;
|
|
13
|
+
};
|
|
14
|
+
export type SelectFieldOptionsType = SelectFieldOptionsItemType[];
|
|
15
|
+
export type SelectFieldValueType = any[] | any;
|
|
16
|
+
export type SelectFieldLoadMoreOptionsType = (optionsCount: number) => Promise<SelectFieldOptionsType>;
|
|
17
|
+
export type SelectFieldPropsType = {
|
|
18
|
+
value?: SelectFieldValueType;
|
|
19
|
+
onChange?: (value: any) => void;
|
|
20
|
+
isError?: boolean;
|
|
21
|
+
isSearching?: boolean;
|
|
22
|
+
required?: boolean;
|
|
23
|
+
multiple?: boolean;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
offOptionsSyncing?: boolean;
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
onBlur?: () => void;
|
|
28
|
+
options?: SelectFieldOptionsType;
|
|
29
|
+
autoClose?: boolean;
|
|
30
|
+
loadMoreOptions?: SelectFieldLoadMoreOptionsType;
|
|
31
|
+
className?: SelectFieldClassNameType;
|
|
32
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SelectFieldOptionsType, SelectFieldValueType } from './SelectFieldTypes';
|
|
2
|
+
import { SelectFieldOptionsItemClassNameType } from "./SelectFieldOptionsItemTypes";
|
|
3
|
+
export type SelectModalWindowClassNameType = SelectFieldOptionsItemClassNameType & {
|
|
4
|
+
selectModalWindow?: string;
|
|
5
|
+
};
|
|
6
|
+
export type SelectModalWindowPropsType = {
|
|
7
|
+
value: SelectFieldValueType;
|
|
8
|
+
onChange: (value: any[]) => void;
|
|
9
|
+
options: SelectFieldOptionsType;
|
|
10
|
+
onScrollToBottom?: () => void;
|
|
11
|
+
className?: SelectModalWindowClassNameType;
|
|
12
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SelectFieldPropsType } from '../types';
|
|
3
|
+
export default function SelectField({ value, onChange, options, placeholder, isError, isSearching, required, multiple, disabled, offOptionsSyncing, autoClose, onBlur, loadMoreOptions, className, }: SelectFieldPropsType): React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SwitcherFieldStyle } from './SwitcherField.module.scss';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from "react";
|
|
2
|
+
export type SwitcherFieldClassNameType = {
|
|
3
|
+
switcherField?: string;
|
|
4
|
+
active?: string;
|
|
5
|
+
};
|
|
6
|
+
export type SwitcherFieldPropsType = {
|
|
7
|
+
value?: boolean;
|
|
8
|
+
onChange?: (value: any) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
className?: SwitcherFieldClassNameType;
|
|
11
|
+
switcherWrapper?: ReactElement<any>;
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SwitcherFieldTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TextareaFieldStyle } from './TextareaField.module.scss';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type TextareaFieldClassNameType = {
|
|
2
|
+
textareaField?: string;
|
|
3
|
+
isError?: string;
|
|
4
|
+
};
|
|
5
|
+
export type TextareaFieldPropsType = {
|
|
6
|
+
value?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
onChange?: (value: any) => void;
|
|
10
|
+
isError?: boolean;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
className?: TextareaFieldClassNameType;
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TextareaFieldTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as MicroButtonStyle } from './MicroButton.module.scss';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type MicroButtonSizeType = '14' | '16' | '20' | '24' | '28';
|
|
3
|
+
export type MicroButtonColorsType = 'light' | 'dark' | 'gray' | 'color' | 'color-hover' | 'red-hover' | 'color-fill' | 'gray-fill' | 'red-fill';
|
|
4
|
+
export type MicroButtonClassNameType = {
|
|
5
|
+
button?: string;
|
|
6
|
+
light?: string;
|
|
7
|
+
dark?: string;
|
|
8
|
+
gray?: string;
|
|
9
|
+
color?: string;
|
|
10
|
+
colorHover?: string;
|
|
11
|
+
redHover?: string;
|
|
12
|
+
colorFill?: string;
|
|
13
|
+
grayFill?: string;
|
|
14
|
+
redFill?: string;
|
|
15
|
+
size14?: string;
|
|
16
|
+
size16?: string;
|
|
17
|
+
size20?: string;
|
|
18
|
+
size24?: string;
|
|
19
|
+
size28?: string;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Компонент кнопки
|
|
23
|
+
*/
|
|
24
|
+
export type MicroButtonPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> & {
|
|
25
|
+
/** Текст внутри кнопки */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Иконка слева */
|
|
28
|
+
icon?: React.ReactNode;
|
|
29
|
+
/** Размер иконки (Size в дизайне) */
|
|
30
|
+
size?: MicroButtonSizeType;
|
|
31
|
+
/** Цвет иконки (Color в дизайне) */
|
|
32
|
+
color?: MicroButtonColorsType;
|
|
33
|
+
/** Дополнительные имена стилей */
|
|
34
|
+
additionStyles?: string | string[];
|
|
35
|
+
className?: MicroButtonClassNameType;
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MicroButtonTypes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MicroButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ArrowLeftSVG } from './arrow-left.svg';
|