@skbkontur/react-ui 1.6.10 → 1.6.11
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.flow +27 -27
- 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.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.js.flow +13 -13
- 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.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.js.flow +30 -30
- package/components/Modal/Modal.js.map +1 -1
- package/components/Modal/ModalBody.js.flow +7 -7
- 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/index.js.flow +2 -2
- package/components/ModalStack/ModalStack.d.ts +4 -2
- package/components/ModalStack/ModalStack.js +13 -2
- package/components/ModalStack/ModalStack.js.flow +10 -10
- package/components/ModalStack/ModalStack.js.map +1 -1
- 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/SidePage.js.map +1 -1
- 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.js.flow +11 -11
- 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/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/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/package.json +1 -4
- 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 -2
- 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
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
```jsx
|
|
2
|
-
let initialState = { opened: false };
|
|
3
|
-
|
|
4
|
-
function renderSidePage() {
|
|
5
|
-
return (
|
|
6
|
-
<SidePage onClose={close} blockBackground>
|
|
7
|
-
<SidePage.Header>Title</SidePage.Header>
|
|
8
|
-
<SidePage.Body>
|
|
9
|
-
<div
|
|
10
|
-
style={{
|
|
11
|
-
background: `repeating-linear-gradient(
|
|
12
|
-
60deg,
|
|
13
|
-
#fafafa,
|
|
14
|
-
#fafafa 20px,
|
|
15
|
-
#dfdede 20px,
|
|
16
|
-
#dfdede 40px
|
|
17
|
-
)`,
|
|
18
|
-
height: 600,
|
|
19
|
-
padding: '20px 0',
|
|
20
|
-
}}
|
|
21
|
-
>
|
|
22
|
-
<SidePage.Container>
|
|
23
|
-
<p>Use rxjs operators with react hooks</p>
|
|
24
|
-
</SidePage.Container>
|
|
25
|
-
</div>
|
|
26
|
-
</SidePage.Body>
|
|
27
|
-
<SidePage.Footer panel>
|
|
28
|
-
<Button onClick={close}>Close</Button>
|
|
29
|
-
</SidePage.Footer>
|
|
30
|
-
</SidePage>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function open() {
|
|
35
|
-
setState({ opened: true });
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
function close() {
|
|
39
|
-
setState({ opened: false });
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
<div>
|
|
43
|
-
{state.opened && renderSidePage()}
|
|
44
|
-
<Button onClick={open}>Open</Button>
|
|
45
|
-
</div>;
|
|
46
|
-
```
|
|
1
|
+
```jsx
|
|
2
|
+
let initialState = { opened: false };
|
|
3
|
+
|
|
4
|
+
function renderSidePage() {
|
|
5
|
+
return (
|
|
6
|
+
<SidePage onClose={close} blockBackground>
|
|
7
|
+
<SidePage.Header>Title</SidePage.Header>
|
|
8
|
+
<SidePage.Body>
|
|
9
|
+
<div
|
|
10
|
+
style={{
|
|
11
|
+
background: `repeating-linear-gradient(
|
|
12
|
+
60deg,
|
|
13
|
+
#fafafa,
|
|
14
|
+
#fafafa 20px,
|
|
15
|
+
#dfdede 20px,
|
|
16
|
+
#dfdede 40px
|
|
17
|
+
)`,
|
|
18
|
+
height: 600,
|
|
19
|
+
padding: '20px 0',
|
|
20
|
+
}}
|
|
21
|
+
>
|
|
22
|
+
<SidePage.Container>
|
|
23
|
+
<p>Use rxjs operators with react hooks</p>
|
|
24
|
+
</SidePage.Container>
|
|
25
|
+
</div>
|
|
26
|
+
</SidePage.Body>
|
|
27
|
+
<SidePage.Footer panel>
|
|
28
|
+
<Button onClick={close}>Close</Button>
|
|
29
|
+
</SidePage.Footer>
|
|
30
|
+
</SidePage>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function open() {
|
|
35
|
+
setState({ opened: true });
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
function close() {
|
|
39
|
+
setState({ opened: false });
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
<div>
|
|
43
|
+
{state.opened && renderSidePage()}
|
|
44
|
+
<Button onClick={open}>Open</Button>
|
|
45
|
+
</div>;
|
|
46
|
+
```
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import SidePageContainer from './SidePageContainer';
|
|
3
|
-
import SidePageHeader from './SidePageHeader';
|
|
4
|
-
import SidePageBody from './SidePageBody';
|
|
5
|
-
import SidePageFooter from './SidePageFooter';
|
|
6
|
-
|
|
7
|
-
export type SidePageProps = {|
|
|
8
|
-
blockBackground?: boolean,
|
|
9
|
-
disableClose?: boolean,
|
|
10
|
-
ignoreBackgroundClick?: boolean,
|
|
11
|
-
width?: number,
|
|
12
|
-
onClose?: () => void,
|
|
13
|
-
fromLeft?: boolean,
|
|
14
|
-
disableAnimations?: boolean,
|
|
15
|
-
children?: React$Node,
|
|
16
|
-
|};
|
|
17
|
-
|
|
18
|
-
export type SidePageState = {|
|
|
19
|
-
stackPosition?: number,
|
|
20
|
-
hasMargin?: boolean,
|
|
21
|
-
hasShadow?: boolean,
|
|
22
|
-
hasBackground?: boolean,
|
|
23
|
-
|};
|
|
24
|
-
|
|
25
|
-
declare class SidePage extends React$Component<SidePageProps, SidePageState> {
|
|
26
|
-
static Header: typeof SidePageHeader,
|
|
27
|
-
static Body: typeof SidePageBody,
|
|
28
|
-
static Footer: typeof SidePageFooter,
|
|
29
|
-
static Container: typeof SidePageContainer,
|
|
30
|
-
|
|
31
|
-
updateLayout: () => void,
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export default SidePage;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import SidePageContainer from './SidePageContainer';
|
|
3
|
+
import SidePageHeader from './SidePageHeader';
|
|
4
|
+
import SidePageBody from './SidePageBody';
|
|
5
|
+
import SidePageFooter from './SidePageFooter';
|
|
6
|
+
|
|
7
|
+
export type SidePageProps = {|
|
|
8
|
+
blockBackground?: boolean,
|
|
9
|
+
disableClose?: boolean,
|
|
10
|
+
ignoreBackgroundClick?: boolean,
|
|
11
|
+
width?: number,
|
|
12
|
+
onClose?: () => void,
|
|
13
|
+
fromLeft?: boolean,
|
|
14
|
+
disableAnimations?: boolean,
|
|
15
|
+
children?: React$Node,
|
|
16
|
+
|};
|
|
17
|
+
|
|
18
|
+
export type SidePageState = {|
|
|
19
|
+
stackPosition?: number,
|
|
20
|
+
hasMargin?: boolean,
|
|
21
|
+
hasShadow?: boolean,
|
|
22
|
+
hasBackground?: boolean,
|
|
23
|
+
|};
|
|
24
|
+
|
|
25
|
+
declare class SidePage extends React$Component<SidePageProps, SidePageState> {
|
|
26
|
+
static Header: typeof SidePageHeader,
|
|
27
|
+
static Body: typeof SidePageBody,
|
|
28
|
+
static Footer: typeof SidePageFooter,
|
|
29
|
+
static Container: typeof SidePageContainer,
|
|
30
|
+
|
|
31
|
+
updateLayout: () => void,
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export default SidePage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePage.js","sourceRoot":"","sources":["SidePage.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"SidePage.js","sourceRoot":"","sources":["SidePage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { SidePageContextType } from './SidePageContext';
|
|
3
|
-
|
|
4
|
-
export type SidePageBodyProps = {|
|
|
5
|
-
children?: React$Node,
|
|
6
|
-
context?: SidePageContextType,
|
|
7
|
-
|};
|
|
8
|
-
|
|
9
|
-
declare export class SidePageBody extends React$Component<SidePageBodyProps> {}
|
|
10
|
-
|
|
11
|
-
declare export var SidePageBodyWithContext: (props: SidePageBodyProps) => React$Node;
|
|
12
|
-
|
|
13
|
-
export default SidePageBodyWithContext;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { SidePageContextType } from './SidePageContext';
|
|
3
|
+
|
|
4
|
+
export type SidePageBodyProps = {|
|
|
5
|
+
children?: React$Node,
|
|
6
|
+
context?: SidePageContextType,
|
|
7
|
+
|};
|
|
8
|
+
|
|
9
|
+
declare export class SidePageBody extends React$Component<SidePageBodyProps> {}
|
|
10
|
+
|
|
11
|
+
declare export var SidePageBodyWithContext: (props: SidePageBodyProps) => React$Node;
|
|
12
|
+
|
|
13
|
+
export default SidePageBodyWithContext;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
|
|
3
|
-
type Props = {|
|
|
4
|
-
children?: React$Node,
|
|
5
|
-
|};
|
|
6
|
-
|
|
7
|
-
declare class SidePageContainer extends React$Component<Props> {}
|
|
8
|
-
|
|
9
|
-
export default SidePageContainer;
|
|
1
|
+
/* @flow */
|
|
2
|
+
|
|
3
|
+
type Props = {|
|
|
4
|
+
children?: React$Node,
|
|
5
|
+
|};
|
|
6
|
+
|
|
7
|
+
declare class SidePageContainer extends React$Component<Props> {}
|
|
8
|
+
|
|
9
|
+
export default SidePageContainer;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import { SidePageFooter } from './SidePageFooter';
|
|
3
|
-
|
|
4
|
-
export type SidePageContextType = {|
|
|
5
|
-
requestClose: () => void,
|
|
6
|
-
width: number | string,
|
|
7
|
-
updateLayout: () => void,
|
|
8
|
-
footerRef: (ref: SidePageFooter | null) => void,
|
|
9
|
-
|};
|
|
10
|
-
|
|
11
|
-
declare export var SidePageContext: React$Context<SidePageContextType>;
|
|
12
|
-
|
|
13
|
-
declare export var withContext: <P: {}>(BaseComponent: React$ComponentType<P & {|
|
|
14
|
-
context?: SidePageContextType | void,
|
|
15
|
-
|}>) => (props: P) => React$Node;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import { SidePageFooter } from './SidePageFooter';
|
|
3
|
+
|
|
4
|
+
export type SidePageContextType = {|
|
|
5
|
+
requestClose: () => void,
|
|
6
|
+
width: number | string,
|
|
7
|
+
updateLayout: () => void,
|
|
8
|
+
footerRef: (ref: SidePageFooter | null) => void,
|
|
9
|
+
|};
|
|
10
|
+
|
|
11
|
+
declare export var SidePageContext: React$Context<SidePageContextType>;
|
|
12
|
+
|
|
13
|
+
declare export var withContext: <P: {}>(BaseComponent: React$ComponentType<P & {|
|
|
14
|
+
context?: SidePageContextType | void,
|
|
15
|
+
|}>) => (props: P) => React$Node;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { SidePageContextType } from './SidePageContext';
|
|
3
|
-
|
|
4
|
-
export type SidePageFooterProps = {|
|
|
5
|
-
children?: React$Node | ((fixed: boolean) => React$Node),
|
|
6
|
-
context?: SidePageContextType,
|
|
7
|
-
panel?: boolean,
|
|
8
|
-
|};
|
|
9
|
-
|
|
10
|
-
declare export class SidePageFooter extends React$Component<SidePageFooterProps> {
|
|
11
|
-
update: () => void,
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare export var SidePageFooterWithContext: (props: SidePageFooterProps) => React$Node;
|
|
15
|
-
|
|
16
|
-
export default SidePageFooterWithContext;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { SidePageContextType } from './SidePageContext';
|
|
3
|
+
|
|
4
|
+
export type SidePageFooterProps = {|
|
|
5
|
+
children?: React$Node | ((fixed: boolean) => React$Node),
|
|
6
|
+
context?: SidePageContextType,
|
|
7
|
+
panel?: boolean,
|
|
8
|
+
|};
|
|
9
|
+
|
|
10
|
+
declare export class SidePageFooter extends React$Component<SidePageFooterProps> {
|
|
11
|
+
update: () => void,
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare export var SidePageFooterWithContext: (props: SidePageFooterProps) => React$Node;
|
|
15
|
+
|
|
16
|
+
export default SidePageFooterWithContext;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
|
|
3
|
-
export type SidePageHeaderProps = {|
|
|
4
|
-
children?: React$Node | ((fixed: boolean) => React$Node),
|
|
5
|
-
|};
|
|
6
|
-
|
|
7
|
-
declare class SidePageHeader extends React$Component<SidePageHeaderProps> {
|
|
8
|
-
renderClose(): React$Node,
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export default SidePageHeader;
|
|
1
|
+
/* @flow */
|
|
2
|
+
|
|
3
|
+
export type SidePageHeaderProps = {|
|
|
4
|
+
children?: React$Node | ((fixed: boolean) => React$Node),
|
|
5
|
+
|};
|
|
6
|
+
|
|
7
|
+
declare class SidePageHeader extends React$Component<SidePageHeaderProps> {
|
|
8
|
+
renderClose(): React$Node,
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export default SidePageHeader;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
export { default, SidePageProps, SidePageState } from './SidePage';
|
|
1
|
+
/* @flow */
|
|
2
|
+
export { default, SidePageProps, SidePageState } from './SidePage';
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
```js
|
|
2
|
-
const { default: Gapped } = require('../Gapped');
|
|
3
|
-
const reactNodeCaption = (
|
|
4
|
-
<div>
|
|
5
|
-
<Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
|
|
6
|
-
агрузка ...
|
|
7
|
-
</div>
|
|
8
|
-
);
|
|
9
|
-
|
|
10
|
-
<Gapped>
|
|
11
|
-
<Spinner type="big" caption="big" />
|
|
12
|
-
<Spinner type="normal" caption="normal" />
|
|
13
|
-
<Spinner type="mini" caption="mini" />
|
|
14
|
-
<Spinner type="mini" dimmed caption="mini dimmed" />
|
|
15
|
-
<Spinner type="big" caption={reactNodeCaption} />
|
|
16
|
-
</Gapped>;
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
#### Локали по умолчанию (см. `LocaleProvider`)
|
|
20
|
-
|
|
21
|
-
```typescript
|
|
22
|
-
interface SpinnerLocale {
|
|
23
|
-
loading?: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
const ru_RU = {
|
|
27
|
-
loading: 'Загрузка',
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const en_GB = {
|
|
31
|
-
loading: 'Loading',
|
|
32
|
-
};
|
|
33
|
-
```
|
|
1
|
+
```js
|
|
2
|
+
const { default: Gapped } = require('../Gapped');
|
|
3
|
+
const reactNodeCaption = (
|
|
4
|
+
<div>
|
|
5
|
+
<Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
|
|
6
|
+
агрузка ...
|
|
7
|
+
</div>
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
<Gapped>
|
|
11
|
+
<Spinner type="big" caption="big" />
|
|
12
|
+
<Spinner type="normal" caption="normal" />
|
|
13
|
+
<Spinner type="mini" caption="mini" />
|
|
14
|
+
<Spinner type="mini" dimmed caption="mini dimmed" />
|
|
15
|
+
<Spinner type="big" caption={reactNodeCaption} />
|
|
16
|
+
</Gapped>;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
#### Локали по умолчанию (см. `LocaleProvider`)
|
|
20
|
+
|
|
21
|
+
```typescript
|
|
22
|
+
interface SpinnerLocale {
|
|
23
|
+
loading?: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const ru_RU = {
|
|
27
|
+
loading: 'Загрузка',
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const en_GB = {
|
|
31
|
+
loading: 'Loading',
|
|
32
|
+
};
|
|
33
|
+
```
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import { types } from './settings';
|
|
3
|
-
|
|
4
|
-
declare export var SpinnerConfig: {|
|
|
5
|
-
hasSvgAnimationSupport: boolean,
|
|
6
|
-
|};
|
|
7
|
-
|
|
8
|
-
export type SpinnerType = 'mini' | 'normal' | 'big';
|
|
9
|
-
|
|
10
|
-
export type SpinnerProps = {|
|
|
11
|
-
caption?: React$Node,
|
|
12
|
-
dimmed?: boolean,
|
|
13
|
-
type?: SpinnerType,
|
|
14
|
-
|};
|
|
15
|
-
|
|
16
|
-
declare class Spinner extends React$Component<SpinnerProps> {
|
|
17
|
-
static Types: typeof types;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default Spinner;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import { types } from './settings';
|
|
3
|
+
|
|
4
|
+
declare export var SpinnerConfig: {|
|
|
5
|
+
hasSvgAnimationSupport: boolean,
|
|
6
|
+
|};
|
|
7
|
+
|
|
8
|
+
export type SpinnerType = 'mini' | 'normal' | 'big';
|
|
9
|
+
|
|
10
|
+
export type SpinnerProps = {|
|
|
11
|
+
caption?: React$Node,
|
|
12
|
+
dimmed?: boolean,
|
|
13
|
+
type?: SpinnerType,
|
|
14
|
+
|};
|
|
15
|
+
|
|
16
|
+
declare class Spinner extends React$Component<SpinnerProps> {
|
|
17
|
+
static Types: typeof types;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default Spinner;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { SpinnerType } from '.';
|
|
3
|
-
|
|
4
|
-
export type SpinnerFallbackProps = {|
|
|
5
|
-
type: SpinnerType,
|
|
6
|
-
dimmed?: boolean,
|
|
7
|
-
|};
|
|
8
|
-
|
|
9
|
-
export type SpinnerFallbackState = {|
|
|
10
|
-
frame: number,
|
|
11
|
-
|};
|
|
12
|
-
|
|
13
|
-
declare class SpinnerFallback extends React$Component<SpinnerFallbackProps, SpinnerFallbackState> {}
|
|
14
|
-
|
|
15
|
-
export default SpinnerFallback;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { SpinnerType } from '.';
|
|
3
|
+
|
|
4
|
+
export type SpinnerFallbackProps = {|
|
|
5
|
+
type: SpinnerType,
|
|
6
|
+
dimmed?: boolean,
|
|
7
|
+
|};
|
|
8
|
+
|
|
9
|
+
export type SpinnerFallbackState = {|
|
|
10
|
+
frame: number,
|
|
11
|
+
|};
|
|
12
|
+
|
|
13
|
+
declare class SpinnerFallback extends React$Component<SpinnerFallbackProps, SpinnerFallbackState> {}
|
|
14
|
+
|
|
15
|
+
export default SpinnerFallback;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
export { default, SpinnerProps, SpinnerType } from './Spinner';
|
|
1
|
+
/* @flow */
|
|
2
|
+
export { default, SpinnerProps, SpinnerType } from './Spinner';
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
import type { SpinnerType } from './Spinner';
|
|
3
|
-
|
|
4
|
-
declare export var types: {
|
|
5
|
-
[key: string]: SpinnerType,
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
declare export var sizeMaps: {
|
|
9
|
-
[key: string]:
|
|
10
|
-
| {|
|
|
11
|
-
height: number,
|
|
12
|
-
width: number,
|
|
13
|
-
viewBox: void,
|
|
14
|
-
strokeWidth: number,
|
|
15
|
-
|}
|
|
16
|
-
| {|
|
|
17
|
-
height: number,
|
|
18
|
-
width: number,
|
|
19
|
-
viewBox: string,
|
|
20
|
-
strokeWidth: number,
|
|
21
|
-
|},
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
declare export function svgAnimateSupport(): boolean;
|
|
25
|
-
|
|
26
|
-
declare var _default: {|
|
|
27
|
-
types: {
|
|
28
|
-
[key: string]: SpinnerType,
|
|
29
|
-
},
|
|
30
|
-
sizeMaps: {
|
|
31
|
-
[key: string]:
|
|
32
|
-
| {|
|
|
33
|
-
height: number,
|
|
34
|
-
width: number,
|
|
35
|
-
viewBox: void,
|
|
36
|
-
strokeWidth: number,
|
|
37
|
-
|}
|
|
38
|
-
| {|
|
|
39
|
-
height: number,
|
|
40
|
-
width: number,
|
|
41
|
-
viewBox: string,
|
|
42
|
-
strokeWidth: number,
|
|
43
|
-
|},
|
|
44
|
-
},
|
|
45
|
-
svgAnimateSupport: typeof svgAnimateSupport,
|
|
46
|
-
|};
|
|
47
|
-
|
|
48
|
-
export default _default;
|
|
1
|
+
/* @flow */
|
|
2
|
+
import type { SpinnerType } from './Spinner';
|
|
3
|
+
|
|
4
|
+
declare export var types: {
|
|
5
|
+
[key: string]: SpinnerType,
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
declare export var sizeMaps: {
|
|
9
|
+
[key: string]:
|
|
10
|
+
| {|
|
|
11
|
+
height: number,
|
|
12
|
+
width: number,
|
|
13
|
+
viewBox: void,
|
|
14
|
+
strokeWidth: number,
|
|
15
|
+
|}
|
|
16
|
+
| {|
|
|
17
|
+
height: number,
|
|
18
|
+
width: number,
|
|
19
|
+
viewBox: string,
|
|
20
|
+
strokeWidth: number,
|
|
21
|
+
|},
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
declare export function svgAnimateSupport(): boolean;
|
|
25
|
+
|
|
26
|
+
declare var _default: {|
|
|
27
|
+
types: {
|
|
28
|
+
[key: string]: SpinnerType,
|
|
29
|
+
},
|
|
30
|
+
sizeMaps: {
|
|
31
|
+
[key: string]:
|
|
32
|
+
| {|
|
|
33
|
+
height: number,
|
|
34
|
+
width: number,
|
|
35
|
+
viewBox: void,
|
|
36
|
+
strokeWidth: number,
|
|
37
|
+
|}
|
|
38
|
+
| {|
|
|
39
|
+
height: number,
|
|
40
|
+
width: number,
|
|
41
|
+
viewBox: string,
|
|
42
|
+
strokeWidth: number,
|
|
43
|
+
|},
|
|
44
|
+
},
|
|
45
|
+
svgAnimateSupport: typeof svgAnimateSupport,
|
|
46
|
+
|};
|
|
47
|
+
|
|
48
|
+
export default _default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
```js
|
|
2
|
-
const style = {
|
|
3
|
-
padding: 10,
|
|
4
|
-
background: '#f99',
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
let stop = null;
|
|
8
|
-
|
|
9
|
-
<div>
|
|
10
|
-
<Sticky side="top" getStop={() => stop}>
|
|
11
|
-
{fixed => (
|
|
12
|
-
<div style={style}>
|
|
13
|
-
Small loan of a million dollars
|
|
14
|
-
{fixed ? ' fixed' : <div>not fixed</div>}
|
|
15
|
-
</div>
|
|
16
|
-
)}
|
|
17
|
-
</Sticky>
|
|
18
|
-
Great
|
|
19
|
-
<div style={{ height: 1000 }} />
|
|
20
|
-
<div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
|
|
21
|
-
<div style={{ height: 1000 }} />
|
|
22
|
-
<Sticky side="bottom" getStop={() => stop} offset={20}>
|
|
23
|
-
<div style={style}>Make America Great Again</div>
|
|
24
|
-
</Sticky>
|
|
25
|
-
<div style={{ height: 100 }} />
|
|
26
|
-
</div>;
|
|
27
|
-
```
|
|
1
|
+
```js
|
|
2
|
+
const style = {
|
|
3
|
+
padding: 10,
|
|
4
|
+
background: '#f99',
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
let stop = null;
|
|
8
|
+
|
|
9
|
+
<div>
|
|
10
|
+
<Sticky side="top" getStop={() => stop}>
|
|
11
|
+
{fixed => (
|
|
12
|
+
<div style={style}>
|
|
13
|
+
Small loan of a million dollars
|
|
14
|
+
{fixed ? ' fixed' : <div>not fixed</div>}
|
|
15
|
+
</div>
|
|
16
|
+
)}
|
|
17
|
+
</Sticky>
|
|
18
|
+
Great
|
|
19
|
+
<div style={{ height: 1000 }} />
|
|
20
|
+
<div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
|
|
21
|
+
<div style={{ height: 1000 }} />
|
|
22
|
+
<Sticky side="bottom" getStop={() => stop} offset={20}>
|
|
23
|
+
<div style={style}>Make America Great Again</div>
|
|
24
|
+
</Sticky>
|
|
25
|
+
<div style={{ height: 100 }} />
|
|
26
|
+
</div>;
|
|
27
|
+
```
|