@skbkontur/react-ui 1.6.7 → 1.6.10-radio-group-controlled
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +135 -135
- package/components/Autocomplete/Autocomplete.adapter.js.flow +4 -4
- package/components/Autocomplete/Autocomplete.js.flow +37 -37
- package/components/Autocomplete/README.md +7 -7
- package/components/Autocomplete/index.js.flow +2 -2
- package/components/Button/Button.adapter.js.flow +4 -4
- package/components/Button/Button.js.flow +58 -58
- package/components/Button/Corners.js.flow +12 -12
- package/components/Button/README.md +85 -85
- package/components/Button/index.js.flow +2 -2
- package/components/Calendar/Animation.js.flow +7 -7
- package/components/Calendar/Calendar.js.flow +33 -33
- package/components/Calendar/CalendarDateShape.js.flow +26 -26
- package/components/Calendar/CalendarScrollEvents.js.flow +15 -15
- package/components/Calendar/CalendarUtils.js.flow +35 -35
- package/components/Calendar/DayCellView.js.flow +16 -16
- package/components/Calendar/DayCellViewModel.js.flow +9 -9
- package/components/Calendar/Month.js.flow +23 -23
- package/components/Calendar/MonthView.js.flow +24 -24
- package/components/Calendar/MonthViewModel.js.flow +16 -16
- package/components/Calendar/config.js.flow +11 -11
- package/components/Calendar/index.js.flow +2 -2
- package/components/Calendar/presets.js.flow +21 -21
- package/components/Calendar/stepper.js.flow +2 -2
- package/components/Calendar/utils.js.flow +2 -2
- package/components/Center/Center.js.flow +15 -15
- package/components/Center/README.md +5 -5
- package/components/Center/index.js.flow +2 -2
- package/components/Checkbox/Checkbox.adapter.js.flow +4 -4
- package/components/Checkbox/Checkbox.js +17 -11
- package/components/Checkbox/Checkbox.js.flow +27 -27
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.styles.d.ts +5 -3
- package/components/Checkbox/Checkbox.styles.js +20 -14
- package/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/components/Checkbox/README.md +61 -61
- package/components/Checkbox/index.js.flow +2 -2
- package/components/ComboBox/ComboBox.js.flow +58 -58
- package/components/ComboBox/README.md +423 -423
- package/components/ComboBox/__mocks__/getCities.js.map +1 -1
- package/components/ComboBox/__mocks__/kladr.json +20002 -20002
- package/components/ComboBox/index.js.flow +2 -2
- package/components/ComboBoxOld/ComboBoxOld.adapter.js.map +1 -1
- package/components/ComboBoxOld/ComboBoxOld.d.ts +120 -120
- package/components/ComboBoxOld/ComboBoxOld.js +45 -45
- package/components/ComboBoxOld/ComboBoxOld.js.map +1 -1
- package/components/ComboBoxOld/ComboBoxRenderer.js +2 -1
- package/components/ComboBoxOld/ComboBoxRenderer.js.map +1 -1
- package/components/ComboBoxOld/README.md +83 -83
- package/components/ComboBoxOld/index.d.ts +1 -1
- package/components/ComboBoxOld/index.js.map +1 -1
- package/components/CurrencyInput/CurrencyHelper.js.flow +44 -44
- package/components/CurrencyInput/CurrencyInput.js.flow +30 -30
- package/components/CurrencyInput/CurrencyInputHelper.js.flow +38 -38
- package/components/CurrencyInput/CurrencyInputKeyboardActions.js.flow +19 -19
- package/components/CurrencyInput/CursorHelper.js.flow +15 -15
- package/components/CurrencyInput/README.md +19 -19
- package/components/CurrencyInput/SelectionHelper.js.flow +16 -16
- package/components/CurrencyInput/index.js.flow +2 -2
- package/components/CurrencyLabel/CurrencyLabel.js.flow +10 -10
- package/components/CurrencyLabel/README.md +23 -23
- package/components/CurrencyLabel/index.js.flow +2 -2
- package/components/CustomComboBox/ComboBoxMenu.js.flow +22 -22
- package/components/CustomComboBox/ComboBoxView.js.flow +52 -52
- package/components/CustomComboBox/CustomComboBox.js.flow +130 -130
- package/components/CustomComboBox/index.js.flow +2 -2
- package/components/DateInput/DateInput.js.flow +60 -60
- package/components/DateInput/README.md +104 -104
- package/components/DateInput/helpers/DateInputKeyboardActions.js.flow +17 -17
- package/components/DateInput/helpers/SelectionHelpers.js.flow +3 -3
- package/components/DateInput/helpers/inputNumber.js.flow +4 -4
- package/components/DateInput/index.js.flow +2 -2
- package/components/DatePicker/DatePicker.js.flow +45 -45
- package/components/DatePicker/DatePickerHelpers.js.flow +7 -7
- package/components/DatePicker/DateShape.js.flow +11 -11
- package/components/DatePicker/Picker.js.flow +23 -23
- package/components/DatePicker/README.md +307 -307
- package/components/DatePicker/index.js.flow +2 -2
- package/components/DatePickerOld/Calendar.js.map +1 -1
- package/components/DatePickerOld/CalendarCell.js.map +1 -1
- package/components/DatePickerOld/DateInput.js +2 -2
- package/components/DatePickerOld/DateInput.js.map +1 -1
- package/components/DatePickerOld/DatePicker.adapter.js.map +1 -1
- package/components/DatePickerOld/DatePickerOld.d.ts +35 -35
- package/components/DatePickerOld/DatePickerOld.js +16 -16
- package/components/DatePickerOld/DatePickerOld.js.map +1 -1
- package/components/DatePickerOld/Picker.js.map +1 -1
- package/components/DatePickerOld/README.md +7 -7
- package/components/DatePickerOld/dateParser.js.map +1 -1
- package/components/DatePickerOld/index.d.ts +1 -1
- package/components/DatePickerOld/index.js.map +1 -1
- package/components/DateSelect/DateSelect.js.flow +30 -30
- package/components/DateSelect/index.js.flow +2 -2
- package/components/Dropdown/Dropdown.js.flow +41 -41
- package/components/Dropdown/README.md +14 -14
- package/components/Dropdown/index.js.flow +2 -2
- package/components/DropdownContainer/DropdownContainer.js.flow +29 -29
- package/components/DropdownMenu/DropdownMenu.js.flow +20 -20
- package/components/DropdownMenu/README.md +66 -66
- package/components/DropdownMenu/index.js.flow +2 -2
- package/components/Fias/Fias.js.flow +37 -37
- package/components/Fias/FiasModal.js.flow +12 -12
- package/components/Fias/FiasSearch/FiasSearch.js.flow +32 -32
- package/components/Fias/FiasSearch/README.md +78 -78
- package/components/Fias/Form/FiasComboBox.js.flow +25 -25
- package/components/Fias/Form/FiasForm.js.flow +21 -21
- package/components/Fias/README.md +436 -436
- package/components/Fias/api/APIResultFactory.js.flow +7 -7
- package/components/Fias/api/FiasAPI.js.flow +13 -13
- package/components/Fias/api/MockAPI.js.flow +13 -13
- package/components/Fias/api/data.json +285 -285
- package/components/Fias/constants/abbreviations.js.flow +7 -7
- package/components/Fias/index.js.flow +5 -5
- package/components/Fias/locale/types.js.flow +71 -71
- package/components/Fias/logger/Logger.js.flow +13 -13
- package/components/Fias/models/Address.js.flow +57 -57
- package/components/Fias/models/AddressElement.js.flow +15 -15
- package/components/Fias/models/FiasData.js.flow +10 -10
- package/components/Fias/types.js.flow +133 -133
- package/components/FxInput/FxInput.adapter.js.flow +4 -4
- package/components/FxInput/FxInput.js.flow +24 -24
- package/components/FxInput/README.md +13 -13
- package/components/FxInput/index.js.flow +2 -2
- package/components/Gapped/Gapped.d.ts +14 -6
- package/components/Gapped/Gapped.js +22 -28
- package/components/Gapped/Gapped.js.flow +13 -13
- package/components/Gapped/Gapped.js.map +1 -1
- package/components/Gapped/README.md +6 -6
- package/components/Gapped/index.js.flow +2 -2
- package/components/Group/Group.js.flow +14 -14
- package/components/Group/README.md +27 -27
- package/components/Group/index.js.flow +2 -2
- package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.js.flow +7 -7
- package/components/HideBodyVerticalScroll/index.js.flow +2 -2
- package/components/Hint/Hint.js.flow +37 -37
- package/components/Hint/README.md +3 -3
- package/components/Hint/index.js.flow +2 -2
- package/components/Icon/20px/Icon.js.flow +27 -27
- package/components/Icon/20px/index.js.flow +2 -2
- package/components/Icon/README.md +64 -64
- package/components/IgnoreLayerClick/IgnoreLayerClick.js.flow +12 -12
- package/components/IgnoreLayerClick/index.js.flow +2 -2
- package/components/Input/Input.adapter.js.flow +9 -9
- package/components/Input/Input.js.flow +55 -55
- package/components/Input/README.md +13 -13
- package/components/Input/index.js.flow +2 -2
- package/components/Kebab/Kebab.js.flow +23 -23
- package/components/Kebab/README.md +44 -44
- package/components/Kebab/index.js.flow +2 -2
- package/components/Kladr/AddressModal.d.ts +39 -39
- package/components/Kladr/AddressModal.js.flow +20 -20
- package/components/Kladr/AddressModal.js.map +1 -1
- package/components/Kladr/Kladr.d.ts +39 -39
- package/components/Kladr/Kladr.js +2 -2
- package/components/Kladr/Kladr.js.flow +27 -27
- package/components/Kladr/Kladr.js.map +1 -1
- package/components/Kladr/KladrAPI.d.ts +8 -8
- package/components/Kladr/KladrAPI.js +7 -2
- package/components/Kladr/KladrAPI.js.flow +8 -8
- package/components/Kladr/KladrAPI.js.map +1 -1
- package/components/Kladr/README.md +3 -3
- package/components/Kladr/Types.d.ts +40 -40
- package/components/Kladr/Types.js.flow +39 -39
- package/components/Kladr/index.d.ts +1 -1
- package/components/Kladr/index.js.flow +2 -2
- package/components/Kladr/index.js.map +1 -1
- package/components/Kladr/util.js.map +1 -1
- package/components/Kladr/utils.d.ts +4 -4
- package/components/Kladr/utils.js.flow +4 -4
- package/components/Link/Link.adapter.js.flow +4 -4
- package/components/Link/Link.js.flow +25 -25
- package/components/Link/README.md +11 -11
- package/components/Link/index.js.flow +2 -2
- package/components/Loader/Loader.js.flow +20 -20
- package/components/Loader/README.md +25 -25
- package/components/Loader/index.js.flow +2 -2
- package/components/Logotype/Logotype.js.flow +21 -21
- package/components/Logotype/ProductWidget.js.flow +7 -7
- package/components/Logotype/README.md +32 -32
- package/components/Logotype/index.js.flow +2 -2
- package/components/Menu/Menu.js.flow +24 -24
- package/components/Menu/isActiveElement.js.flow +7 -7
- package/components/MenuHeader/MenuHeader.js.flow +11 -11
- package/components/MenuHeader/index.js.flow +2 -2
- package/components/MenuItem/MenuItem.js.flow +33 -33
- package/components/MenuItem/README.md +5 -5
- package/components/MenuItem/index.js.flow +2 -2
- package/components/MenuSeparator/MenuSeparator.js.flow +7 -7
- package/components/MenuSeparator/index.js.flow +2 -2
- package/components/Modal/Modal.adapter.js.flow +4 -4
- package/components/Modal/Modal.d.ts +3 -0
- package/components/Modal/Modal.js +10 -1
- package/components/Modal/Modal.js.flow +30 -30
- package/components/Modal/Modal.js.map +1 -1
- package/components/Modal/Modal.styles.d.ts +1 -0
- package/components/Modal/Modal.styles.js +7 -4
- package/components/Modal/Modal.styles.js.map +1 -1
- package/components/Modal/ModalBody.d.ts +1 -0
- package/components/Modal/ModalBody.js +1 -0
- package/components/Modal/ModalBody.js.flow +7 -7
- package/components/Modal/ModalBody.js.map +1 -1
- package/components/Modal/ModalClose.js.flow +6 -6
- package/components/Modal/ModalContext.js.flow +15 -15
- package/components/Modal/ModalFooter.js.flow +11 -11
- package/components/Modal/ModalHeader.js.flow +11 -11
- package/components/Modal/README.md +38 -38
- package/components/Modal/helpers.d.ts +2 -0
- package/components/Modal/helpers.js +8 -0
- package/components/Modal/helpers.js.map +1 -0
- package/components/Modal/index.js.flow +2 -2
- package/components/ModalStack/ModalStack.js.flow +10 -10
- package/components/ModalStack/index.js.flow +2 -2
- package/components/Paging/NavigationHelper.js.flow +13 -13
- package/components/Paging/Paging.js.flow +38 -38
- package/components/Paging/PagingHelper.js.flow +10 -10
- package/components/Paging/README.md +43 -43
- package/components/Paging/index.js.flow +2 -2
- package/components/PasswordInput/PasswordInput.js.flow +26 -26
- package/components/PasswordInput/PasswordInputFallback.js.flow +13 -13
- package/components/PasswordInput/getCharHelper.js.flow +4 -4
- package/components/PasswordInput/index.js.flow +2 -2
- package/components/PhoneInput/PhoneInput.js +2 -2
- package/components/PhoneInput/PhoneInput.js.map +1 -1
- package/components/PhoneInput/index.js.map +1 -1
- package/components/Popup/Popup.js.flow +60 -60
- package/components/Popup/PopupHelper.js.flow +29 -29
- package/components/Popup/PopupPin.js.flow +15 -15
- package/components/Popup/index.js.flow +2 -2
- package/components/Radio/README.md +14 -14
- package/components/Radio/Radio.js.flow +33 -33
- package/components/Radio/index.js.flow +2 -2
- package/components/RadioGroup/Prevent.js.flow +9 -9
- package/components/RadioGroup/README.md +44 -44
- package/components/RadioGroup/RadioGroup.adapter.js.flow +4 -4
- package/components/RadioGroup/RadioGroup.js +1 -1
- package/components/RadioGroup/RadioGroup.js.flow +42 -42
- package/components/RadioGroup/RadioGroup.js.map +1 -1
- package/components/RadioGroup/index.js.flow +2 -2
- package/components/RenderContainer/RenderContainer.js.flow +11 -11
- package/components/RenderContainer/index.js.flow +2 -2
- package/components/RenderLayer/RenderLayer.js.flow +12 -12
- package/components/RenderLayer/index.js.flow +2 -2
- package/components/ScrollContainer/README.md +60 -60
- package/components/ScrollContainer/ScrollContainer.js.flow +24 -24
- package/components/ScrollContainer/index.js.flow +2 -2
- package/components/Select/Item.js.flow +7 -7
- package/components/Select/README.md +23 -23
- package/components/Select/Select.adapter.js.flow +4 -4
- package/components/Select/Select.js.flow +81 -81
- package/components/Select/index.js.flow +2 -2
- package/components/SidePage/README.md +46 -46
- package/components/SidePage/SidePage.js.flow +34 -34
- package/components/SidePage/SidePageBody.js.flow +13 -13
- package/components/SidePage/SidePageContainer.js.flow +9 -9
- package/components/SidePage/SidePageContext.js.flow +15 -15
- package/components/SidePage/SidePageFooter.js.flow +16 -16
- package/components/SidePage/SidePageHeader.d.ts +1 -0
- package/components/SidePage/SidePageHeader.js +10 -9
- package/components/SidePage/SidePageHeader.js.flow +11 -11
- package/components/SidePage/SidePageHeader.js.map +1 -1
- package/components/SidePage/index.js.flow +2 -2
- package/components/Spinner/README.md +33 -33
- package/components/Spinner/Spinner.js.flow +20 -20
- package/components/Spinner/SpinnerFallback.js.flow +15 -15
- package/components/Spinner/index.js.flow +2 -2
- package/components/Spinner/settings.js.flow +48 -48
- package/components/Sticky/README.md +27 -27
- package/components/Sticky/Sticky.js.flow +22 -22
- package/components/Sticky/index.js.flow +2 -2
- package/components/Switcher/README.md +10 -10
- package/components/Switcher/Switcher.js.flow +26 -26
- package/components/Switcher/index.js.flow +2 -2
- package/components/Tabs/Indicator.js.flow +21 -21
- package/components/Tabs/README.md +28 -28
- package/components/Tabs/Tab.js.flow +48 -48
- package/components/Tabs/Tabs.js.flow +28 -28
- package/components/Tabs/index.js.flow +2 -2
- package/components/Textarea/README.md +9 -9
- package/components/Textarea/Textarea.adapter.js.flow +11 -11
- package/components/Textarea/Textarea.js.flow +33 -33
- package/components/Textarea/TextareaHelpers.js.flow +6 -6
- package/components/Textarea/index.js.flow +2 -2
- package/components/ThemeProvider/Playground/README.md +7 -7
- package/components/ThemeProvider/Playground/ThemeEditor.js +1 -1
- package/components/ThemeProvider/Playground/ThemeEditor.js.map +1 -1
- package/components/ThemeProvider/Playground/VariableValue.js +1 -1
- package/components/ThemeProvider/Playground/VariableValue.js.map +1 -1
- package/components/ThemeProvider/README.md +172 -172
- package/components/ThemeShowcase/README.md +13 -13
- package/components/Toast/README.md +39 -39
- package/components/Toast/Toast.js.flow +29 -29
- package/components/Toast/ToastStatic.js.flow +10 -10
- package/components/Toast/ToastView.js.flow +16 -16
- package/components/Toast/index.js.flow +2 -2
- package/components/Toggle/README.md +9 -9
- package/components/Toggle/Toggle.js.flow +28 -28
- package/components/Toggle/index.js.flow +2 -2
- package/components/Token/README.md +109 -109
- package/components/Token/Token.js.flow +25 -25
- package/components/Token/TokenRemoveIcon.js.flow +11 -11
- package/components/Token/index.js.flow +2 -2
- package/components/TokenInput/README.md +82 -82
- package/components/TokenInput/TextWidthHelper.js.flow +10 -10
- package/components/TokenInput/TokenInput.js.flow +39 -39
- package/components/TokenInput/TokenInputMenu.js.flow +17 -17
- package/components/TokenInput/TokenInputReducer.js.flow +63 -63
- package/components/TokenInput/index.js.flow +2 -2
- package/components/Tooltip/README.md +207 -207
- package/components/Tooltip/Tooltip.js.flow +33 -33
- package/components/Tooltip/index.js.flow +2 -2
- package/components/TooltipMenu/README.md +106 -106
- package/components/TooltipMenu/TooltipMenu.js.flow +19 -19
- package/components/TooltipMenu/index.js.flow +2 -2
- package/components/TopBar/ButtonItem.js.flow +22 -22
- package/components/TopBar/Divider.js.flow +5 -5
- package/components/TopBar/Item.js.flow +19 -19
- package/components/TopBar/Organizations.js.flow +16 -16
- package/components/TopBar/README.md +112 -112
- package/components/TopBar/TopBar.js.flow +53 -53
- package/components/TopBar/TopBarDropdown.js.flow +23 -23
- package/components/TopBar/TopBarEnd.js.flow +4 -4
- package/components/TopBar/TopBarLogout.js.flow +6 -6
- package/components/TopBar/TopBarStart.js.flow +4 -4
- package/components/TopBar/User.js.flow +9 -9
- package/components/TopBar/index.js.flow +2 -2
- package/components/ZIndex/ZIndex.js.flow +11 -11
- package/components/ZIndex/ZIndexStorage.d.ts +1 -0
- package/components/ZIndex/ZIndexStorage.js +1 -0
- package/components/ZIndex/ZIndexStorage.js.map +1 -1
- package/components/ZIndex/index.js.flow +2 -2
- package/components/__mocks__/react-addons-css-transition-group.js.map +1 -1
- package/components/all.js.flow +36 -36
- package/components/ensureOldIEClassName.js.flow +6 -6
- package/components/eventHandlers.js.flow +9 -9
- package/components/index.js.flow +2 -2
- package/components/internal/InputLikeText/InputLikeText.js.flow +24 -24
- package/components/internal/InputLikeText/index.js.flow +2 -2
- package/components/internal/InternalMenu/InternalMenu.js.flow +23 -23
- package/components/internal/InternalMenu/isActiveElement.js.flow +7 -7
- package/components/internal/MaskedInput/MaskedInput.js.flow +24 -24
- package/components/internal/MaskedInput/index.js.flow +2 -2
- package/components/internal/MockDate.js.flow +9 -9
- package/components/internal/PopupMenu/PopupMenu.js.flow +40 -40
- package/components/internal/PopupMenu/PopupMenuPositions.js.flow +4 -4
- package/components/internal/PopupMenu/index.js.flow +2 -2
- package/components/internal/PopupMenu/validatePositions.js.flow +4 -4
- package/components/internal/ResizeDetector/ResizeDetector.js.flow +8 -8
- package/components/internal/ResizeDetector/index.js.flow +2 -2
- package/components/internal/createPropsGetter.js.flow +8 -8
- package/components/internal/cross.js.flow +4 -4
- package/components/internal/currentEnvironment.js.flow +4 -4
- package/components/internal/extractKeyboardAction.js.flow +12 -12
- package/components/polyfillPlaceholder.js.flow +4 -4
- package/lib/theming/Emotion.js +16 -3
- package/lib/theming/Emotion.js.map +1 -1
- package/package.json +2 -6
- package/typings/console.d.ts +3 -3
- package/typings/event-types.d.ts +4 -4
- package/typings/fbjs.d.ts +4 -4
- package/typings/global.d.ts +6 -6
- package/typings/images.d.ts +1 -1
- package/typings/less.d.ts +4 -4
- package/typings/mocha/index.d.ts +2 -0
- package/typings/mockdate.d.ts +1 -1
- package/typings/normalize-wheel.d.ts +1 -1
- package/typings/raf.d.ts +1 -1
- package/typings/react-addons-css-transition-group.d.ts +1 -1
- package/typings/react-testing/index.d.ts +4 -4
- package/typings/react-testing/window.d.ts +5 -5
- package/typings/react.d.ts +8 -8
- package/typings/utility-types.d.ts +17 -17
- package/typings/stylis-plugin-extra-scope.d.ts +0 -3
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
declare var _default: {|
|
|
3
|
-
noWobble: {|
|
|
4
|
-
stiffness: number,
|
|
5
|
-
damping: number,
|
|
6
|
-
|},
|
|
7
|
-
gentle: {|
|
|
8
|
-
stiffness: number,
|
|
9
|
-
damping: number,
|
|
10
|
-
|},
|
|
11
|
-
wobbly: {|
|
|
12
|
-
stiffness: number,
|
|
13
|
-
damping: number,
|
|
14
|
-
|},
|
|
15
|
-
stiff: {|
|
|
16
|
-
stiffness: number,
|
|
17
|
-
damping: number,
|
|
18
|
-
|},
|
|
19
|
-
|};
|
|
20
|
-
|
|
21
|
-
export default _default;
|
|
1
|
+
/* @flow */
|
|
2
|
+
declare var _default: {|
|
|
3
|
+
noWobble: {|
|
|
4
|
+
stiffness: number,
|
|
5
|
+
damping: number,
|
|
6
|
+
|},
|
|
7
|
+
gentle: {|
|
|
8
|
+
stiffness: number,
|
|
9
|
+
damping: number,
|
|
10
|
+
|},
|
|
11
|
+
wobbly: {|
|
|
12
|
+
stiffness: number,
|
|
13
|
+
damping: number,
|
|
14
|
+
|},
|
|
15
|
+
stiff: {|
|
|
16
|
+
stiffness: number,
|
|
17
|
+
damping: number,
|
|
18
|
+
|},
|
|
19
|
+
|};
|
|
20
|
+
|
|
21
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
declare export var stepper: (currentX: number, currentV: number, targetX: number) => [number, number];
|
|
1
|
+
/* @flow */
|
|
2
|
+
declare export var stepper: (currentX: number, currentV: number, targetX: number) => [number, number];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
declare export function memo<T>(fn: T): T;
|
|
1
|
+
/* @flow */
|
|
2
|
+
declare export function memo<T>(fn: T): T;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import * as CSS from 'csstype';
|
|
3
|
-
|
|
4
|
-
export type HorizontalAlign = 'left' | 'center' | 'right';
|
|
5
|
-
|
|
6
|
-
export type CenterProps = {
|
|
7
|
-
align?: HorizontalAlign,
|
|
8
|
-
style?: CSS.Properties<string | number>,
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export type CenterState = {||};
|
|
12
|
-
|
|
13
|
-
declare class Center extends React$Component<CenterProps, CenterState> {}
|
|
14
|
-
|
|
15
|
-
export default Center;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import * as CSS from 'csstype';
|
|
3
|
+
|
|
4
|
+
export type HorizontalAlign = 'left' | 'center' | 'right';
|
|
5
|
+
|
|
6
|
+
export type CenterProps = {
|
|
7
|
+
align?: HorizontalAlign,
|
|
8
|
+
style?: CSS.Properties<string | number>,
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export type CenterState = {||};
|
|
12
|
+
|
|
13
|
+
declare class Center extends React$Component<CenterProps, CenterState> {}
|
|
14
|
+
|
|
15
|
+
export default Center;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
```js
|
|
2
|
-
<Center style={{ background: '#fdd', height: 150 }}>
|
|
3
|
-
<div style={{ background: 'black', width: 30, height: 30 }} />
|
|
4
|
-
</Center>
|
|
5
|
-
```
|
|
1
|
+
```js
|
|
2
|
+
<Center style={{ background: '#fdd', height: 150 }}>
|
|
3
|
+
<div style={{ background: 'black', width: 30, height: 30 }} />
|
|
4
|
+
</Center>
|
|
5
|
+
```
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
export { default, CenterProps, CenterState } from './Center';
|
|
1
|
+
/* @flow */
|
|
2
|
+
export { default, CenterProps, CenterState } from './Center';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import Checkbox from './Checkbox.js';
|
|
3
|
-
|
|
4
|
-
export default Checkbox;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import Checkbox from './Checkbox.js';
|
|
3
|
+
|
|
4
|
+
export default Checkbox;
|
|
@@ -4,14 +4,15 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var React = tslib_1.__importStar(require("react"));
|
|
5
5
|
var PropTypes = tslib_1.__importStar(require("prop-types"));
|
|
6
6
|
var Ok_1 = tslib_1.__importDefault(require("@skbkontur/react-icons/Ok"));
|
|
7
|
+
var Square_1 = tslib_1.__importDefault(require("@skbkontur/react-icons/Square"));
|
|
7
8
|
var tabListener_1 = tslib_1.__importDefault(require("../../lib/events/tabListener"));
|
|
8
9
|
var Emotion_1 = require("../../lib/theming/Emotion");
|
|
9
|
-
var ensureOldIEClassName_1 = require("../ensureOldIEClassName");
|
|
10
10
|
var Checkbox_styles_1 = tslib_1.__importStar(require("./Checkbox.styles"));
|
|
11
11
|
var ThemeConsumer_1 = require("../ThemeConsumer");
|
|
12
|
+
var utils_1 = require("../../lib/utils");
|
|
12
13
|
/**
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
* Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
|
|
15
|
+
*/
|
|
15
16
|
var Checkbox = /** @class */function (_super) {
|
|
16
17
|
tslib_1.__extends(Checkbox, _super);
|
|
17
18
|
function Checkbox() {
|
|
@@ -108,13 +109,15 @@ var Checkbox = /** @class */function (_super) {
|
|
|
108
109
|
}
|
|
109
110
|
};
|
|
110
111
|
Checkbox.prototype.renderMain = function () {
|
|
111
|
-
var _a, _b;
|
|
112
|
+
var _a, _b, _c;
|
|
112
113
|
var props = this.props;
|
|
113
114
|
var children = props.children,error = props.error,warning = props.warning,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onChange = props.onChange,style = props.style,className = props.className,type = props.type,initialIndeterminate = props.initialIndeterminate,rest = tslib_1.__rest(props, ["children", "error", "warning", "onMouseEnter", "onMouseLeave", "onMouseOver", "onChange", "style", "className", "type", "initialIndeterminate"]);
|
|
115
|
+
var isIndeterminate = this.state.indeterminate;
|
|
114
116
|
var rootClass = Emotion_1.cx(Checkbox_styles_1.classes.root, Checkbox_styles_1["default"].root(this.theme), (_a = {},
|
|
115
117
|
_a[Checkbox_styles_1.classes.disabled] = !!props.disabled,
|
|
116
118
|
_a[Checkbox_styles_1["default"].disabled(this.theme)] = !!props.disabled,
|
|
117
119
|
_a[Checkbox_styles_1["default"].checked(this.theme)] = !!props.checked,
|
|
120
|
+
_a[Checkbox_styles_1["default"].indeterminate(this.theme)] = isIndeterminate,
|
|
118
121
|
_a[Checkbox_styles_1["default"].focus(this.theme)] = this.state.focusedByTab,
|
|
119
122
|
_a[Checkbox_styles_1["default"].warning(this.theme)] = !!props.warning,
|
|
120
123
|
_a[Checkbox_styles_1["default"].error(this.theme)] = !!props.error,
|
|
@@ -122,16 +125,19 @@ var Checkbox = /** @class */function (_super) {
|
|
|
122
125
|
var inputProps = tslib_1.__assign({}, rest, { type: 'checkbox', className: Checkbox_styles_1["default"].input(this.theme), onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef });
|
|
123
126
|
var caption = null;
|
|
124
127
|
if (children) {
|
|
125
|
-
|
|
128
|
+
var captionClass = Emotion_1.cx(Checkbox_styles_1["default"].caption(this.theme), (_b = {},
|
|
129
|
+
_b[Checkbox_styles_1["default"].captionIE11()] = utils_1.isIE11 || utils_1.isEdge,
|
|
130
|
+
_b));
|
|
131
|
+
caption = React.createElement("span", { className: captionClass }, children);
|
|
126
132
|
}
|
|
127
|
-
var
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
var box = React.createElement("span", { className:
|
|
133
|
+
var iconClass = Emotion_1.cx((_c = {},
|
|
134
|
+
_c[Checkbox_styles_1["default"].iconUnchecked()] = !props.checked && !isIndeterminate,
|
|
135
|
+
_c[Checkbox_styles_1["default"].iconFixBaseline()] = utils_1.isFirefox || utils_1.isIE11 || utils_1.isEdge,
|
|
136
|
+
_c));
|
|
137
|
+
var box = React.createElement("span", { className: Emotion_1.cx(Checkbox_styles_1.classes.box, Checkbox_styles_1["default"].box(this.theme)) }, isIndeterminate && React.createElement(Square_1["default"], { className: iconClass }) || React.createElement(Ok_1["default"], { className: iconClass }));
|
|
132
138
|
return React.createElement("label", { className: rootClass, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver },
|
|
133
139
|
React.createElement("input", tslib_1.__assign({}, inputProps)),
|
|
134
|
-
|
|
140
|
+
box,
|
|
135
141
|
caption);
|
|
136
142
|
};
|
|
137
143
|
Checkbox.propTypes = {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { MouseEventHandler } from '../eventHandlers';
|
|
3
|
-
|
|
4
|
-
export type CheckboxProps = {
|
|
5
|
-
children?: React$Node,
|
|
6
|
-
error?: boolean,
|
|
7
|
-
warning?: boolean,
|
|
8
|
-
onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
|
|
9
|
-
onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
|
|
10
|
-
onMouseOver?: MouseEventHandler<HTMLLabelElement>,
|
|
11
|
-
onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: boolean) => void,
|
|
12
|
-
initialIndeterminate?: boolean,
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export type CheckboxState = {|
|
|
16
|
-
focusedByTab: boolean,
|
|
17
|
-
indeterminate: boolean,
|
|
18
|
-
|};
|
|
19
|
-
|
|
20
|
-
declare class Checkbox extends React$Component<CheckboxProps, CheckboxState> {
|
|
21
|
-
focus(): void;
|
|
22
|
-
blur(): void;
|
|
23
|
-
setIndeterminate: () => void;
|
|
24
|
-
resetIndeterminate: () => void;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export default Checkbox;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { MouseEventHandler } from '../eventHandlers';
|
|
3
|
+
|
|
4
|
+
export type CheckboxProps = {
|
|
5
|
+
children?: React$Node,
|
|
6
|
+
error?: boolean,
|
|
7
|
+
warning?: boolean,
|
|
8
|
+
onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
|
|
9
|
+
onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
|
|
10
|
+
onMouseOver?: MouseEventHandler<HTMLLabelElement>,
|
|
11
|
+
onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: boolean) => void,
|
|
12
|
+
initialIndeterminate?: boolean,
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export type CheckboxState = {|
|
|
16
|
+
focusedByTab: boolean,
|
|
17
|
+
indeterminate: boolean,
|
|
18
|
+
|};
|
|
19
|
+
|
|
20
|
+
declare class Checkbox extends React$Component<CheckboxProps, CheckboxState> {
|
|
21
|
+
focus(): void;
|
|
22
|
+
blur(): void;
|
|
23
|
+
setIndeterminate: () => void;
|
|
24
|
+
resetIndeterminate: () => void;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export default Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,4DAAwC;AACxC,yEAA+C;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { ITheme } from '../../lib/theming/Theme';
|
|
2
2
|
declare const jsStyles: {
|
|
3
3
|
root(t: ITheme): string;
|
|
4
|
+
rootWrapperIE11(): string;
|
|
4
5
|
box(t: ITheme): string;
|
|
5
6
|
input(t: ITheme): string;
|
|
6
|
-
indeterminate(t: ITheme): string;
|
|
7
7
|
warning(t: ITheme): string;
|
|
8
8
|
error(t: ITheme): string;
|
|
9
9
|
checked(t: ITheme): string;
|
|
10
|
+
indeterminate(t: ITheme): string;
|
|
10
11
|
focus(t: ITheme): string;
|
|
11
12
|
disabled(t: ITheme): string;
|
|
12
|
-
|
|
13
|
+
iconFixBaseline(): string;
|
|
14
|
+
iconUnchecked(): string;
|
|
13
15
|
caption(t: ITheme): string;
|
|
14
|
-
|
|
16
|
+
captionIE11(): string;
|
|
15
17
|
};
|
|
16
18
|
export declare const classes: {
|
|
17
19
|
root: string;
|
|
@@ -5,16 +5,16 @@ var Emotion_1 = require("../../lib/theming/Emotion");
|
|
|
5
5
|
var ColorFunctions_1 = tslib_1.__importDefault(require("../../lib/styles/ColorFunctions"));
|
|
6
6
|
var jsStyles = {
|
|
7
7
|
root: function root(t) {
|
|
8
|
-
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n
|
|
8
|
+
return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n user-select: none;\n line-height: 20px;\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n\n &:active .", " {\n box-shadow: ", ";\n background: ", ";\n }\n\n &.", " {\n color: ", ";\n }\n\n .rt-ie-any & {\n display: inline-table;\n }\n "], ["\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n user-select: none;\n line-height: 20px;\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n\n &:active .", " {\n box-shadow: ", ";\n background: ", ";\n }\n\n &.", " {\n color: ", ";\n }\n\n .rt-ie-any & {\n display: inline-table;\n }\n "])), exports.classes.box, t.chbHoverBg, t.chbShadowHover, exports.classes.box, t.chbShadowActive, t.chbActiveBg, exports.classes.disabled, t.textColorDisabled);
|
|
9
|
+
},
|
|
10
|
+
rootWrapperIE11: function rootWrapperIE11() {
|
|
11
|
+
return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: inline;\n "], ["\n display: inline;\n "])));
|
|
9
12
|
},
|
|
10
13
|
box: function box(t) {
|
|
11
|
-
return Emotion_1.css(
|
|
14
|
+
return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n flex: none;\n font-size: 14px;\n color: ", ";\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background: ", ";\n align-self: baseline;\n\n .", " & {\n box-shadow: ", " !important; //to override hover and active\n background: ", " !important;\n color: ", " !important;\n }\n "], ["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n flex: none;\n font-size: 14px;\n color: ", ";\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background: ", ";\n align-self: baseline;\n\n .", " & {\n box-shadow: ", " !important; //to override hover and active\n background: ", " !important;\n color: ", " !important;\n }\n "])), t.textColorDefault, t.chbBorder, t.chbBorderRadius, t.chbShadow, t.chbBg, exports.classes.disabled, t.chbShadowDisabled, t.bgDisabled, t.textColorDisabled);
|
|
12
15
|
},
|
|
13
16
|
input: function input(t) {
|
|
14
|
-
return Emotion_1.css(
|
|
15
|
-
},
|
|
16
|
-
indeterminate: function indeterminate(t) {
|
|
17
|
-
return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n width: 8px;\n height: 8px;\n background: ", ";\n border-radius: ", ";\n\n .", " & {\n background: ", ";\n }\n "], ["\n width: 8px;\n height: 8px;\n background: ", ";\n border-radius: ", ";\n\n .", " & {\n background: ", ";\n }\n "])), t.chbIndeterminateBg, t.chbIndeterminateBorderRadius, exports.classes.disabled, t.textColorDisabled);
|
|
17
|
+
return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n "], ["\n display: inline-block;\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n "])));
|
|
18
18
|
},
|
|
19
19
|
warning: function warning(t) {
|
|
20
20
|
return Emotion_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n & .", " {\n box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n }\n "], ["\n & .", " {\n box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n }\n "])), exports.classes.box, t.outlineColorFocus, t.chbShadowWidth, t.borderColorWarning);
|
|
@@ -25,20 +25,26 @@ var jsStyles = {
|
|
|
25
25
|
checked: function checked(t) {
|
|
26
26
|
return Emotion_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n & .", " {\n background: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n\n &:hover .", " {\n box-shadow: ", ";\n background: ", ";\n }\n\n &:active .", " {\n background: ", ";\n }\n }\n "], ["\n & .", " {\n background: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n\n &:hover .", " {\n box-shadow: ", ";\n background: ", ";\n }\n\n &:active .", " {\n background: ", ";\n }\n }\n "])), exports.classes.box, t.chbCheckedBg, t.chbCheckedColor, t.chbCheckedShadow, exports.classes.box, t.chbCheckedHoverShadow, ColorFunctions_1["default"].darken(t.chbCheckedBg, '5%'), exports.classes.box, ColorFunctions_1["default"].darken(t.chbCheckedBg, '15%'));
|
|
27
27
|
},
|
|
28
|
+
indeterminate: function indeterminate(t) {
|
|
29
|
+
return Emotion_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n & .", " {\n background: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n &:active .", " {\n background: ", ";\n }\n "], ["\n & .", " {\n background: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n &:active .", " {\n background: ", ";\n }\n "])), exports.classes.box, t.chbBoxIndeterminateBg, t.chbIndeterminateBg, t.chbCheckedShadow, exports.classes.box, ColorFunctions_1["default"].darken(t.chbBoxIndeterminateBg, '5%'), t.chbCheckedHoverShadow, exports.classes.box, ColorFunctions_1["default"].darken(t.chbBoxIndeterminateBg, '15%'));
|
|
30
|
+
},
|
|
28
31
|
focus: function focus(t) {
|
|
29
|
-
return Emotion_1.css(
|
|
32
|
+
return Emotion_1.css(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n & .", " {\n box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n }\n "], ["\n & .", " {\n box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n }\n "])), exports.classes.box, t.outlineColorFocus, t.chbShadowWidth, t.chbBorderColorFocus);
|
|
30
33
|
},
|
|
31
34
|
disabled: function disabled(t) {
|
|
32
|
-
return Emotion_1.css(
|
|
35
|
+
return Emotion_1.css(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n cursor: default;\n "], ["\n cursor: default;\n "])));
|
|
36
|
+
},
|
|
37
|
+
iconFixBaseline: function iconFixBaseline() {
|
|
38
|
+
return Emotion_1.css(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n margin-top: -2px;\n "], ["\n margin-top: -2px;\n "])));
|
|
33
39
|
},
|
|
34
|
-
|
|
35
|
-
return Emotion_1.css(
|
|
40
|
+
iconUnchecked: function iconUnchecked() {
|
|
41
|
+
return Emotion_1.css(templateObject_12 || (templateObject_12 = tslib_1.__makeTemplateObject(["\n color: transparent;\n "], ["\n color: transparent;\n "])));
|
|
36
42
|
},
|
|
37
43
|
caption: function caption(t) {
|
|
38
|
-
return Emotion_1.css(
|
|
44
|
+
return Emotion_1.css(templateObject_13 || (templateObject_13 = tslib_1.__makeTemplateObject(["\n padding-left: 10px;\n "], ["\n padding-left: 10px;\n "])));
|
|
39
45
|
},
|
|
40
|
-
|
|
41
|
-
return Emotion_1.css(
|
|
46
|
+
captionIE11: function captionIE11() {
|
|
47
|
+
return Emotion_1.css(templateObject_14 || (templateObject_14 = tslib_1.__makeTemplateObject(["\n display: table-cell;\n "], ["\n display: table-cell;\n "])));
|
|
42
48
|
} };
|
|
43
49
|
|
|
44
50
|
exports.classes = Emotion_1.prefixer({
|
|
@@ -47,4 +53,4 @@ exports.classes = Emotion_1.prefixer({
|
|
|
47
53
|
disabled: 'disabled' });
|
|
48
54
|
|
|
49
55
|
exports["default"] = jsStyles;
|
|
50
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
56
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["Checkbox.styles.ts"],"names":[],"mappings":";;;AAAA,qDAA0D;AAE1D,2FAA6D;AAE7D,IAAM,QAAQ,GAAG;IACf,IAAI,YAAC,CAAS;QACZ,OAAO,aAAG,
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["Checkbox.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
```jsx
|
|
2
|
-
let initialState = { checked: false };
|
|
3
|
-
|
|
4
|
-
<Checkbox checked={state.checked} onChange={(_, v) => setState({ checked: v })}>
|
|
5
|
-
Checkbox
|
|
6
|
-
</Checkbox>;
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
Чекбокс может быть в состоянии "частично выбран". Как и в браузерном чекбоксе, это состояние влияет только на внешний вид и не влияет на состояние `checked`. `indeterminate` устанавливается в конструкторе через проп `initialIndeterminate` или методами инстанса `setIndeterminate()`/`resetIndeterminate()`
|
|
10
|
-
|
|
11
|
-
```jsx
|
|
12
|
-
class IndeterminateExample extends React.Component {
|
|
13
|
-
constructor(props) {
|
|
14
|
-
super(props);
|
|
15
|
-
|
|
16
|
-
this.checkboxInstance = null;
|
|
17
|
-
|
|
18
|
-
this.state = {
|
|
19
|
-
checked: false,
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
render() {
|
|
24
|
-
return (
|
|
25
|
-
<div>
|
|
26
|
-
<Gapped>
|
|
27
|
-
<Checkbox
|
|
28
|
-
initialIndeterminate
|
|
29
|
-
checked={this.state.checked}
|
|
30
|
-
onChange={(_, v) => this.setState({ checked: v })}
|
|
31
|
-
ref={element => {
|
|
32
|
-
this.checkboxInstance = element;
|
|
33
|
-
}}
|
|
34
|
-
>
|
|
35
|
-
Checkbox
|
|
36
|
-
</Checkbox>
|
|
37
|
-
<Button onClick={this.handleClickOnSetIndeterminate.bind(this)}>
|
|
38
|
-
<code>setIndeterminate()</code>
|
|
39
|
-
</Button>
|
|
40
|
-
<Button onClick={this.handleClickOnResetIndeterminate.bind(this)}>
|
|
41
|
-
<code>resetIndeterminate()</code>
|
|
42
|
-
</Button>
|
|
43
|
-
</Gapped>
|
|
44
|
-
</div>
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
handleClickOnSetIndeterminate() {
|
|
49
|
-
if (this.checkboxInstance) {
|
|
50
|
-
this.checkboxInstance.setIndeterminate();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
handleClickOnResetIndeterminate() {
|
|
54
|
-
if (this.checkboxInstance) {
|
|
55
|
-
this.checkboxInstance.resetIndeterminate();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
<IndeterminateExample />;
|
|
61
|
-
```
|
|
1
|
+
```jsx
|
|
2
|
+
let initialState = { checked: false };
|
|
3
|
+
|
|
4
|
+
<Checkbox checked={state.checked} onChange={(_, v) => setState({ checked: v })}>
|
|
5
|
+
Checkbox
|
|
6
|
+
</Checkbox>;
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
Чекбокс может быть в состоянии "частично выбран". Как и в браузерном чекбоксе, это состояние влияет только на внешний вид и не влияет на состояние `checked`. `indeterminate` устанавливается в конструкторе через проп `initialIndeterminate` или методами инстанса `setIndeterminate()`/`resetIndeterminate()`
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
class IndeterminateExample extends React.Component {
|
|
13
|
+
constructor(props) {
|
|
14
|
+
super(props);
|
|
15
|
+
|
|
16
|
+
this.checkboxInstance = null;
|
|
17
|
+
|
|
18
|
+
this.state = {
|
|
19
|
+
checked: false,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
render() {
|
|
24
|
+
return (
|
|
25
|
+
<div>
|
|
26
|
+
<Gapped>
|
|
27
|
+
<Checkbox
|
|
28
|
+
initialIndeterminate
|
|
29
|
+
checked={this.state.checked}
|
|
30
|
+
onChange={(_, v) => this.setState({ checked: v })}
|
|
31
|
+
ref={element => {
|
|
32
|
+
this.checkboxInstance = element;
|
|
33
|
+
}}
|
|
34
|
+
>
|
|
35
|
+
Checkbox
|
|
36
|
+
</Checkbox>
|
|
37
|
+
<Button onClick={this.handleClickOnSetIndeterminate.bind(this)}>
|
|
38
|
+
<code>setIndeterminate()</code>
|
|
39
|
+
</Button>
|
|
40
|
+
<Button onClick={this.handleClickOnResetIndeterminate.bind(this)}>
|
|
41
|
+
<code>resetIndeterminate()</code>
|
|
42
|
+
</Button>
|
|
43
|
+
</Gapped>
|
|
44
|
+
</div>
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
handleClickOnSetIndeterminate() {
|
|
49
|
+
if (this.checkboxInstance) {
|
|
50
|
+
this.checkboxInstance.setIndeterminate();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
handleClickOnResetIndeterminate() {
|
|
54
|
+
if (this.checkboxInstance) {
|
|
55
|
+
this.checkboxInstance.resetIndeterminate();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
<IndeterminateExample />;
|
|
61
|
+
```
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
export { default, CheckboxProps, CheckboxState } from './Checkbox';
|
|
1
|
+
/* @flow */
|
|
2
|
+
export { default, CheckboxProps, CheckboxState } from './Checkbox';
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { MenuItemState } from '../MenuItem';
|
|
3
|
-
|
|
4
|
-
export type ComboBoxItem = {
|
|
5
|
-
value: string | number;
|
|
6
|
-
label: string;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export type ComboBoxProps<T = ComboBoxItem> = {|
|
|
10
|
-
align?: 'left' | 'center' | 'right',
|
|
11
|
-
autocomplete?: boolean,
|
|
12
|
-
autoFocus?: boolean,
|
|
13
|
-
borderless?: boolean,
|
|
14
|
-
disablePortal?: boolean,
|
|
15
|
-
disabled?: boolean,
|
|
16
|
-
error?: boolean,
|
|
17
|
-
getItems?: (query: string) => Promise<T[]>,
|
|
18
|
-
itemToValue?: (item: T) => string | number,
|
|
19
|
-
maxLength?: number,
|
|
20
|
-
drawArrow?: boolean,
|
|
21
|
-
menuAlign?: 'left' | 'right',
|
|
22
|
-
onBlur?: () => void,
|
|
23
|
-
onChange?: (
|
|
24
|
-
event: {
|
|
25
|
-
target: {
|
|
26
|
-
value: T,
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
item: T,
|
|
30
|
-
) => void,
|
|
31
|
-
onFocus?: () => void,
|
|
32
|
-
// eslint-disable-next-line flowtype/no-weak-types
|
|
33
|
-
onInputChange?: (query: string) => any,
|
|
34
|
-
onUnexpectedInput?: (query: string) => void | null | T,
|
|
35
|
-
placeholder?: string,
|
|
36
|
-
renderItem?: (item: T, state?: MenuItemState) => React$Node,
|
|
37
|
-
renderNotFound?: () => React$Node,
|
|
38
|
-
renderTotalCount?: (found: number, total: number) => React$Node,
|
|
39
|
-
renderValue?: (item: T) => React$Node,
|
|
40
|
-
totalCount?: number,
|
|
41
|
-
value?: ?T,
|
|
42
|
-
valueToString?: (item: T) => string,
|
|
43
|
-
size?: 'small' | 'medium' | 'large',
|
|
44
|
-
warning?: boolean,
|
|
45
|
-
width?: string | number,
|
|
46
|
-
maxMenuHeight?: number | string,
|
|
47
|
-
|};
|
|
48
|
-
|
|
49
|
-
declare class ComboBox<T = ComboBoxItem> extends React$Component<ComboBoxProps<T>> {
|
|
50
|
-
focus(): void;
|
|
51
|
-
search(query?: string): void;
|
|
52
|
-
open(): void;
|
|
53
|
-
close(): void;
|
|
54
|
-
selectInputText(): void;
|
|
55
|
-
reset(): void;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export default ComboBox;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { MenuItemState } from '../MenuItem';
|
|
3
|
+
|
|
4
|
+
export type ComboBoxItem = {
|
|
5
|
+
value: string | number;
|
|
6
|
+
label: string;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export type ComboBoxProps<T = ComboBoxItem> = {|
|
|
10
|
+
align?: 'left' | 'center' | 'right',
|
|
11
|
+
autocomplete?: boolean,
|
|
12
|
+
autoFocus?: boolean,
|
|
13
|
+
borderless?: boolean,
|
|
14
|
+
disablePortal?: boolean,
|
|
15
|
+
disabled?: boolean,
|
|
16
|
+
error?: boolean,
|
|
17
|
+
getItems?: (query: string) => Promise<T[]>,
|
|
18
|
+
itemToValue?: (item: T) => string | number,
|
|
19
|
+
maxLength?: number,
|
|
20
|
+
drawArrow?: boolean,
|
|
21
|
+
menuAlign?: 'left' | 'right',
|
|
22
|
+
onBlur?: () => void,
|
|
23
|
+
onChange?: (
|
|
24
|
+
event: {
|
|
25
|
+
target: {
|
|
26
|
+
value: T,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
item: T,
|
|
30
|
+
) => void,
|
|
31
|
+
onFocus?: () => void,
|
|
32
|
+
// eslint-disable-next-line flowtype/no-weak-types
|
|
33
|
+
onInputChange?: (query: string) => any,
|
|
34
|
+
onUnexpectedInput?: (query: string) => void | null | T,
|
|
35
|
+
placeholder?: string,
|
|
36
|
+
renderItem?: (item: T, state?: MenuItemState) => React$Node,
|
|
37
|
+
renderNotFound?: () => React$Node,
|
|
38
|
+
renderTotalCount?: (found: number, total: number) => React$Node,
|
|
39
|
+
renderValue?: (item: T) => React$Node,
|
|
40
|
+
totalCount?: number,
|
|
41
|
+
value?: ?T,
|
|
42
|
+
valueToString?: (item: T) => string,
|
|
43
|
+
size?: 'small' | 'medium' | 'large',
|
|
44
|
+
warning?: boolean,
|
|
45
|
+
width?: string | number,
|
|
46
|
+
maxMenuHeight?: number | string,
|
|
47
|
+
|};
|
|
48
|
+
|
|
49
|
+
declare class ComboBox<T = ComboBoxItem> extends React$Component<ComboBoxProps<T>> {
|
|
50
|
+
focus(): void;
|
|
51
|
+
search(query?: string): void;
|
|
52
|
+
open(): void;
|
|
53
|
+
close(): void;
|
|
54
|
+
selectInputText(): void;
|
|
55
|
+
reset(): void;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export default ComboBox;
|