@true-engineering/true-react-common-ui-kit 2.3.2 → 2.5.0
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/dist/components/AccountInfo/constants.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +1 -3
- package/dist/components/Button/constants.d.ts +1 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/types.d.ts +3 -0
- package/dist/components/DatePicker/DatePicker.styles.d.ts +4 -5
- package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.styles.d.ts +1 -1
- package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +4 -0
- package/dist/components/DatePicker/components/PopperContainer/index.d.ts +1 -0
- package/dist/components/DatePicker/components/index.d.ts +2 -0
- package/dist/components/DatePicker/constants.d.ts +2 -0
- package/dist/components/DatePicker/index.d.ts +2 -1
- package/dist/components/Description/constants.d.ts +1 -0
- package/dist/components/FiltersPane/FiltersPane.d.ts +2 -3
- package/dist/components/FiltersPane/components/Filter/Filter.d.ts +12 -0
- package/dist/components/FiltersPane/components/Filter/index.d.ts +1 -0
- package/dist/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.d.ts +2 -2
- package/dist/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterInterval/index.d.ts +2 -0
- package/dist/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/FilterMultiSelect.d.ts +2 -2
- package/dist/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.d.ts +2 -4
- package/dist/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterSelect/index.d.ts +2 -0
- package/dist/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterValueView/index.d.ts +2 -0
- package/dist/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.d.ts +4 -9
- package/dist/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithDates/index.d.ts +2 -0
- package/dist/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.d.ts +2 -3
- package/dist/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithPeriod/index.d.ts +2 -0
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +15 -0
- package/dist/components/FiltersPane/{FilterWrapper → components/FilterWrapper}/FilterWrapper.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWrapper/index.d.ts +2 -0
- package/dist/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.d.ts +2 -3
- package/dist/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FiltersPaneSearch/index.d.ts +2 -0
- package/dist/components/FiltersPane/components/index.d.ts +9 -0
- package/dist/components/FiltersPane/constants.d.ts +9 -0
- package/dist/components/FiltersPane/helpers.d.ts +5 -0
- package/dist/components/FiltersPane/index.d.ts +1 -13
- package/dist/components/FiltersPane/types.d.ts +37 -7
- package/dist/components/FlexibleTable/FlexibleTable.d.ts +3 -3
- package/dist/components/FlexibleTable/{TableRow.d.ts → components/TableRow/TableRow.d.ts} +8 -8
- package/dist/components/FlexibleTable/components/TableRow/index.d.ts +1 -0
- package/dist/components/FlexibleTable/{TableValue.d.ts → components/TableValue/TableValue.d.ts} +3 -3
- package/dist/components/FlexibleTable/components/TableValue/index.d.ts +1 -0
- package/dist/components/FlexibleTable/components/index.d.ts +2 -0
- package/dist/components/FlexibleTable/constants.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +3 -5
- package/dist/components/Icon/complexIcons/icons.d.ts +0 -1
- package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts +6 -0
- package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts +1 -0
- package/dist/components/Icon/{IconBoilerplate.d.ts → components/IconBolerplate/IconBoilerplate.d.ts} +1 -1
- package/dist/components/Icon/components/IconBolerplate/index.d.ts +1 -0
- package/dist/components/Icon/components/index.d.ts +2 -0
- package/dist/components/Icon/helpers.d.ts +6 -0
- package/dist/components/Icon/icons-list.d.ts +1 -0
- package/dist/components/Icon/index.d.ts +2 -2
- package/dist/components/Icon/types.d.ts +12 -0
- package/dist/components/IncrementInput/{ChangeButton.d.ts → components/ChangeButton/ChangeButton.d.ts} +1 -2
- package/dist/components/IncrementInput/components/ChangeButton/index.d.ts +1 -0
- package/dist/components/IncrementInput/components/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +2 -4
- package/dist/components/Input/constants.d.ts +1 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/types.d.ts +2 -0
- package/dist/components/List/List.d.ts +3 -12
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/List/types.d.ts +12 -0
- package/dist/components/Modal/Modal.d.ts +1 -3
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/types.d.ts +3 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +2 -3
- package/dist/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.d.ts +2 -2
- package/dist/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.styles.d.ts +1 -1
- package/dist/components/MultiSelect/components/MultiSelectInput/index.d.ts +2 -0
- package/dist/components/MultiSelect/index.d.ts +2 -1
- package/dist/components/MultiSelect/types.d.ts +1 -0
- package/dist/components/MultiSelectList/MultiSelectList.d.ts +1 -4
- package/dist/components/MultiSelectList/constants.d.ts +3 -0
- package/dist/components/MultiSelectList/helpers.d.ts +3 -0
- package/dist/components/MultiSelectList/index.d.ts +1 -0
- package/dist/components/MultiSelectList/types.d.ts +12 -0
- package/dist/components/Notification/Notification.d.ts +1 -1
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/Notification/index.d.ts +1 -0
- package/dist/components/Notification/types.d.ts +1 -0
- package/dist/components/PhoneInput/PhoneInput.d.ts +2 -2
- package/dist/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.d.ts +2 -3
- package/dist/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.styles.d.ts +1 -1
- package/dist/components/PhoneInput/components/PhoneInputCountryList/index.d.ts +2 -0
- package/dist/components/PhoneInput/components/index.d.ts +1 -0
- package/dist/components/PhoneInput/constants.d.ts +2 -0
- package/dist/components/PhoneInput/index.d.ts +2 -2
- package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
- package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts +3 -0
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/Select/{SelectList → components/SelectList}/SelectList.d.ts +1 -1
- package/dist/components/Select/{SelectList → components/SelectList}/SelectList.styles.d.ts +1 -1
- package/dist/components/Select/components/SelectList/index.d.ts +2 -0
- package/dist/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.styles.d.ts +1 -1
- package/dist/components/Select/components/SelectListItem/index.d.ts +1 -0
- package/dist/components/Select/components/index.d.ts +2 -0
- package/dist/components/Select/index.d.ts +2 -2
- package/dist/components/SmartInput/SmartInput.d.ts +3 -15
- package/dist/components/SmartInput/constants.d.ts +18 -0
- package/dist/components/SmartInput/helpers.d.ts +1 -7
- package/dist/components/SmartInput/index.d.ts +1 -0
- package/dist/components/SmartInput/types.d.ts +1 -0
- package/dist/components/Switch/Switch.d.ts +1 -4
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Switch/types.d.ts +4 -0
- package/dist/components/TextArea/TextArea.d.ts +5 -5
- package/dist/components/TextWithTooltip/TextWithTooltip.d.ts +2 -2
- package/dist/components/ThemedPreloader/ThemedPreloader.d.ts +1 -3
- package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/index.d.ts +3 -2
- package/dist/components/ThemedPreloader/constants.d.ts +1 -0
- package/dist/components/ThemedPreloader/index.d.ts +2 -0
- package/dist/components/ThemedPreloader/types.d.ts +2 -0
- package/dist/components/Toaster/Toaster.d.ts +1 -1
- package/dist/components/Toaster/constants.d.ts +1 -0
- package/dist/components/Toaster/index.d.ts +1 -0
- package/dist/components/Toaster/types.d.ts +1 -0
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +1246 -1193
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +1245 -1192
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/dist/types.d.ts +1 -1
- package/package.json +93 -93
- package/src/components/AccountInfo/AccountInfo.stories.tsx +32 -32
- package/src/components/AccountInfo/AccountInfo.tsx +76 -77
- package/src/components/AccountInfo/constants.ts +1 -0
- package/src/components/AddButton/AddButton.tsx +48 -48
- package/src/components/Button/Button.stories.tsx +56 -52
- package/src/components/Button/Button.tsx +154 -167
- package/src/components/Button/constants.ts +9 -0
- package/src/components/Button/index.ts +3 -2
- package/src/components/Button/types.ts +5 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +32 -32
- package/src/components/Checkbox/Checkbox.tsx +105 -105
- package/src/components/CloseButton/CloseButton.styles.ts +34 -34
- package/src/components/CloseButton/CloseButton.tsx +35 -35
- package/src/components/Colors/Colors.tsx +26 -26
- package/src/components/CssBaseline/CssBaseline.tsx +15 -15
- package/src/components/DateInput/DateInput.stories.tsx +61 -61
- package/src/components/DateInput/DateInput.tsx +82 -82
- package/src/components/DatePicker/DatePicker.stories.tsx +87 -87
- package/src/components/DatePicker/DatePicker.styles.ts +44 -44
- package/src/components/DatePicker/DatePicker.tsx +309 -327
- package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.styles.ts +84 -84
- package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.tsx +79 -79
- package/src/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/index.ts +2 -2
- package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +6 -0
- package/src/components/DatePicker/components/PopperContainer/index.ts +1 -0
- package/src/components/DatePicker/components/index.ts +2 -0
- package/src/components/DatePicker/constants.ts +6 -1
- package/src/components/DatePicker/helpers.ts +23 -23
- package/src/components/DatePicker/index.ts +4 -3
- package/src/components/DatePicker/types.ts +45 -45
- package/src/components/Description/Description.stories.tsx +27 -27
- package/src/components/Description/Description.tsx +59 -60
- package/src/components/Description/constants.ts +1 -0
- package/src/components/FiltersPane/FiltersPane.stories.tsx +295 -295
- package/src/components/FiltersPane/FiltersPane.tsx +150 -151
- package/src/components/FiltersPane/{FilterWrapper/FilterWrapper.tsx → components/Filter/Filter.tsx} +203 -346
- package/src/components/FiltersPane/components/Filter/index.ts +1 -0
- package/src/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.styles.ts +64 -64
- package/src/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.tsx +141 -143
- package/src/components/FiltersPane/components/FilterInterval/index.ts +2 -0
- package/src/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/FilterMultiSelect.tsx +10 -10
- package/src/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/index.ts +1 -1
- package/src/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.styles.ts +143 -143
- package/src/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.tsx +346 -348
- package/src/components/FiltersPane/components/FilterSelect/index.ts +2 -0
- package/src/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.styles.tsx +15 -15
- package/src/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.tsx +163 -166
- package/src/components/FiltersPane/components/FilterValueView/index.tsx +2 -0
- package/src/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.styles.ts +60 -60
- package/src/components/FiltersPane/{FilterWithDates → components/FilterWithDates}/FilterWithDates.tsx +181 -184
- package/src/components/FiltersPane/components/FilterWithDates/index.ts +2 -0
- package/src/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.styles.ts +17 -17
- package/src/components/FiltersPane/{FilterWithPeriod → components/FilterWithPeriod}/FilterWithPeriod.tsx +174 -198
- package/src/components/FiltersPane/components/FilterWithPeriod/index.ts +2 -0
- package/src/components/FiltersPane/{FilterWrapper → components/FilterWrapper}/FilterWrapper.styles.ts +110 -110
- package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +149 -0
- package/src/components/FiltersPane/components/FilterWrapper/index.ts +2 -0
- package/src/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.styles.ts +109 -109
- package/src/components/FiltersPane/{FiltersPaneSearch → components/FiltersPaneSearch}/FiltersPaneSearch.tsx +155 -155
- package/src/components/FiltersPane/components/FiltersPaneSearch/index.ts +2 -0
- package/src/components/FiltersPane/components/index.ts +9 -0
- package/src/components/FiltersPane/constants.ts +137 -0
- package/src/components/FiltersPane/helpers.ts +26 -0
- package/src/components/FiltersPane/index.ts +5 -20
- package/src/components/FiltersPane/types.ts +156 -112
- package/src/components/Flag/Flag.stories.tsx +29 -29
- package/src/components/Flag/Flag.tsx +27 -27
- package/src/components/FlexibleTable/FlexibleTable.stories.tsx +338 -84
- package/src/components/FlexibleTable/FlexibleTable.styles.ts +131 -131
- package/src/components/FlexibleTable/FlexibleTable.tsx +205 -205
- package/src/components/FlexibleTable/{TableRow.tsx → components/TableRow/TableRow.tsx} +152 -152
- package/src/components/FlexibleTable/components/TableRow/index.ts +1 -0
- package/src/components/FlexibleTable/{TableValue.tsx → components/TableValue/TableValue.tsx} +74 -75
- package/src/components/FlexibleTable/components/TableValue/index.ts +1 -0
- package/src/components/FlexibleTable/components/index.ts +2 -0
- package/src/components/FlexibleTable/constants.ts +1 -0
- package/src/components/FlexibleTable/types.ts +52 -52
- package/src/components/Icon/Icon.stories.tsx +86 -85
- package/src/components/Icon/Icon.tsx +27 -32
- package/src/components/Icon/complexIcons/icons.ts +5 -7
- package/src/components/Icon/{ComplexIconBoilerplate.tsx → components/ComplexIconBoilerplate/ComplexIconBoilerplate.tsx} +16 -17
- package/src/components/Icon/components/ComplexIconBoilerplate/index.ts +1 -0
- package/src/components/Icon/{IconBoilerplate.tsx → components/IconBolerplate/IconBoilerplate.tsx} +43 -42
- package/src/components/Icon/components/IconBolerplate/index.ts +1 -0
- package/src/components/Icon/components/index.ts +2 -0
- package/src/components/Icon/helpers.ts +9 -0
- package/src/components/Icon/{icons/icons.ts → icons-list.ts} +826 -838
- package/src/components/Icon/index.ts +4 -4
- package/src/components/Icon/types.ts +16 -0
- package/src/components/IncrementInput/IncrementInput.stories.tsx +31 -31
- package/src/components/IncrementInput/IncrementInput.tsx +80 -80
- package/src/components/IncrementInput/{ChangeButton.tsx → components/ChangeButton/ChangeButton.tsx} +33 -33
- package/src/components/IncrementInput/components/ChangeButton/index.ts +1 -0
- package/src/components/IncrementInput/components/index.ts +1 -0
- package/src/components/Input/Input.stories.tsx +86 -86
- package/src/components/Input/Input.tsx +308 -311
- package/src/components/Input/constants.ts +1 -0
- package/src/components/Input/index.ts +3 -2
- package/src/components/Input/types.ts +6 -0
- package/src/components/List/List.stories.tsx +63 -62
- package/src/components/List/List.tsx +54 -64
- package/src/components/List/index.ts +3 -2
- package/src/components/List/types.ts +13 -0
- package/src/components/Modal/Modal.stories.tsx +105 -105
- package/src/components/Modal/Modal.styles.ts +305 -305
- package/src/components/Modal/Modal.tsx +184 -200
- package/src/components/Modal/index.ts +3 -2
- package/src/components/Modal/types.ts +17 -0
- package/src/components/MoreMenu/MoreMenu.styles.ts +70 -70
- package/src/components/MoreMenu/MoreMenu.tsx +90 -90
- package/src/components/MultiSelect/MultiSelect.stories.tsx +46 -46
- package/src/components/MultiSelect/MultiSelect.tsx +92 -89
- package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.styles.ts +73 -73
- package/src/components/MultiSelect/{MultiSelectInput → components/MultiSelectInput}/MultiSelectInput.tsx +51 -51
- package/src/components/MultiSelect/components/MultiSelectInput/index.ts +2 -0
- package/src/components/MultiSelect/{MultiSelectInput → components}/index.ts +1 -1
- package/src/components/MultiSelect/index.ts +4 -3
- package/src/components/MultiSelect/types.ts +1 -0
- package/src/components/MultiSelectList/MultiSelectList.styles.ts +124 -124
- package/src/components/MultiSelectList/MultiSelectList.tsx +441 -451
- package/src/components/MultiSelectList/constants.ts +21 -0
- package/src/components/MultiSelectList/helpers.ts +11 -0
- package/src/components/MultiSelectList/index.ts +3 -2
- package/src/components/MultiSelectList/types.ts +15 -0
- package/src/components/Notification/Notification.stories.tsx +46 -46
- package/src/components/Notification/Notification.styles.ts +50 -50
- package/src/components/Notification/Notification.tsx +78 -79
- package/src/components/Notification/index.ts +3 -2
- package/src/components/Notification/types.ts +1 -0
- package/src/components/NumberInput/NumberInput.stories.tsx +35 -35
- package/src/components/NumberInput/NumberInput.tsx +133 -133
- package/src/components/NumberInput/helpers.ts +86 -86
- package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
- package/src/components/PhoneInput/PhoneInput.tsx +193 -194
- package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.stories.tsx +21 -21
- package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.styles.ts +100 -100
- package/src/components/PhoneInput/{PhoneInputCountryList → components/PhoneInputCountryList}/PhoneInputCountryList.tsx +145 -147
- package/src/components/PhoneInput/components/PhoneInputCountryList/index.ts +2 -0
- package/src/components/PhoneInput/components/index.ts +1 -0
- package/src/components/PhoneInput/constants.ts +3 -0
- package/src/components/PhoneInput/index.ts +5 -6
- package/src/components/PhoneInput/phone-info.ts +2147 -2147
- package/src/components/RadioButton/RadioButton.stories.tsx +46 -46
- package/src/components/RadioButton/RadioButton.tsx +55 -55
- package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +54 -61
- package/src/components/ScrollIntoViewIfNeeded/constants.ts +12 -0
- package/src/components/SearchInput/SearchInput.stories.tsx +23 -23
- package/src/components/SearchInput/SearchInput.styles.ts +50 -50
- package/src/components/SearchInput/SearchInput.tsx +51 -50
- package/src/components/Select/MultiSelect.stories.tsx +240 -240
- package/src/components/Select/Select.stories.tsx +235 -235
- package/src/components/Select/Select.tsx +575 -575
- package/src/components/Select/{SelectList → components/SelectList}/SelectList.styles.ts +72 -72
- package/src/components/Select/{SelectList → components/SelectList}/SelectList.tsx +158 -158
- package/src/components/Select/components/SelectList/index.ts +2 -0
- package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.styles.ts +14 -14
- package/src/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.tsx +68 -68
- package/src/components/Select/components/SelectListItem/index.ts +1 -0
- package/src/components/Select/components/index.ts +2 -0
- package/src/components/Select/helpers.ts +26 -26
- package/src/components/Select/index.ts +4 -4
- package/src/components/SmartInput/SmartInput.stories.tsx +51 -50
- package/src/components/SmartInput/SmartInput.tsx +124 -147
- package/src/components/SmartInput/constants.ts +84 -0
- package/src/components/SmartInput/helpers.ts +13 -85
- package/src/components/SmartInput/index.ts +2 -1
- package/src/components/SmartInput/types.ts +11 -0
- package/src/components/Switch/Switch.stories.tsx +40 -40
- package/src/components/Switch/Switch.tsx +79 -83
- package/src/components/Switch/index.ts +3 -2
- package/src/components/Switch/types.ts +4 -0
- package/src/components/TextArea/TextArea.stories.tsx +35 -35
- package/src/components/TextArea/TextArea.tsx +174 -165
- package/src/components/TextWithInfo/TextWithInfo.stories.tsx +53 -53
- package/src/components/TextWithInfo/TextWithInfo.tsx +60 -60
- package/src/components/TextWithTooltip/TextWithTooltip.tsx +143 -143
- package/src/components/ThemedPreloader/ThemedPreloader.stories.tsx +41 -41
- package/src/components/ThemedPreloader/ThemedPreloader.tsx +47 -50
- package/src/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.tsx +29 -29
- package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.tsx +18 -18
- package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.tsx +25 -25
- package/src/components/ThemedPreloader/components/index.ts +3 -2
- package/src/components/ThemedPreloader/constants.ts +1 -0
- package/src/components/ThemedPreloader/index.ts +4 -2
- package/src/components/ThemedPreloader/types.ts +3 -0
- package/src/components/Toaster/Toaster.stories.tsx +30 -30
- package/src/components/Toaster/Toaster.tsx +108 -110
- package/src/components/Toaster/constants.ts +1 -0
- package/src/components/Toaster/index.ts +3 -2
- package/src/components/Toaster/types.ts +1 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +19 -19
- package/src/components/Tooltip/Tooltip.styles.ts +45 -45
- package/src/components/Tooltip/Tooltip.tsx +35 -35
- package/src/components/Tooltip/index.ts +3 -3
- package/src/helpers/deprecated.ts +23 -23
- package/src/helpers/index.ts +4 -4
- package/src/helpers/misc.ts +158 -158
- package/src/helpers/phone.ts +87 -87
- package/src/helpers/snippets.tsx +6 -6
- package/src/hooks/use-did-mount-effect.ts +18 -18
- package/src/hooks/use-dropdown.ts +82 -82
- package/src/hooks/use-on-click-outside.ts +77 -77
- package/src/hooks/use-theme.ts +32 -32
- package/src/hooks/use-tweak-styles.ts +13 -13
- package/src/theme.ts +149 -149
- package/src/types.ts +108 -107
- package/dist/components/FiltersPane/FilterInterval/index.d.ts +0 -1
- package/dist/components/FiltersPane/FilterSelect/index.d.ts +0 -1
- package/dist/components/FiltersPane/FilterSelect/locales.d.ts +0 -11
- package/dist/components/FiltersPane/FilterValueView/index.d.ts +0 -1
- package/dist/components/FiltersPane/FilterWithDates/index.d.ts +0 -1
- package/dist/components/FiltersPane/FilterWithPeriod/index.d.ts +0 -1
- package/dist/components/FiltersPane/FilterWrapper/FilterWrapper.d.ts +0 -27
- package/dist/components/FiltersPane/FilterWrapper/index.d.ts +0 -1
- package/dist/components/FiltersPane/FiltersPaneSearch/index.d.ts +0 -1
- package/dist/components/FiltersPane/locales.d.ts +0 -28
- package/dist/components/Icon/ComplexIconBoilerplate.d.ts +0 -7
- package/dist/components/Icon/icons/icons.d.ts +0 -9
- package/dist/components/Icon/icons/index.d.ts +0 -1
- package/dist/components/MultiSelectList/locales.d.ts +0 -11
- package/dist/components/PhoneInput/PhoneInputCountryList/index.d.ts +0 -2
- package/dist/components/Select/SelectList/index.d.ts +0 -1
- package/src/components/FiltersPane/FilterInterval/index.ts +0 -1
- package/src/components/FiltersPane/FilterSelect/index.ts +0 -1
- package/src/components/FiltersPane/FilterSelect/locales.ts +0 -37
- package/src/components/FiltersPane/FilterValueView/index.tsx +0 -1
- package/src/components/FiltersPane/FilterWithDates/index.ts +0 -1
- package/src/components/FiltersPane/FilterWithPeriod/index.ts +0 -1
- package/src/components/FiltersPane/FilterWrapper/index.ts +0 -1
- package/src/components/FiltersPane/FiltersPaneSearch/index.ts +0 -1
- package/src/components/FiltersPane/locales.ts +0 -107
- package/src/components/FlexibleTable/fixture-test.ts +0 -254
- package/src/components/Icon/icons/index.ts +0 -1
- package/src/components/MultiSelectList/locales.ts +0 -37
- package/src/components/PhoneInput/PhoneInputCountryList/index.ts +0 -2
- package/src/components/Select/SelectList/index.ts +0 -1
- /package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/DatePickerHeader.d.ts +0 -0
- /package/dist/components/DatePicker/{DatePickerHeader → components/DatePickerHeader}/index.d.ts +0 -0
- /package/dist/components/FiltersPane/{FilterMultiSelect → components/FilterMultiSelect}/index.d.ts +0 -0
- /package/dist/components/FiltersPane/{FilterValueView → components/FilterValueView}/FilterValueView.d.ts +0 -0
- /package/dist/components/MultiSelect/{MultiSelectInput → components}/index.d.ts +0 -0
- /package/dist/components/Select/{SelectListItem → components/SelectListItem}/SelectListItem.d.ts +0 -0
package/src/theme.ts
CHANGED
|
@@ -1,149 +1,149 @@
|
|
|
1
|
-
import { Styles } from 'react-jss';
|
|
2
|
-
import { UiKitHelpers, UiKitTheme } from './types';
|
|
3
|
-
|
|
4
|
-
export const colors = {
|
|
5
|
-
FONT_MAIN: '#222a37',
|
|
6
|
-
FONT_MEDIUM: '#505f79',
|
|
7
|
-
FONT_LABEL: '#7a869a',
|
|
8
|
-
FONT_DISABLED: '#95a0b3',
|
|
9
|
-
GREY_ACTIVE: '#95a0b3',
|
|
10
|
-
BORDER_MAIN: '#d0d6e1',
|
|
11
|
-
BORDER_LIGHT: '#dde3ed',
|
|
12
|
-
GREY_HOVER: '#dde3ed',
|
|
13
|
-
GREY_FOCUS: '#eceff5',
|
|
14
|
-
GREY_DISABLED: '#eceff5',
|
|
15
|
-
GREY_BACKGROUND: '#f6f8fc',
|
|
16
|
-
CLASSIC_WHITE: '#ffffff',
|
|
17
|
-
RED_ACTIVE: '#912e34',
|
|
18
|
-
RED_HOVER: '#c13e45',
|
|
19
|
-
RED_WARNING: '#f14d56',
|
|
20
|
-
RED_WARNING_LIGHT: '#ff6261',
|
|
21
|
-
RED_BACKGROUND: '#feedee',
|
|
22
|
-
ORANGE_BACKGROUND: '#fff4e9',
|
|
23
|
-
GREEN_BACKGROUND: '#f4f9e6',
|
|
24
|
-
BLUE_BACKGROUND: '#ebf1ff',
|
|
25
|
-
// временные константы пока не будет полной темизации
|
|
26
|
-
GREEN_FOCUS: '#97ba1e',
|
|
27
|
-
ORANGE_FOCUS: '#ff991f',
|
|
28
|
-
} as const;
|
|
29
|
-
|
|
30
|
-
export const dimensions = {
|
|
31
|
-
BORDER_RADIUS_LARGE: 16,
|
|
32
|
-
BORDER_RADIUS_MEDIUM: 12,
|
|
33
|
-
BORDER_RADIUS_STD: 8,
|
|
34
|
-
BORDER_RADIUS_SMALL: 6,
|
|
35
|
-
BORDER_RADIUS_EXTRA_SMALL: 4,
|
|
36
|
-
CONTROL_HEIGHT: 48,
|
|
37
|
-
} as const;
|
|
38
|
-
|
|
39
|
-
export const helpers: UiKitHelpers = {
|
|
40
|
-
withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100) =>
|
|
41
|
-
({
|
|
42
|
-
display: 'inline-block',
|
|
43
|
-
position: 'relative',
|
|
44
|
-
marginTop: angleSize * 2 - 1,
|
|
45
|
-
boxShadow: '0 8px 20px 0 rgba(0, 0, 0, 0.04)',
|
|
46
|
-
border: ['solid', 1, colors.BORDER_MAIN],
|
|
47
|
-
borderRadius: dimensions.BORDER_RADIUS_EXTRA_SMALL,
|
|
48
|
-
|
|
49
|
-
'&:before': {
|
|
50
|
-
content: '""',
|
|
51
|
-
position: 'absolute',
|
|
52
|
-
top: -angleSize,
|
|
53
|
-
left: position === 'left' && distance,
|
|
54
|
-
right: position === 'right' && distance,
|
|
55
|
-
width: 0,
|
|
56
|
-
height: 0,
|
|
57
|
-
borderLeft: [angleSize, 'solid', 'transparent'],
|
|
58
|
-
borderRight: [angleSize, 'solid', 'transparent'],
|
|
59
|
-
borderBottom: [angleSize, 'solid', colors.BORDER_MAIN],
|
|
60
|
-
},
|
|
61
|
-
|
|
62
|
-
'&:after': {
|
|
63
|
-
content: '""',
|
|
64
|
-
position: 'absolute',
|
|
65
|
-
top: -angleSize + 1,
|
|
66
|
-
left: position === 'left' && distance + 1,
|
|
67
|
-
right: position === 'right' && distance + 1,
|
|
68
|
-
width: 0,
|
|
69
|
-
height: 0,
|
|
70
|
-
borderLeft: [angleSize - 1, 'solid', 'transparent'],
|
|
71
|
-
borderRight: [angleSize - 1, 'solid', 'transparent'],
|
|
72
|
-
borderBottom: [angleSize - 1, 'solid', colors.CLASSIC_WHITE],
|
|
73
|
-
},
|
|
74
|
-
} as unknown as Styles),
|
|
75
|
-
|
|
76
|
-
withScrollBar: {
|
|
77
|
-
overflow: 'auto',
|
|
78
|
-
boxSizing: 'border-box',
|
|
79
|
-
scrollbarWidth: 'thin' /* Firefox */,
|
|
80
|
-
scrollbarColor: '#d0d6e1 transparent',
|
|
81
|
-
|
|
82
|
-
'&::-webkit-scrollbar': {
|
|
83
|
-
height: 10,
|
|
84
|
-
width: 10,
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
'&::-webkit-scrollbar-thumb': {
|
|
88
|
-
backgroundClip: 'padding-box',
|
|
89
|
-
backgroundColor: colors.BORDER_MAIN,
|
|
90
|
-
border: [2, 'solid', 'transparent'],
|
|
91
|
-
borderRadius: 5,
|
|
92
|
-
minHeight: 30,
|
|
93
|
-
width: 6,
|
|
94
|
-
|
|
95
|
-
'&:hover': {
|
|
96
|
-
backgroundColor: colors.GREY_ACTIVE,
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
|
-
|
|
100
|
-
'&::-webkit-scrollbar-track-piece': {
|
|
101
|
-
backgroundColor: 'transparent',
|
|
102
|
-
},
|
|
103
|
-
},
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
const SLIDE_UP_POSITION_START = 15;
|
|
107
|
-
const SLIDE_UP_POSITION_END = 0;
|
|
108
|
-
|
|
109
|
-
export const animations = {
|
|
110
|
-
// Если понадобится, сюда можно пробросить параметры через useTheme props
|
|
111
|
-
slideUp: {
|
|
112
|
-
'slide-up-enter': {
|
|
113
|
-
opacity: 0,
|
|
114
|
-
transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
|
|
115
|
-
},
|
|
116
|
-
|
|
117
|
-
'slide-up-enter-active': {
|
|
118
|
-
opacity: 1,
|
|
119
|
-
transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
|
|
120
|
-
transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
|
|
121
|
-
transitionProperty: 'opacity, transform',
|
|
122
|
-
},
|
|
123
|
-
|
|
124
|
-
'slide-up-exit-active': {
|
|
125
|
-
opacity: 1,
|
|
126
|
-
transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
|
|
127
|
-
},
|
|
128
|
-
|
|
129
|
-
'slide-up-exit': {
|
|
130
|
-
opacity: 0,
|
|
131
|
-
transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
|
|
132
|
-
transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
|
|
133
|
-
transitionProperty: 'opacity, transform',
|
|
134
|
-
},
|
|
135
|
-
},
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
export interface CommonUiKitTheme extends UiKitTheme {
|
|
139
|
-
colors: typeof colors;
|
|
140
|
-
dimensions: typeof dimensions;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
export const commonTheme: CommonUiKitTheme = {
|
|
144
|
-
name: 'common',
|
|
145
|
-
animations,
|
|
146
|
-
colors,
|
|
147
|
-
dimensions,
|
|
148
|
-
helpers,
|
|
149
|
-
};
|
|
1
|
+
import { Styles } from 'react-jss';
|
|
2
|
+
import { UiKitHelpers, UiKitTheme } from './types';
|
|
3
|
+
|
|
4
|
+
export const colors = {
|
|
5
|
+
FONT_MAIN: '#222a37',
|
|
6
|
+
FONT_MEDIUM: '#505f79',
|
|
7
|
+
FONT_LABEL: '#7a869a',
|
|
8
|
+
FONT_DISABLED: '#95a0b3',
|
|
9
|
+
GREY_ACTIVE: '#95a0b3',
|
|
10
|
+
BORDER_MAIN: '#d0d6e1',
|
|
11
|
+
BORDER_LIGHT: '#dde3ed',
|
|
12
|
+
GREY_HOVER: '#dde3ed',
|
|
13
|
+
GREY_FOCUS: '#eceff5',
|
|
14
|
+
GREY_DISABLED: '#eceff5',
|
|
15
|
+
GREY_BACKGROUND: '#f6f8fc',
|
|
16
|
+
CLASSIC_WHITE: '#ffffff',
|
|
17
|
+
RED_ACTIVE: '#912e34',
|
|
18
|
+
RED_HOVER: '#c13e45',
|
|
19
|
+
RED_WARNING: '#f14d56',
|
|
20
|
+
RED_WARNING_LIGHT: '#ff6261',
|
|
21
|
+
RED_BACKGROUND: '#feedee',
|
|
22
|
+
ORANGE_BACKGROUND: '#fff4e9',
|
|
23
|
+
GREEN_BACKGROUND: '#f4f9e6',
|
|
24
|
+
BLUE_BACKGROUND: '#ebf1ff',
|
|
25
|
+
// временные константы пока не будет полной темизации
|
|
26
|
+
GREEN_FOCUS: '#97ba1e',
|
|
27
|
+
ORANGE_FOCUS: '#ff991f',
|
|
28
|
+
} as const;
|
|
29
|
+
|
|
30
|
+
export const dimensions = {
|
|
31
|
+
BORDER_RADIUS_LARGE: 16,
|
|
32
|
+
BORDER_RADIUS_MEDIUM: 12,
|
|
33
|
+
BORDER_RADIUS_STD: 8,
|
|
34
|
+
BORDER_RADIUS_SMALL: 6,
|
|
35
|
+
BORDER_RADIUS_EXTRA_SMALL: 4,
|
|
36
|
+
CONTROL_HEIGHT: 48,
|
|
37
|
+
} as const;
|
|
38
|
+
|
|
39
|
+
export const helpers: UiKitHelpers = {
|
|
40
|
+
withAngle: (angleSize = 6, position: 'left' | 'right' = 'left', distance = 100) =>
|
|
41
|
+
({
|
|
42
|
+
display: 'inline-block',
|
|
43
|
+
position: 'relative',
|
|
44
|
+
marginTop: angleSize * 2 - 1,
|
|
45
|
+
boxShadow: '0 8px 20px 0 rgba(0, 0, 0, 0.04)',
|
|
46
|
+
border: ['solid', 1, colors.BORDER_MAIN],
|
|
47
|
+
borderRadius: dimensions.BORDER_RADIUS_EXTRA_SMALL,
|
|
48
|
+
|
|
49
|
+
'&:before': {
|
|
50
|
+
content: '""',
|
|
51
|
+
position: 'absolute',
|
|
52
|
+
top: -angleSize,
|
|
53
|
+
left: position === 'left' && distance,
|
|
54
|
+
right: position === 'right' && distance,
|
|
55
|
+
width: 0,
|
|
56
|
+
height: 0,
|
|
57
|
+
borderLeft: [angleSize, 'solid', 'transparent'],
|
|
58
|
+
borderRight: [angleSize, 'solid', 'transparent'],
|
|
59
|
+
borderBottom: [angleSize, 'solid', colors.BORDER_MAIN],
|
|
60
|
+
},
|
|
61
|
+
|
|
62
|
+
'&:after': {
|
|
63
|
+
content: '""',
|
|
64
|
+
position: 'absolute',
|
|
65
|
+
top: -angleSize + 1,
|
|
66
|
+
left: position === 'left' && distance + 1,
|
|
67
|
+
right: position === 'right' && distance + 1,
|
|
68
|
+
width: 0,
|
|
69
|
+
height: 0,
|
|
70
|
+
borderLeft: [angleSize - 1, 'solid', 'transparent'],
|
|
71
|
+
borderRight: [angleSize - 1, 'solid', 'transparent'],
|
|
72
|
+
borderBottom: [angleSize - 1, 'solid', colors.CLASSIC_WHITE],
|
|
73
|
+
},
|
|
74
|
+
} as unknown as Styles),
|
|
75
|
+
|
|
76
|
+
withScrollBar: {
|
|
77
|
+
overflow: 'auto',
|
|
78
|
+
boxSizing: 'border-box',
|
|
79
|
+
scrollbarWidth: 'thin' /* Firefox */,
|
|
80
|
+
scrollbarColor: '#d0d6e1 transparent',
|
|
81
|
+
|
|
82
|
+
'&::-webkit-scrollbar': {
|
|
83
|
+
height: 10,
|
|
84
|
+
width: 10,
|
|
85
|
+
},
|
|
86
|
+
|
|
87
|
+
'&::-webkit-scrollbar-thumb': {
|
|
88
|
+
backgroundClip: 'padding-box',
|
|
89
|
+
backgroundColor: colors.BORDER_MAIN,
|
|
90
|
+
border: [2, 'solid', 'transparent'],
|
|
91
|
+
borderRadius: 5,
|
|
92
|
+
minHeight: 30,
|
|
93
|
+
width: 6,
|
|
94
|
+
|
|
95
|
+
'&:hover': {
|
|
96
|
+
backgroundColor: colors.GREY_ACTIVE,
|
|
97
|
+
},
|
|
98
|
+
},
|
|
99
|
+
|
|
100
|
+
'&::-webkit-scrollbar-track-piece': {
|
|
101
|
+
backgroundColor: 'transparent',
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
const SLIDE_UP_POSITION_START = 15;
|
|
107
|
+
const SLIDE_UP_POSITION_END = 0;
|
|
108
|
+
|
|
109
|
+
export const animations = {
|
|
110
|
+
// Если понадобится, сюда можно пробросить параметры через useTheme props
|
|
111
|
+
slideUp: {
|
|
112
|
+
'slide-up-enter': {
|
|
113
|
+
opacity: 0,
|
|
114
|
+
transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
|
|
115
|
+
},
|
|
116
|
+
|
|
117
|
+
'slide-up-enter-active': {
|
|
118
|
+
opacity: 1,
|
|
119
|
+
transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
|
|
120
|
+
transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
|
|
121
|
+
transitionProperty: 'opacity, transform',
|
|
122
|
+
},
|
|
123
|
+
|
|
124
|
+
'slide-up-exit-active': {
|
|
125
|
+
opacity: 1,
|
|
126
|
+
transform: `translateY(${SLIDE_UP_POSITION_END}px)`,
|
|
127
|
+
},
|
|
128
|
+
|
|
129
|
+
'slide-up-exit': {
|
|
130
|
+
opacity: 0,
|
|
131
|
+
transform: `translateY(${SLIDE_UP_POSITION_START}px)`,
|
|
132
|
+
transition: ({ timeout = 150 }: { timeout: number }): string => `${timeout}ms ease-in-out`,
|
|
133
|
+
transitionProperty: 'opacity, transform',
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
export interface CommonUiKitTheme extends UiKitTheme {
|
|
139
|
+
colors: typeof colors;
|
|
140
|
+
dimensions: typeof dimensions;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
export const commonTheme: CommonUiKitTheme = {
|
|
144
|
+
name: 'common',
|
|
145
|
+
animations,
|
|
146
|
+
colors,
|
|
147
|
+
dimensions,
|
|
148
|
+
helpers,
|
|
149
|
+
};
|
package/src/types.ts
CHANGED
|
@@ -1,107 +1,108 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { Styles } from 'react-jss';
|
|
3
|
-
import { Modifier, Placement } from 'react-overlays/usePopper';
|
|
4
|
-
import type {
|
|
5
|
-
ICommonIcon,
|
|
6
|
-
IComplexIcon,
|
|
7
|
-
IIconType,
|
|
8
|
-
IPreloaderSvgType,
|
|
9
|
-
ISvgIcon,
|
|
10
|
-
} from './components';
|
|
11
|
-
|
|
12
|
-
export interface IDataAttributes {
|
|
13
|
-
[key: string]: unknown;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface ICommonProps {
|
|
17
|
-
data?: IDataAttributes;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export interface IDropdownWithPopperOptions {
|
|
21
|
-
shouldUsePopper?: boolean;
|
|
22
|
-
shouldRenderInBody?: boolean;
|
|
23
|
-
scrollParent?: 'auto' | 'document' | Element;
|
|
24
|
-
|
|
25
|
-
shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
|
|
26
|
-
canBeFlipped?: boolean; // только с shouldUsePopper
|
|
27
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
28
|
-
modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
|
|
29
|
-
placement?: Placement; // only with shouldUsePopper
|
|
30
|
-
// https://popper.js.org/docs/v2/modifiers/flip/
|
|
31
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
32
|
-
flipOptions?: Record<string, any>; // только с shouldUsePopper
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export type IIcon = IIconType | ReactElement;
|
|
36
|
-
|
|
37
|
-
export type ComponentStyles<StyleSheet, Props = unknown> = Partial<Styles<keyof StyleSheet, Props>>;
|
|
38
|
-
|
|
39
|
-
// TODO: Скрипт
|
|
40
|
-
export type ComponentName =
|
|
41
|
-
| 'AccountInfo'
|
|
42
|
-
| 'AddButton'
|
|
43
|
-
| 'Button'
|
|
44
|
-
| 'CloseButton'
|
|
45
|
-
| 'Checkbox'
|
|
46
|
-
| 'CssBaseline'
|
|
47
|
-
| 'Colors'
|
|
48
|
-
| 'DateInput'
|
|
49
|
-
| 'DatePicker'
|
|
50
|
-
| 'DatePickerHeader'
|
|
51
|
-
| 'Description'
|
|
52
|
-
| 'DotsPreloader'
|
|
53
|
-
| 'SvgPreloader'
|
|
54
|
-
| 'FiltersPane'
|
|
55
|
-
| 'FilterInterval'
|
|
56
|
-
| 'FilterSelect'
|
|
57
|
-
| 'FilterWithDates'
|
|
58
|
-
| 'FilterWithPeriod'
|
|
59
|
-
| 'FilterWrapper'
|
|
60
|
-
| '
|
|
61
|
-
| '
|
|
62
|
-
| '
|
|
63
|
-
| '
|
|
64
|
-
| '
|
|
65
|
-
| '
|
|
66
|
-
| '
|
|
67
|
-
| '
|
|
68
|
-
| '
|
|
69
|
-
| '
|
|
70
|
-
| '
|
|
71
|
-
| '
|
|
72
|
-
| '
|
|
73
|
-
| '
|
|
74
|
-
| '
|
|
75
|
-
| '
|
|
76
|
-
| '
|
|
77
|
-
| '
|
|
78
|
-
| '
|
|
79
|
-
| '
|
|
80
|
-
| '
|
|
81
|
-
| '
|
|
82
|
-
| '
|
|
83
|
-
| '
|
|
84
|
-
| '
|
|
85
|
-
| '
|
|
86
|
-
| '
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
export type
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Styles } from 'react-jss';
|
|
3
|
+
import { Modifier, Placement } from 'react-overlays/usePopper';
|
|
4
|
+
import type {
|
|
5
|
+
ICommonIcon,
|
|
6
|
+
IComplexIcon,
|
|
7
|
+
IIconType,
|
|
8
|
+
IPreloaderSvgType,
|
|
9
|
+
ISvgIcon,
|
|
10
|
+
} from './components';
|
|
11
|
+
|
|
12
|
+
export interface IDataAttributes {
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export interface ICommonProps {
|
|
17
|
+
data?: IDataAttributes;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export interface IDropdownWithPopperOptions {
|
|
21
|
+
shouldUsePopper?: boolean;
|
|
22
|
+
shouldRenderInBody?: boolean;
|
|
23
|
+
scrollParent?: 'auto' | 'document' | Element;
|
|
24
|
+
|
|
25
|
+
shouldHideOnScroll?: boolean; // работает весьма условно без shouldUsePopper
|
|
26
|
+
canBeFlipped?: boolean; // только с shouldUsePopper
|
|
27
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
28
|
+
modifiers?: Array<Partial<Modifier<any, any>>>; // только с shouldUsePopper
|
|
29
|
+
placement?: Placement; // only with shouldUsePopper
|
|
30
|
+
// https://popper.js.org/docs/v2/modifiers/flip/
|
|
31
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
32
|
+
flipOptions?: Record<string, any>; // только с shouldUsePopper
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export type IIcon = IIconType | ReactElement;
|
|
36
|
+
|
|
37
|
+
export type ComponentStyles<StyleSheet, Props = unknown> = Partial<Styles<keyof StyleSheet, Props>>;
|
|
38
|
+
|
|
39
|
+
// TODO: Скрипт
|
|
40
|
+
export type ComponentName =
|
|
41
|
+
| 'AccountInfo'
|
|
42
|
+
| 'AddButton'
|
|
43
|
+
| 'Button'
|
|
44
|
+
| 'CloseButton'
|
|
45
|
+
| 'Checkbox'
|
|
46
|
+
| 'CssBaseline'
|
|
47
|
+
| 'Colors'
|
|
48
|
+
| 'DateInput'
|
|
49
|
+
| 'DatePicker'
|
|
50
|
+
| 'DatePickerHeader'
|
|
51
|
+
| 'Description'
|
|
52
|
+
| 'DotsPreloader'
|
|
53
|
+
| 'SvgPreloader'
|
|
54
|
+
| 'FiltersPane'
|
|
55
|
+
| 'FilterInterval'
|
|
56
|
+
| 'FilterSelect'
|
|
57
|
+
| 'FilterWithDates'
|
|
58
|
+
| 'FilterWithPeriod'
|
|
59
|
+
| 'FilterWrapper'
|
|
60
|
+
| 'FilterValueView'
|
|
61
|
+
| 'FiltersPaneSearch'
|
|
62
|
+
| 'Flag'
|
|
63
|
+
| 'FlexibleTable'
|
|
64
|
+
| 'Icon'
|
|
65
|
+
| 'IncrementInput'
|
|
66
|
+
| 'Input'
|
|
67
|
+
| 'List'
|
|
68
|
+
| 'Modal'
|
|
69
|
+
| 'MoreMenu'
|
|
70
|
+
| 'MultiSelect'
|
|
71
|
+
| 'MultiSelectInput'
|
|
72
|
+
| 'MultiSelectList'
|
|
73
|
+
| 'Notification'
|
|
74
|
+
| 'PhoneInput'
|
|
75
|
+
| 'PhoneInputCountryList'
|
|
76
|
+
| 'RadioButton'
|
|
77
|
+
| 'SearchInput'
|
|
78
|
+
| 'Select'
|
|
79
|
+
| 'SelectList'
|
|
80
|
+
| 'ScrollIntoViewIfNeeded'
|
|
81
|
+
| 'Switch'
|
|
82
|
+
| 'TextArea'
|
|
83
|
+
| 'TextWithInfo'
|
|
84
|
+
| 'TextWithTooltip'
|
|
85
|
+
| 'ThemedPreloader'
|
|
86
|
+
| 'Tooltip'
|
|
87
|
+
| 'Toaster';
|
|
88
|
+
|
|
89
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
90
|
+
export type UiKitAnimations = Record<string, any>;
|
|
91
|
+
export type UiKitHelpers = Record<string, Styles | (() => Styles)>;
|
|
92
|
+
|
|
93
|
+
export interface UiKitTheme {
|
|
94
|
+
name: string;
|
|
95
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
96
|
+
components?: Partial<Record<ComponentName, ComponentStyles<any, any>>>;
|
|
97
|
+
/**
|
|
98
|
+
* Для переопределения иконок, которые есть в UiKit
|
|
99
|
+
*/
|
|
100
|
+
icons?: Partial<Record<ICommonIcon, ISvgIcon>>;
|
|
101
|
+
complexIcons?: Partial<Record<IComplexIcon, string>>;
|
|
102
|
+
preloaders?: Partial<Record<IPreloaderSvgType, string>>; // TODO: заменить string
|
|
103
|
+
animations?: UiKitAnimations;
|
|
104
|
+
colors?: Record<string, string>;
|
|
105
|
+
dimensions?: Record<string, number>;
|
|
106
|
+
boxShadows?: Record<string, string>;
|
|
107
|
+
helpers?: UiKitHelpers;
|
|
108
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterInterval';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterSelect';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export interface ISelectLocale {
|
|
2
|
-
clear: string;
|
|
3
|
-
all: string;
|
|
4
|
-
chosen: string;
|
|
5
|
-
searchPlaceholder: string;
|
|
6
|
-
nothingFound: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const SelectLocales: Record<string, ISelectLocale>;
|
|
9
|
-
export declare type ISelectLocaleKey = keyof typeof SelectLocales;
|
|
10
|
-
export declare const DEFAULT_LOCALE: ISelectLocaleKey;
|
|
11
|
-
export declare const getLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterValueView';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterWithDates';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterWithPeriod';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
import { Classes } from 'jss';
|
|
3
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
|
|
4
|
-
import { ConfigItem } from '../types';
|
|
5
|
-
import { FilterWrapperStyles } from './FilterWrapper.styles';
|
|
6
|
-
export interface IFilterWrapperProps<Values, Key extends keyof Values> {
|
|
7
|
-
tweakStyles?: FilterWrapperStyles;
|
|
8
|
-
filter: ConfigItem<Values[Key]>;
|
|
9
|
-
value?: Values[Key];
|
|
10
|
-
onChange: <V>(value: V) => void;
|
|
11
|
-
isDisabled?: boolean;
|
|
12
|
-
localeKey?: IFilterLocaleKey;
|
|
13
|
-
locale?: IPartialFilterLocale;
|
|
14
|
-
testId?: string;
|
|
15
|
-
filtersPaneRef: RefObject<HTMLDivElement> | null;
|
|
16
|
-
}
|
|
17
|
-
interface IFilterOtherProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
|
|
18
|
-
parentRef?: RefObject<HTMLElement>;
|
|
19
|
-
isInline?: boolean;
|
|
20
|
-
onChange: <V>(v: V) => void;
|
|
21
|
-
onClose?: () => void;
|
|
22
|
-
filtersPaneRef: RefObject<HTMLDivElement> | null;
|
|
23
|
-
classes: Classes<'left' | 'right' | 'dropdown'>;
|
|
24
|
-
}
|
|
25
|
-
export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, onChange, locale, localeKey, testId, filtersPaneRef, tweakStyles, }: IFilterWrapperProps<Values, Key>): JSX.Element;
|
|
26
|
-
export declare function Filter<Values, Key extends keyof Values>({ filter, value, parentRef, isInline, onChange, onClose, localeKey, locale, filtersPaneRef, testId, classes, }: IFilterOtherProps<Values, Key>): JSX.Element | null;
|
|
27
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterWrapper';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FiltersPaneSearch';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export interface IFilterLocale {
|
|
2
|
-
clear: string;
|
|
3
|
-
all: string;
|
|
4
|
-
other: string;
|
|
5
|
-
chosen: string;
|
|
6
|
-
searchPlaceholder: string;
|
|
7
|
-
displayedFields: string;
|
|
8
|
-
nothingFound: string;
|
|
9
|
-
from: string;
|
|
10
|
-
to: string;
|
|
11
|
-
back: string;
|
|
12
|
-
months: string[];
|
|
13
|
-
periods: {
|
|
14
|
-
[key: string]: string;
|
|
15
|
-
THIS_MONTH: string;
|
|
16
|
-
LAST_MONTH: string;
|
|
17
|
-
THIS_YEAR: string;
|
|
18
|
-
LAST_YEAR: string;
|
|
19
|
-
CUSTOM: string;
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
export declare type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
|
|
23
|
-
periods?: Partial<IFilterLocale['periods']>;
|
|
24
|
-
};
|
|
25
|
-
export declare const FilterLocales: Record<string, IFilterLocale>;
|
|
26
|
-
export declare type IFilterLocaleKey = keyof typeof FilterLocales;
|
|
27
|
-
export declare const DEFAULT_LOCALE: IFilterLocaleKey;
|
|
28
|
-
export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { SVGAttributes } from 'react';
|
|
2
|
-
export interface ISvgIcon {
|
|
3
|
-
viewBox?: string;
|
|
4
|
-
paths?: Array<SVGAttributes<never>>;
|
|
5
|
-
circles?: Array<SVGAttributes<never>>;
|
|
6
|
-
rects?: Array<SVGAttributes<never>>;
|
|
7
|
-
}
|
|
8
|
-
export declare const icons: Record<"direction" | "filter" | "search" | "repeat" | "link" | "sort" | "document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "food" | "information" | "insurance" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "settings" | "sign-out" | "size" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", ISvgIcon>;
|
|
9
|
-
export declare type ICommonIcon = keyof typeof icons;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './icons';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export interface IMultiSelectLocale {
|
|
2
|
-
clear: string;
|
|
3
|
-
all: string;
|
|
4
|
-
chosen: string;
|
|
5
|
-
searchPlaceholder: string;
|
|
6
|
-
nothingFound: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const MultiSelectLocales: Record<string, IMultiSelectLocale>;
|
|
9
|
-
export declare type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;
|
|
10
|
-
export declare const DEFAULT_LOCALE: IMultiSelectLocaleKey;
|
|
11
|
-
export declare const getLocale: (key?: IMultiSelectLocaleKey, custom?: Partial<IMultiSelectLocale>, custom2?: Partial<IMultiSelectLocale>) => IMultiSelectLocale;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './SelectList';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FilterInterval';
|