@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ANIMATION_TIMEOUT = 150;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
|
|
2
2
|
import { ICommonProps, IIcon } from '../../types';
|
|
3
3
|
import { IThemedPreloaderProps } from '../ThemedPreloader';
|
|
4
|
+
import { IButtonSize, IButtonView } from './types';
|
|
4
5
|
import { ButtonStyles } from './Button.styles';
|
|
5
|
-
export declare type IButtonSize = 's' | 'm' | 'l' | 'xl';
|
|
6
|
-
export declare const BUTTON_VIEWS: readonly ["primary", "secondary", "outline", "warning", "destructive", "text", "custom"];
|
|
7
|
-
export declare type IButtonView = (typeof BUTTON_VIEWS)[number];
|
|
8
6
|
export interface IButtonProps extends ICommonProps {
|
|
9
7
|
tweakStyles?: ButtonStyles;
|
|
10
8
|
children?: ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BUTTON_VIEWS: readonly ["primary", "secondary", "outline", "warning", "destructive", "text", "custom"];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentStyles } from '../../types';
|
|
2
2
|
import type { IDatePickerProps } from './DatePicker';
|
|
3
|
-
interface
|
|
3
|
+
export interface IDatePickerStyleProps {
|
|
4
4
|
topPosition: NonNullable<IDatePickerProps['topPosition']>;
|
|
5
5
|
leftPosition: NonNullable<IDatePickerProps['leftPosition']>;
|
|
6
6
|
}
|
|
@@ -13,8 +13,8 @@ export declare const styles: {
|
|
|
13
13
|
datepicker: {};
|
|
14
14
|
popper: {
|
|
15
15
|
zIndex: number;
|
|
16
|
-
marginTop: ({ topPosition }:
|
|
17
|
-
marginLeft: ({ leftPosition }:
|
|
16
|
+
marginTop: ({ topPosition }: IDatePickerStyleProps) => number;
|
|
17
|
+
marginLeft: ({ leftPosition }: IDatePickerStyleProps) => number;
|
|
18
18
|
'&[data-placement^="bottom"]': {
|
|
19
19
|
paddingTop: number;
|
|
20
20
|
};
|
|
@@ -30,5 +30,4 @@ export declare const styles: {
|
|
|
30
30
|
};
|
|
31
31
|
tweakDateInput: {};
|
|
32
32
|
};
|
|
33
|
-
export declare type DatePickerStyles = ComponentStyles<typeof styles,
|
|
34
|
-
export {};
|
|
33
|
+
export declare type DatePickerStyles = ComponentStyles<typeof styles, IDatePickerStyleProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './PopperContainer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LINK_REGEXP: RegExp;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
|
-
import { IFiltersPaneSearchProps } from './
|
|
4
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from './
|
|
5
|
-
import { ConfigType } from './types';
|
|
3
|
+
import { IFiltersPaneSearchProps } from './components';
|
|
4
|
+
import { ConfigType, IFilterLocaleKey, IPartialFilterLocale } from './types';
|
|
6
5
|
import { FiltersPaneStyles } from './FiltersPane.styles';
|
|
7
6
|
export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps {
|
|
8
7
|
tweakStyles?: FiltersPaneStyles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { Classes } from 'jss';
|
|
3
|
+
import { IFilterWrapperProps } from '../FilterWrapper';
|
|
4
|
+
export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
|
|
5
|
+
parentRef?: RefObject<HTMLElement>;
|
|
6
|
+
isInline?: boolean;
|
|
7
|
+
filtersPaneRef: RefObject<HTMLDivElement> | null;
|
|
8
|
+
classes: Classes<'left' | 'right' | 'dropdown'>;
|
|
9
|
+
onChange: <V>(v: V) => void;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function Filter<Values, Key extends keyof Values>({ filter, value, parentRef, isInline, onChange, onClose, localeKey, locale, filtersPaneRef, testId, classes, }: IFilterProps<Values, Key>): JSX.Element | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Filter';
|
package/dist/components/FiltersPane/{FilterInterval → components/FilterInterval}/FilterInterval.d.ts
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ICommonProps } from '
|
|
3
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { IFilterLocaleKey, IPartialFilterLocale } from '../../types';
|
|
4
4
|
import { FilterIntervalStyles } from './FilterInterval.styles';
|
|
5
5
|
export interface IFilterIntervalProps extends ICommonProps {
|
|
6
6
|
tweakStyles?: FilterIntervalStyles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IMultiSelectListProps } from '
|
|
3
|
-
import { IFilterMultiSelectValues } from '
|
|
2
|
+
import { IMultiSelectListProps } from '../../../MultiSelectList';
|
|
3
|
+
import { IFilterMultiSelectValues } from '../../types';
|
|
4
4
|
export declare type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;
|
|
5
5
|
export declare function FilterMultiSelect<Value extends IFilterMultiSelectValues<Option>, Option = string>(props: IFilterMultiSelectProps<Value, Option>): JSX.Element;
|
package/dist/components/FiltersPane/{FilterSelect → components/FilterSelect}/FilterSelect.d.ts
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { ICommonProps } from '
|
|
3
|
-
import { IFilterLocaleKey } from '
|
|
4
|
-
import { ISelectLocale } from './locales';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { IFilterLocaleKey, ISelectLocale } from '../../types';
|
|
5
4
|
import { FilterSelectStyles } from './FilterSelect.styles';
|
|
6
5
|
export interface IFilterSelectProps<Value> extends ICommonProps {
|
|
7
6
|
tweakStyles?: FilterSelectStyles;
|
|
@@ -33,5 +32,4 @@ export interface IFilterSelectProps<Value> extends ICommonProps {
|
|
|
33
32
|
hasClearButton?: boolean;
|
|
34
33
|
testId?: string;
|
|
35
34
|
}
|
|
36
|
-
export declare const defaultConvertFunction: (val: unknown) => string;
|
|
37
35
|
export declare function FilterSelect<Value>({ data, tweakStyles, value, isSearchEnabled, isGroupingEnabled, width, localeKey, locale, onChange, options, fetchOptions, footer, getValueView, getValueId, getValueString, hasClearButton, testId, }: IFilterSelectProps<Value>): JSX.Element;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ICommonProps } from '
|
|
3
|
-
import {
|
|
4
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
|
|
5
|
-
import { IFilterWithDatesValue } from '../types';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { IFilterWithDateDatePickerProps, IFilterLocaleKey, IFilterWithDatesValue, IPartialFilterLocale } from '../../types';
|
|
6
4
|
import { FilterWithDatesStyles } from './FilterWithDates.styles';
|
|
7
|
-
declare type PickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate'>;
|
|
8
5
|
export interface IFilterWithDatesProps extends ICommonProps {
|
|
9
6
|
tweakStyles?: FilterWithDatesStyles;
|
|
10
7
|
value?: IFilterWithDatesValue;
|
|
@@ -15,9 +12,7 @@ export interface IFilterWithDatesProps extends ICommonProps {
|
|
|
15
12
|
onEndBtnSubmit: () => void;
|
|
16
13
|
testId?: string;
|
|
17
14
|
isClearable?: boolean;
|
|
18
|
-
startPickerProps?:
|
|
19
|
-
endPickerProps?:
|
|
15
|
+
startPickerProps?: IFilterWithDateDatePickerProps;
|
|
16
|
+
endPickerProps?: IFilterWithDateDatePickerProps;
|
|
20
17
|
}
|
|
21
|
-
export declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
22
18
|
export declare const FilterWithDates: FC<IFilterWithDatesProps>;
|
|
23
|
-
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ICommonProps } from '
|
|
3
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '
|
|
4
|
-
import { IPeriod, IPeriodsList } from '../types';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { IFilterLocaleKey, IPartialFilterLocale, IPeriod, IPeriodsList } from '../../types';
|
|
5
4
|
import { FilterWithPeriodStyles } from './FilterWithPeriod.styles';
|
|
6
5
|
export interface IFilterWithPeriodProps extends ICommonProps {
|
|
7
6
|
tweakStyles?: FilterWithPeriodStyles;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
|
|
3
|
+
import { FilterWrapperStyles } from './FilterWrapper.styles';
|
|
4
|
+
export interface IFilterWrapperProps<Values, Key extends keyof Values> {
|
|
5
|
+
tweakStyles?: FilterWrapperStyles;
|
|
6
|
+
filter: ConfigItem<Values[Key]>;
|
|
7
|
+
value?: Values[Key];
|
|
8
|
+
onChange: <V>(value: V) => void;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
localeKey?: IFilterLocaleKey;
|
|
11
|
+
locale?: IPartialFilterLocale;
|
|
12
|
+
testId?: string;
|
|
13
|
+
filtersPaneRef: RefObject<HTMLDivElement> | null;
|
|
14
|
+
}
|
|
15
|
+
export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, onChange, locale, localeKey, testId, filtersPaneRef, tweakStyles, }: IFilterWrapperProps<Values, Key>): JSX.Element;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { ICommonProps } from '
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { IFilterLocaleKey, IFiltersPaneSearchPayload, IPartialFilterLocale } from '../../types';
|
|
3
4
|
import { IFilterSelectProps } from '../FilterSelect';
|
|
4
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
|
|
5
|
-
import { IFiltersPaneSearchPayload } from '../types';
|
|
6
5
|
import { FiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
|
|
7
6
|
export interface IFiltersPaneSearchProps<Value> extends ICommonProps {
|
|
8
7
|
tweakStyles?: FiltersPaneSearchStyles;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './Filter';
|
|
2
|
+
export * from './FilterInterval';
|
|
3
|
+
export * from './FilterMultiSelect';
|
|
4
|
+
export * from './FilterSelect';
|
|
5
|
+
export * from './FiltersPaneSearch';
|
|
6
|
+
export * from './FilterValueView';
|
|
7
|
+
export * from './FilterWithDates';
|
|
8
|
+
export * from './FilterWithPeriod';
|
|
9
|
+
export * from './FilterWrapper';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
|
|
2
|
+
export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
|
|
3
|
+
export declare const SelectLocales: Record<string, ISelectLocale>;
|
|
4
|
+
export declare const FilterLocales: Record<string, IFilterLocale>;
|
|
5
|
+
export declare const DEFAULT_LOCALE: IFilterLocaleKey;
|
|
6
|
+
export declare const DEFAULT_SELECT_LOCALE: ISelectLocaleKey;
|
|
7
|
+
export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
|
|
8
|
+
export declare const DEFAULT_PICKER_PROPS: {};
|
|
9
|
+
export declare const PERIODS_GETTERS: Record<string, IPeriodGetter>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type IFilterLocale, type IFilterLocaleKey, type IPartialFilterLocale, ISelectLocale, ISelectLocaleKey } from './types';
|
|
2
|
+
export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;
|
|
3
|
+
export declare const getSelectLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;
|
|
4
|
+
export declare const sortValues: (arr: Array<number | undefined>) => (number | undefined)[];
|
|
5
|
+
export declare const defaultConvertFunction: (val: unknown) => string;
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
export * from './FiltersPane';
|
|
2
2
|
export * from './types';
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './FilterInterval';
|
|
5
|
-
export * from './FilterMultiSelect';
|
|
6
|
-
export * from './FilterSelect';
|
|
7
|
-
export * from './FiltersPaneSearch';
|
|
8
|
-
export * from './FilterWithDates';
|
|
9
|
-
export * from './FilterWithPeriod';
|
|
3
|
+
export * from './components';
|
|
10
4
|
export type { FiltersPaneStyles } from './FiltersPane.styles';
|
|
11
|
-
export type { FilterIntervalStyles } from './FilterInterval/FilterInterval.styles';
|
|
12
|
-
export type { FilterSelectStyles } from './FilterSelect/FilterSelect.styles';
|
|
13
|
-
export type { FiltersPaneSearchStyles } from './FiltersPaneSearch/FiltersPaneSearch.styles';
|
|
14
|
-
export type { FilterWithDatesStyles } from './FilterWithDates/FilterWithDates.styles';
|
|
15
|
-
export type { FilterWithPeriodStyles } from './FilterWithPeriod/FilterWithPeriod.styles';
|
|
16
|
-
export type { FilterWrapperStyles } from './FilterWrapper/FilterWrapper.styles';
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { IDatePickerProps } from '../DatePicker';
|
|
2
3
|
import { IMultiSelectListValues } from '../MultiSelectList';
|
|
3
|
-
import { IFilterIntervalProps } from './
|
|
4
|
-
import {
|
|
5
|
-
import { IFilterSelectProps } from './FilterSelect';
|
|
6
|
-
import { IFilterWithDatesProps } from './FilterWithDates';
|
|
7
|
-
import { IFilterWithPeriodProps } from './FilterWithPeriod';
|
|
8
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from './locales';
|
|
9
|
-
export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
|
|
4
|
+
import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
|
|
5
|
+
import { FilterLocales, PERIODS, SelectLocales } from './constants';
|
|
10
6
|
export declare type IPeriodType = (typeof PERIODS)[number];
|
|
11
7
|
export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
|
|
12
8
|
export declare type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
|
|
@@ -75,3 +71,37 @@ export declare type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectC
|
|
|
75
71
|
export declare type ConfigType<Values> = {
|
|
76
72
|
[K in keyof Values]: ConfigItem<Values[K]>;
|
|
77
73
|
};
|
|
74
|
+
export interface IFilterLocale {
|
|
75
|
+
clear: string;
|
|
76
|
+
all: string;
|
|
77
|
+
other: string;
|
|
78
|
+
chosen: string;
|
|
79
|
+
searchPlaceholder: string;
|
|
80
|
+
displayedFields: string;
|
|
81
|
+
nothingFound: string;
|
|
82
|
+
from: string;
|
|
83
|
+
to: string;
|
|
84
|
+
back: string;
|
|
85
|
+
months: string[];
|
|
86
|
+
periods: {
|
|
87
|
+
[key: string]: string;
|
|
88
|
+
THIS_MONTH: string;
|
|
89
|
+
LAST_MONTH: string;
|
|
90
|
+
THIS_YEAR: string;
|
|
91
|
+
LAST_YEAR: string;
|
|
92
|
+
CUSTOM: string;
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
export declare type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
|
|
96
|
+
periods?: Partial<IFilterLocale['periods']>;
|
|
97
|
+
};
|
|
98
|
+
export declare type IFilterLocaleKey = keyof typeof FilterLocales;
|
|
99
|
+
export interface ISelectLocale {
|
|
100
|
+
clear: string;
|
|
101
|
+
all: string;
|
|
102
|
+
chosen: string;
|
|
103
|
+
searchPlaceholder: string;
|
|
104
|
+
nothingFound: string;
|
|
105
|
+
}
|
|
106
|
+
export declare type ISelectLocaleKey = keyof typeof SelectLocales;
|
|
107
|
+
export declare type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate'>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
3
|
import { FlexibleTableConfigType, IInfinityScrollConfig } from './types';
|
|
4
4
|
import { FlexibleTableStyles } from './FlexibleTable.styles';
|
|
@@ -18,8 +18,8 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
|
|
|
18
18
|
onRowHover?: (id?: string) => void;
|
|
19
19
|
rowAttributes?: Array<keyof Values>;
|
|
20
20
|
refForScroll?: RefObject<HTMLDivElement>;
|
|
21
|
-
nothingFoundContent?:
|
|
22
|
-
expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) =>
|
|
21
|
+
nothingFoundContent?: ReactNode;
|
|
22
|
+
expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
|
|
23
23
|
testId?: string;
|
|
24
24
|
}
|
|
25
25
|
export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ICommonProps } from '
|
|
3
|
-
import { FlexibleTableConfigType } from '
|
|
4
|
-
interface ITableRowProps<Values extends Record<string, any>> extends ICommonProps {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { FlexibleTableConfigType } from '../../types';
|
|
4
|
+
export interface ITableRowProps<Values extends Record<string, any>> extends ICommonProps {
|
|
5
5
|
item: Values;
|
|
6
6
|
uniqueField?: keyof Values;
|
|
7
7
|
isFirstColumnSticky?: boolean;
|
|
@@ -9,7 +9,7 @@ interface ITableRowProps<Values extends Record<string, any>> extends ICommonProp
|
|
|
9
9
|
config?: FlexibleTableConfigType<Values>;
|
|
10
10
|
enabledColumns?: Array<keyof Values>;
|
|
11
11
|
rowAttributes?: Array<keyof Values>;
|
|
12
|
-
expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) =>
|
|
12
|
+
expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
|
|
13
13
|
onRowHover?: (id?: string) => void;
|
|
14
14
|
onRowClick?: (id: string) => void;
|
|
15
15
|
classes: {
|
|
@@ -23,6 +23,6 @@ interface ITableRowProps<Values extends Record<string, any>> extends ICommonProp
|
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
declare function
|
|
27
|
-
declare const
|
|
28
|
-
export
|
|
26
|
+
declare function TableRowInner<Values extends Record<string, any>>({ item, uniqueField, isFirstColumnSticky, isActive, config, enabledColumns, onRowHover, onRowClick, rowAttributes, expandableRowComponent, classes, }: ITableRowProps<Values>): JSX.Element;
|
|
27
|
+
export declare const TableRow: typeof TableRowInner;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableRow';
|
package/dist/components/FlexibleTable/{TableValue.d.ts → components/TableValue/TableValue.d.ts}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import type { ICommonProps } from '
|
|
3
|
-
import type { FlexibleTableConfigType } from '
|
|
4
|
-
interface ITableValueProps<Values extends Record<string, any>> extends ICommonProps {
|
|
2
|
+
import type { ICommonProps } from '../../../../types';
|
|
3
|
+
import type { FlexibleTableConfigType } from '../../types';
|
|
4
|
+
export interface ITableValueProps<Values extends Record<string, any>> extends ICommonProps {
|
|
5
5
|
item: Values;
|
|
6
6
|
columnName: keyof Values;
|
|
7
7
|
config?: FlexibleTableConfigType<Values>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TableValue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
|
-
import {
|
|
4
|
-
import { ICommonIcon } from './icons';
|
|
3
|
+
import { IIconType } from './types';
|
|
5
4
|
import { IconStyles } from './Icon.styles';
|
|
6
|
-
export declare type IIconType = ICommonIcon | IComplexIcon;
|
|
7
5
|
export interface IIconProps extends ICommonProps {
|
|
8
6
|
tweakStyles?: IconStyles;
|
|
9
7
|
type: IIconType;
|
|
10
8
|
}
|
|
11
|
-
export declare const Icon:
|
|
9
|
+
export declare const Icon: FC<IIconProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ComplexIconBoilerplate';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './IconBoilerplate';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IIconType, ISvgIcon } from './types';
|
|
2
|
+
export declare const isComplexIcon: (type: IIconType) => type is "avatar";
|
|
3
|
+
/**
|
|
4
|
+
* Эта функция позволяет корректно определить ключи в типе
|
|
5
|
+
*/
|
|
6
|
+
export declare const checkIcons: <P extends string>(ico: Record<P, ISvgIcon>) => Record<P, ISvgIcon>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconsList: 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", import("./types").ISvgIcon>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SVGAttributes } from 'react';
|
|
2
|
+
import { complexIcons } from './complexIcons';
|
|
3
|
+
import { iconsList } from './icons-list';
|
|
4
|
+
export interface ISvgIcon {
|
|
5
|
+
viewBox?: string;
|
|
6
|
+
paths?: Array<SVGAttributes<never>>;
|
|
7
|
+
circles?: Array<SVGAttributes<never>>;
|
|
8
|
+
rects?: Array<SVGAttributes<never>>;
|
|
9
|
+
}
|
|
10
|
+
export declare type ICommonIcon = keyof typeof iconsList;
|
|
11
|
+
export declare type IComplexIcon = keyof typeof complexIcons;
|
|
12
|
+
export declare type IIconType = ICommonIcon | IComplexIcon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { Classes } from 'jss';
|
|
3
|
-
interface IChangeButtonProps {
|
|
3
|
+
export interface IChangeButtonProps {
|
|
4
4
|
type: 'plus' | 'minus';
|
|
5
5
|
isButtonDisabled: boolean;
|
|
6
6
|
isInvalid?: boolean;
|
|
@@ -8,4 +8,3 @@ interface IChangeButtonProps {
|
|
|
8
8
|
onClick: () => void;
|
|
9
9
|
}
|
|
10
10
|
export declare const ChangeButton: FC<IChangeButtonProps>;
|
|
11
|
-
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ChangeButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ChangeButton';
|