@qiwi/pijma-mobile 1.149.3 → 1.150.2
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/lib/{es5 → dts}/actions/Actions.d.ts +0 -0
- package/lib/{es6 → dts}/actions/index.d.ts +0 -0
- package/lib/{es5 → dts}/alert/Alert.d.ts +0 -0
- package/lib/{es6 → dts}/alert/index.d.ts +0 -0
- package/lib/{es5 → dts}/block-accordion/BlockAccordion.d.ts +0 -0
- package/lib/{es6 → dts}/block-accordion/index.d.ts +0 -0
- package/lib/{es5 → dts}/block-content/BlockContent.d.ts +0 -0
- package/lib/{es6 → dts}/block-content/index.d.ts +0 -0
- package/lib/{es5 → dts}/block-tabs/BlockTabs.d.ts +0 -0
- package/lib/{es6 → dts}/block-tabs/index.d.ts +0 -0
- package/lib/{es6 → dts}/breadcrumbs/Breadcrumbs.d.ts +0 -0
- package/lib/{es6 → dts}/breadcrumbs/index.d.ts +0 -0
- package/lib/{es5 → dts}/button/Button.d.ts +0 -0
- package/lib/{es6 → dts}/button/index.d.ts +0 -0
- package/lib/{es6 → dts}/checkbox/Checkbox.d.ts +0 -0
- package/lib/{es5 → dts}/checkbox/CheckboxProps.d.ts +0 -0
- package/lib/{es6 → dts}/checkbox/index.d.ts +0 -0
- package/lib/{es6 → dts}/checkbox-field/CheckboxField.d.ts +0 -0
- package/lib/{es5 → dts}/checkbox-field/CheckboxFieldOptionModel.d.ts +0 -0
- package/lib/{es5 → dts}/checkbox-field/CheckboxFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/checkbox-field/index.d.ts +0 -0
- package/lib/{es6 → dts}/code-field/CodeField.d.ts +0 -0
- package/lib/{es5 → dts}/code-field/CodeFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/code-field/index.d.ts +0 -0
- package/lib/{es6 → dts}/content-suggest/ContentSuggest.d.ts +1 -1
- package/lib/{es5 → dts}/content-suggest/ContentSuggestOptionModel.d.ts +0 -0
- package/lib/{es6 → dts}/content-suggest/ContentSuggestProps.d.ts +0 -0
- package/lib/{es6 → dts}/content-suggest/index.d.ts +0 -0
- package/lib/{es5 → dts}/drop-up/DropUp.d.ts +0 -0
- package/lib/{es6 → dts}/drop-up/index.d.ts +0 -0
- package/lib/{es5 → dts}/footer-app/FooterApp.d.ts +0 -0
- package/lib/{es6 → dts}/footer-app/index.d.ts +0 -0
- package/lib/{es6 → dts}/footer-nav/FooterNav.d.ts +0 -0
- package/lib/{es6 → dts}/footer-nav/index.d.ts +0 -0
- package/lib/{es5 → dts}/footer-out/FooterOut.d.ts +0 -0
- package/lib/{es6 → dts}/footer-out/index.d.ts +0 -0
- package/lib/{es5 → dts}/glossary/Glossary.d.ts +0 -0
- package/lib/{es6 → dts}/glossary/index.d.ts +0 -0
- package/lib/{es5 → dts}/header/Header.d.ts +0 -0
- package/lib/{es5 → dts}/header/HeaderMenu.d.ts +0 -0
- package/lib/{es6 → dts}/header/index.d.ts +0 -0
- package/lib/{es6 → dts}/index.d.ts +0 -0
- package/lib/{es5 → dts}/input-modal/InputModal.d.ts +0 -0
- package/lib/{es6 → dts}/input-modal/index.d.ts +0 -0
- package/lib/{es5 → dts}/link/BlockLink.d.ts +0 -0
- package/lib/{es5 → dts}/link/FileLink.d.ts +0 -0
- package/lib/{es5 → dts}/link/Link.d.ts +0 -0
- package/lib/{es5 → dts}/link/SectionLink.d.ts +0 -0
- package/lib/{es6 → dts}/link/index.d.ts +0 -0
- package/lib/{es5 → dts}/list/List.d.ts +0 -0
- package/lib/{es6 → dts}/list/index.d.ts +0 -0
- package/lib/{es5 → dts}/logo-block-link/LogoBlockLink.d.ts +0 -0
- package/lib/{es6 → dts}/logo-block-link/index.d.ts +0 -0
- package/lib/{es5 → dts}/logo-link/LogoLink.d.ts +0 -0
- package/lib/{es6 → dts}/logo-link/index.d.ts +0 -0
- package/lib/{es5 → dts}/markdown/Markdown.d.ts +0 -0
- package/lib/{es6 → dts}/markdown/index.d.ts +0 -0
- package/lib/{es5 → dts}/menu/MenuCaption.d.ts +0 -0
- package/lib/{es5 → dts}/menu/MenuContainer.d.ts +0 -0
- package/lib/{es5 → dts}/menu/MenuItem.d.ts +0 -0
- package/lib/{es5 → dts}/menu/MenuLink.d.ts +0 -0
- package/lib/{es6 → dts}/menu/index.d.ts +0 -0
- package/lib/{es5 → dts}/modal/SimpleModal.d.ts +0 -0
- package/lib/{es6 → dts}/modal/index.d.ts +0 -0
- package/lib/{es5 → dts}/nav-link/NavLink.d.ts +0 -0
- package/lib/{es6 → dts}/nav-link/index.d.ts +0 -0
- package/lib/{es5 → dts}/notice/Notice.d.ts +0 -0
- package/lib/{es6 → dts}/notice/index.d.ts +0 -0
- package/lib/{es5 → dts}/oops/Oops.d.ts +0 -0
- package/lib/{es6 → dts}/oops/index.d.ts +0 -0
- package/lib/{es5 → dts}/pagination/Pagination.d.ts +0 -0
- package/lib/{es5 → dts}/pagination/PaginationLink.d.ts +0 -0
- package/lib/{es6 → dts}/pagination/index.d.ts +0 -0
- package/lib/{es6 → dts}/password-field/PasswordField.d.ts +0 -0
- package/lib/{es5 → dts}/password-field/PasswordFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/password-field/index.d.ts +0 -0
- package/lib/{es6 → dts}/phone-field/PhoneField.d.ts +0 -0
- package/lib/{es5 → dts}/phone-field/PhoneFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/phone-field/index.d.ts +0 -0
- package/lib/{es5 → dts}/progress-bar/ProgressBar.d.ts +0 -0
- package/lib/{es6 → dts}/progress-bar/index.d.ts +0 -0
- package/lib/{es6 → dts}/radio-field/RadioField.d.ts +0 -0
- package/lib/{es5 → dts}/radio-field/RadioFieldOptionModel.d.ts +0 -0
- package/lib/{es5 → dts}/radio-field/RadioFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/radio-field/index.d.ts +0 -0
- package/lib/{es5 → dts}/rating/Rating.d.ts +0 -0
- package/lib/{es6 → dts}/rating/index.d.ts +0 -0
- package/lib/{es5 → dts}/select-field/SelectField.d.ts +0 -0
- package/lib/{es6 → dts}/select-field/index.d.ts +0 -0
- package/lib/{es5 → dts}/status/Status.d.ts +0 -0
- package/lib/{es6 → dts}/status/index.d.ts +0 -0
- package/lib/{es6 → dts}/suggest-field/SuggestField.d.ts +1 -1
- package/lib/{es5 → dts}/suggest-field/SuggestFieldOptionModel.d.ts +0 -0
- package/lib/{es6 → dts}/suggest-field/SuggestFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/suggest-field/index.d.ts +0 -0
- package/lib/{es6 → dts}/switch/Switch.d.ts +0 -0
- package/lib/{es5 → dts}/switch/SwitchProps.d.ts +0 -0
- package/lib/{es6 → dts}/switch/index.d.ts +0 -0
- package/lib/{es6 → dts}/switch-field/SwitchField.d.ts +0 -0
- package/lib/{es5 → dts}/switch-field/SwitchFieldOptionModel.d.ts +0 -0
- package/lib/{es5 → dts}/switch-field/SwitchFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/switch-field/index.d.ts +0 -0
- package/lib/{es5 → dts}/tabs/Tabs.d.ts +0 -0
- package/lib/{es6 → dts}/tabs/index.d.ts +0 -0
- package/lib/{es5 → dts}/text-area-field/TextAreaField.d.ts +0 -0
- package/lib/{es6 → dts}/text-area-field/index.d.ts +0 -0
- package/lib/{es6 → dts}/text-field/TextField.d.ts +0 -0
- package/lib/{es5 → dts}/text-field/TextFieldProps.d.ts +0 -0
- package/lib/{es6 → dts}/text-field/index.d.ts +0 -0
- package/lib/{es5 → dts}/typography/Caption.d.ts +0 -0
- package/lib/{es5 → dts}/typography/Heading.d.ts +0 -0
- package/lib/{es5 → dts}/typography/Paragraph.d.ts +0 -0
- package/lib/{es5 → dts}/typography/Text.d.ts +0 -0
- package/lib/{es5 → dts}/typography/Title.d.ts +0 -0
- package/lib/{es6 → dts}/typography/index.d.ts +0 -0
- package/lib/es5/actions/Actions.js +29 -10
- package/lib/es5/actions/index.js +5 -3
- package/lib/es5/alert/Alert.js +79 -31
- package/lib/es5/alert/index.js +5 -3
- package/lib/es5/block-accordion/BlockAccordion.js +80 -18
- package/lib/es5/block-accordion/index.js +5 -3
- package/lib/es5/block-content/BlockContent.js +23 -13
- package/lib/es5/block-content/index.js +5 -3
- package/lib/es5/block-tabs/BlockTabs.js +174 -43
- package/lib/es5/block-tabs/index.js +5 -3
- package/lib/es5/breadcrumbs/Breadcrumbs.js +47 -17
- package/lib/es5/breadcrumbs/index.js +5 -3
- package/lib/es5/button/Button.js +150 -68
- package/lib/es5/button/index.js +5 -3
- package/lib/es5/checkbox/Checkbox.js +47 -9
- package/lib/es5/checkbox/CheckboxProps.js +3 -1
- package/lib/es5/checkbox/index.js +11 -5
- package/lib/es5/checkbox-field/CheckboxField.js +104 -14
- package/lib/es5/checkbox-field/CheckboxFieldOptionModel.js +3 -1
- package/lib/es5/checkbox-field/CheckboxFieldProps.js +3 -1
- package/lib/es5/checkbox-field/index.js +11 -5
- package/lib/es5/code-field/CodeField.js +119 -31
- package/lib/es5/code-field/CodeFieldProps.js +3 -1
- package/lib/es5/code-field/index.js +6 -4
- package/lib/es5/content-suggest/ContentSuggest.js +176 -39
- package/lib/es5/content-suggest/ContentSuggestOptionModel.js +3 -1
- package/lib/es5/content-suggest/ContentSuggestProps.js +3 -1
- package/lib/es5/content-suggest/index.js +5 -3
- package/lib/es5/drop-up/DropUp.js +170 -63
- package/lib/es5/drop-up/index.js +5 -3
- package/lib/es5/footer-app/FooterApp.js +67 -13
- package/lib/es5/footer-app/index.js +5 -3
- package/lib/es5/footer-nav/FooterNav.js +46 -16
- package/lib/es5/footer-nav/index.js +5 -3
- package/lib/es5/footer-out/FooterOut.js +85 -24
- package/lib/es5/footer-out/index.js +5 -3
- package/lib/es5/glossary/Glossary.js +95 -23
- package/lib/es5/glossary/index.js +5 -3
- package/lib/es5/header/Header.js +38 -12
- package/lib/es5/header/HeaderMenu.js +147 -61
- package/lib/es5/header/index.js +6 -4
- package/lib/es5/index.js +60 -50
- package/lib/es5/input-modal/InputModal.js +117 -31
- package/lib/es5/input-modal/index.js +11 -5
- package/lib/es5/link/BlockLink.js +52 -14
- package/lib/es5/link/FileLink.js +67 -17
- package/lib/es5/link/Link.js +61 -26
- package/lib/es5/link/SectionLink.js +54 -14
- package/lib/es5/link/index.js +8 -6
- package/lib/es5/list/List.js +136 -32
- package/lib/es5/list/index.js +5 -3
- package/lib/es5/logo-block-link/LogoBlockLink.js +227 -44
- package/lib/es5/logo-block-link/index.js +5 -3
- package/lib/es5/logo-link/LogoLink.js +114 -25
- package/lib/es5/logo-link/index.js +5 -3
- package/lib/es5/markdown/Markdown.js +159 -87
- package/lib/es5/markdown/index.js +5 -3
- package/lib/es5/menu/MenuCaption.js +24 -12
- package/lib/es5/menu/MenuContainer.js +20 -10
- package/lib/es5/menu/MenuItem.js +128 -25
- package/lib/es5/menu/MenuLink.js +60 -12
- package/lib/es5/menu/index.js +8 -6
- package/lib/es5/modal/SimpleModal.js +117 -39
- package/lib/es5/modal/index.js +11 -5
- package/lib/es5/nav-link/NavLink.js +54 -9
- package/lib/es5/nav-link/index.js +5 -3
- package/lib/es5/notice/Notice.js +41 -16
- package/lib/es5/notice/index.js +5 -3
- package/lib/es5/oops/Oops.js +71 -24
- package/lib/es5/oops/index.js +5 -3
- package/lib/es5/pagination/Pagination.js +84 -23
- package/lib/es5/pagination/PaginationLink.js +56 -15
- package/lib/es5/pagination/index.js +6 -4
- package/lib/es5/password-field/PasswordField.js +66 -10
- package/lib/es5/password-field/PasswordFieldProps.js +3 -1
- package/lib/es5/password-field/index.js +6 -4
- package/lib/es5/phone-field/PhoneField.js +147 -30
- package/lib/es5/phone-field/PhoneFieldProps.js +3 -1
- package/lib/es5/phone-field/index.js +6 -4
- package/lib/es5/progress-bar/ProgressBar.js +34 -11
- package/lib/es5/progress-bar/index.js +5 -3
- package/lib/es5/radio-field/RadioField.js +105 -14
- package/lib/es5/radio-field/RadioFieldOptionModel.js +3 -1
- package/lib/es5/radio-field/RadioFieldProps.js +3 -1
- package/lib/es5/radio-field/index.js +11 -5
- package/lib/es5/rating/Rating.js +59 -17
- package/lib/es5/rating/index.js +5 -3
- package/lib/es5/select-field/SelectField.js +115 -21
- package/lib/es5/select-field/index.js +5 -3
- package/lib/es5/status/Status.js +53 -16
- package/lib/es5/status/index.js +5 -3
- package/lib/es5/suggest-field/SuggestField.js +188 -42
- package/lib/es5/suggest-field/SuggestFieldOptionModel.js +3 -1
- package/lib/es5/suggest-field/SuggestFieldProps.js +3 -1
- package/lib/es5/suggest-field/index.js +5 -3
- package/lib/es5/switch/Switch.js +83 -15
- package/lib/es5/switch/SwitchProps.js +3 -1
- package/lib/es5/switch/index.js +5 -3
- package/lib/es5/switch-field/SwitchField.js +114 -16
- package/lib/es5/switch-field/SwitchFieldOptionModel.js +3 -1
- package/lib/es5/switch-field/SwitchFieldProps.js +3 -1
- package/lib/es5/switch-field/index.js +11 -5
- package/lib/es5/tabs/Tabs.js +111 -32
- package/lib/es5/tabs/index.js +5 -3
- package/lib/es5/text-area-field/TextAreaField.js +54 -18
- package/lib/es5/text-area-field/index.js +5 -3
- package/lib/es5/text-field/TextField.js +65 -10
- package/lib/es5/text-field/TextFieldProps.js +3 -1
- package/lib/es5/text-field/index.js +6 -4
- package/lib/es5/typography/Caption.js +47 -16
- package/lib/es5/typography/Heading.js +61 -28
- package/lib/es5/typography/Paragraph.js +61 -28
- package/lib/es5/typography/Text.js +57 -30
- package/lib/es5/typography/Title.js +54 -25
- package/lib/es5/typography/index.js +9 -7
- package/lib/es6/actions/Actions.js +18 -19
- package/lib/es6/actions/index.js +1 -2
- package/lib/es6/alert/Alert.js +64 -62
- package/lib/es6/alert/index.js +1 -2
- package/lib/es6/block-accordion/BlockAccordion.js +63 -58
- package/lib/es6/block-accordion/index.js +1 -2
- package/lib/es6/block-content/BlockContent.js +11 -14
- package/lib/es6/block-content/index.js +1 -2
- package/lib/es6/block-tabs/BlockTabs.js +157 -139
- package/lib/es6/block-tabs/index.js +1 -2
- package/lib/es6/breadcrumbs/Breadcrumbs.js +34 -40
- package/lib/es6/breadcrumbs/index.js +1 -2
- package/lib/es6/button/Button.js +147 -148
- package/lib/es6/button/index.js +1 -2
- package/lib/es6/checkbox/Checkbox.js +30 -35
- package/lib/es6/checkbox/CheckboxProps.js +1 -1
- package/lib/es6/checkbox/index.js +1 -2
- package/lib/es6/checkbox-field/CheckboxField.js +84 -81
- package/lib/es6/checkbox-field/CheckboxFieldOptionModel.js +1 -1
- package/lib/es6/checkbox-field/CheckboxFieldProps.js +1 -1
- package/lib/es6/checkbox-field/index.js +1 -2
- package/lib/es6/code-field/CodeField.js +85 -111
- package/lib/es6/code-field/CodeFieldProps.js +1 -1
- package/lib/es6/code-field/index.js +2 -3
- package/lib/es6/content-suggest/ContentSuggest.js +147 -144
- package/lib/es6/content-suggest/ContentSuggestOptionModel.js +1 -1
- package/lib/es6/content-suggest/ContentSuggestProps.js +1 -1
- package/lib/es6/content-suggest/index.js +1 -2
- package/lib/es6/drop-up/DropUp.js +150 -147
- package/lib/es6/drop-up/index.js +1 -2
- package/lib/es6/footer-app/FooterApp.js +50 -64
- package/lib/es6/footer-app/index.js +1 -2
- package/lib/es6/footer-nav/FooterNav.js +31 -42
- package/lib/es6/footer-nav/index.js +1 -2
- package/lib/es6/footer-out/FooterOut.js +69 -89
- package/lib/es6/footer-out/index.js +1 -2
- package/lib/es6/glossary/Glossary.js +75 -59
- package/lib/es6/glossary/index.js +1 -2
- package/lib/es6/header/Header.js +26 -28
- package/lib/es6/header/HeaderMenu.js +123 -131
- package/lib/es6/header/index.js +2 -3
- package/lib/es6/index.js +45 -46
- package/lib/es6/input-modal/InputModal.js +104 -116
- package/lib/es6/input-modal/index.js +1 -2
- package/lib/es6/link/BlockLink.js +37 -42
- package/lib/es6/link/FileLink.js +53 -47
- package/lib/es6/link/Link.js +61 -61
- package/lib/es6/link/SectionLink.js +39 -44
- package/lib/es6/link/index.js +4 -5
- package/lib/es6/list/List.js +138 -117
- package/lib/es6/list/index.js +1 -2
- package/lib/es6/logo-block-link/LogoBlockLink.js +203 -195
- package/lib/es6/logo-block-link/index.js +1 -2
- package/lib/es6/logo-link/LogoLink.js +94 -108
- package/lib/es6/logo-link/index.js +1 -2
- package/lib/es6/markdown/Markdown.js +133 -126
- package/lib/es6/markdown/index.js +1 -2
- package/lib/es6/menu/MenuCaption.js +12 -9
- package/lib/es6/menu/MenuContainer.js +8 -7
- package/lib/es6/menu/MenuItem.js +103 -141
- package/lib/es6/menu/MenuLink.js +46 -46
- package/lib/es6/menu/index.js +4 -5
- package/lib/es6/modal/SimpleModal.js +107 -123
- package/lib/es6/modal/index.js +1 -2
- package/lib/es6/nav-link/NavLink.js +41 -41
- package/lib/es6/nav-link/index.js +1 -2
- package/lib/es6/notice/Notice.js +29 -18
- package/lib/es6/notice/index.js +1 -2
- package/lib/es6/oops/Oops.js +59 -54
- package/lib/es6/oops/index.js +1 -2
- package/lib/es6/pagination/Pagination.js +61 -65
- package/lib/es6/pagination/PaginationLink.js +41 -40
- package/lib/es6/pagination/index.js +2 -3
- package/lib/es6/password-field/PasswordField.js +52 -58
- package/lib/es6/password-field/PasswordFieldProps.js +1 -1
- package/lib/es6/password-field/index.js +2 -3
- package/lib/es6/phone-field/PhoneField.js +123 -143
- package/lib/es6/phone-field/PhoneFieldProps.js +1 -1
- package/lib/es6/phone-field/index.js +2 -3
- package/lib/es6/progress-bar/ProgressBar.js +22 -25
- package/lib/es6/progress-bar/index.js +1 -2
- package/lib/es6/radio-field/RadioField.js +85 -82
- package/lib/es6/radio-field/RadioFieldOptionModel.js +1 -1
- package/lib/es6/radio-field/RadioFieldProps.js +1 -1
- package/lib/es6/radio-field/index.js +1 -2
- package/lib/es6/rating/Rating.js +45 -50
- package/lib/es6/rating/index.js +1 -2
- package/lib/es6/select-field/SelectField.js +96 -99
- package/lib/es6/select-field/index.js +1 -2
- package/lib/es6/status/Status.js +41 -39
- package/lib/es6/status/index.js +1 -2
- package/lib/es6/suggest-field/SuggestField.js +158 -159
- package/lib/es6/suggest-field/SuggestFieldOptionModel.js +1 -1
- package/lib/es6/suggest-field/SuggestFieldProps.js +1 -1
- package/lib/es6/suggest-field/index.js +1 -2
- package/lib/es6/switch/Switch.js +68 -70
- package/lib/es6/switch/SwitchProps.js +1 -1
- package/lib/es6/switch/index.js +1 -2
- package/lib/es6/switch-field/SwitchField.js +94 -91
- package/lib/es6/switch-field/SwitchFieldOptionModel.js +1 -1
- package/lib/es6/switch-field/SwitchFieldProps.js +1 -1
- package/lib/es6/switch-field/index.js +1 -2
- package/lib/es6/tabs/Tabs.js +92 -91
- package/lib/es6/tabs/index.js +1 -2
- package/lib/es6/text-area-field/TextAreaField.js +39 -43
- package/lib/es6/text-area-field/index.js +1 -2
- package/lib/es6/text-field/TextField.js +50 -54
- package/lib/es6/text-field/TextFieldProps.js +1 -1
- package/lib/es6/text-field/index.js +2 -3
- package/lib/es6/typography/Caption.js +34 -39
- package/lib/es6/typography/Heading.js +62 -68
- package/lib/es6/typography/Paragraph.js +62 -70
- package/lib/es6/typography/Text.js +59 -72
- package/lib/es6/typography/Title.js +46 -53
- package/lib/es6/typography/index.js +5 -6
- package/package.json +11 -14
- package/lib/es5/actions/index.d.ts +0 -1
- package/lib/es5/alert/index.d.ts +0 -1
- package/lib/es5/block-accordion/index.d.ts +0 -1
- package/lib/es5/block-content/index.d.ts +0 -1
- package/lib/es5/block-tabs/index.d.ts +0 -1
- package/lib/es5/breadcrumbs/Breadcrumbs.d.ts +0 -7
- package/lib/es5/breadcrumbs/index.d.ts +0 -1
- package/lib/es5/button/index.d.ts +0 -1
- package/lib/es5/checkbox/Checkbox.d.ts +0 -4
- package/lib/es5/checkbox/index.d.ts +0 -2
- package/lib/es5/checkbox-field/CheckboxField.d.ts +0 -5
- package/lib/es5/checkbox-field/index.d.ts +0 -2
- package/lib/es5/code-field/CodeField.d.ts +0 -3
- package/lib/es5/code-field/index.d.ts +0 -2
- package/lib/es5/content-suggest/ContentSuggest.d.ts +0 -10
- package/lib/es5/content-suggest/ContentSuggestProps.d.ts +0 -24
- package/lib/es5/content-suggest/index.d.ts +0 -1
- package/lib/es5/drop-up/index.d.ts +0 -1
- package/lib/es5/footer-app/index.d.ts +0 -1
- package/lib/es5/footer-nav/FooterNav.d.ts +0 -7
- package/lib/es5/footer-nav/index.d.ts +0 -1
- package/lib/es5/footer-out/index.d.ts +0 -1
- package/lib/es5/glossary/index.d.ts +0 -1
- package/lib/es5/header/index.d.ts +0 -2
- package/lib/es5/index.d.ts +0 -45
- package/lib/es5/input-modal/index.d.ts +0 -2
- package/lib/es5/link/index.d.ts +0 -4
- package/lib/es5/list/index.d.ts +0 -1
- package/lib/es5/logo-block-link/index.d.ts +0 -1
- package/lib/es5/logo-link/index.d.ts +0 -1
- package/lib/es5/markdown/index.d.ts +0 -1
- package/lib/es5/menu/index.d.ts +0 -4
- package/lib/es5/modal/index.d.ts +0 -2
- package/lib/es5/nav-link/index.d.ts +0 -1
- package/lib/es5/notice/index.d.ts +0 -1
- package/lib/es5/oops/index.d.ts +0 -1
- package/lib/es5/pagination/index.d.ts +0 -2
- package/lib/es5/password-field/PasswordField.d.ts +0 -3
- package/lib/es5/password-field/index.d.ts +0 -2
- package/lib/es5/phone-field/PhoneField.d.ts +0 -3
- package/lib/es5/phone-field/index.d.ts +0 -2
- package/lib/es5/progress-bar/index.d.ts +0 -1
- package/lib/es5/radio-field/RadioField.d.ts +0 -5
- package/lib/es5/radio-field/index.d.ts +0 -2
- package/lib/es5/rating/index.d.ts +0 -1
- package/lib/es5/select-field/index.d.ts +0 -1
- package/lib/es5/status/index.d.ts +0 -1
- package/lib/es5/suggest-field/SuggestField.d.ts +0 -10
- package/lib/es5/suggest-field/SuggestFieldProps.d.ts +0 -32
- package/lib/es5/suggest-field/index.d.ts +0 -1
- package/lib/es5/switch/Switch.d.ts +0 -3
- package/lib/es5/switch/index.d.ts +0 -1
- package/lib/es5/switch-field/SwitchField.d.ts +0 -5
- package/lib/es5/switch-field/index.d.ts +0 -2
- package/lib/es5/tabs/index.d.ts +0 -1
- package/lib/es5/text-area-field/index.d.ts +0 -1
- package/lib/es5/text-field/TextField.d.ts +0 -3
- package/lib/es5/text-field/index.d.ts +0 -2
- package/lib/es5/typography/index.d.ts +0 -5
- package/lib/es6/actions/Actions.d.ts +0 -5
- package/lib/es6/alert/Alert.d.ts +0 -9
- package/lib/es6/block-accordion/BlockAccordion.d.ts +0 -12
- package/lib/es6/block-content/BlockContent.d.ts +0 -5
- package/lib/es6/block-tabs/BlockTabs.d.ts +0 -20
- package/lib/es6/button/Button.d.ts +0 -17
- package/lib/es6/checkbox/CheckboxProps.d.ts +0 -10
- package/lib/es6/checkbox-field/CheckboxFieldOptionModel.d.ts +0 -6
- package/lib/es6/checkbox-field/CheckboxFieldProps.d.ts +0 -16
- package/lib/es6/code-field/CodeFieldProps.d.ts +0 -16
- package/lib/es6/content-suggest/ContentSuggestOptionModel.d.ts +0 -6
- package/lib/es6/drop-up/DropUp.d.ts +0 -13
- package/lib/es6/footer-app/FooterApp.d.ts +0 -19
- package/lib/es6/footer-out/FooterOut.d.ts +0 -20
- package/lib/es6/glossary/Glossary.d.ts +0 -11
- package/lib/es6/header/Header.d.ts +0 -7
- package/lib/es6/header/HeaderMenu.d.ts +0 -12
- package/lib/es6/input-modal/InputModal.d.ts +0 -23
- package/lib/es6/link/BlockLink.d.ts +0 -20
- package/lib/es6/link/FileLink.d.ts +0 -13
- package/lib/es6/link/Link.d.ts +0 -18
- package/lib/es6/link/SectionLink.d.ts +0 -21
- package/lib/es6/list/List.d.ts +0 -8
- package/lib/es6/logo-block-link/LogoBlockLink.d.ts +0 -19
- package/lib/es6/logo-link/LogoLink.d.ts +0 -17
- package/lib/es6/markdown/Markdown.d.ts +0 -6
- package/lib/es6/menu/MenuCaption.d.ts +0 -6
- package/lib/es6/menu/MenuContainer.d.ts +0 -2
- package/lib/es6/menu/MenuItem.d.ts +0 -15
- package/lib/es6/menu/MenuLink.d.ts +0 -21
- package/lib/es6/modal/SimpleModal.d.ts +0 -13
- package/lib/es6/nav-link/NavLink.d.ts +0 -14
- package/lib/es6/notice/Notice.d.ts +0 -6
- package/lib/es6/oops/Oops.d.ts +0 -9
- package/lib/es6/pagination/Pagination.d.ts +0 -11
- package/lib/es6/pagination/PaginationLink.d.ts +0 -16
- package/lib/es6/password-field/PasswordFieldProps.d.ts +0 -27
- package/lib/es6/phone-field/PhoneFieldProps.d.ts +0 -24
- package/lib/es6/progress-bar/ProgressBar.d.ts +0 -7
- package/lib/es6/radio-field/RadioFieldOptionModel.d.ts +0 -6
- package/lib/es6/radio-field/RadioFieldProps.d.ts +0 -16
- package/lib/es6/rating/Rating.d.ts +0 -10
- package/lib/es6/select-field/SelectField.d.ts +0 -23
- package/lib/es6/status/Status.d.ts +0 -8
- package/lib/es6/suggest-field/SuggestFieldOptionModel.d.ts +0 -8
- package/lib/es6/switch/SwitchProps.d.ts +0 -12
- package/lib/es6/switch-field/SwitchFieldOptionModel.d.ts +0 -6
- package/lib/es6/switch-field/SwitchFieldProps.d.ts +0 -17
- package/lib/es6/tabs/Tabs.d.ts +0 -16
- package/lib/es6/text-area-field/TextAreaField.d.ts +0 -22
- package/lib/es6/text-field/TextFieldProps.d.ts +0 -28
- package/lib/es6/typography/Caption.d.ts +0 -9
- package/lib/es6/typography/Heading.d.ts +0 -11
- package/lib/es6/typography/Paragraph.d.ts +0 -13
- package/lib/es6/typography/Text.d.ts +0 -16
- package/lib/es6/typography/Title.d.ts +0 -11
|
@@ -1,67 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
import { Card, Icon, PaginationControl } from
|
|
3
|
-
import React from
|
|
4
|
-
import { Text } from
|
|
5
|
-
import { PaginationLink } from
|
|
6
|
-
export const Pagination = ({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
})
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
})
|
|
60
|
-
}))
|
|
61
|
-
});
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Card, Icon, PaginationControl } from '@qiwi/pijma-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Text } from '../typography/index.js';
|
|
5
|
+
import { PaginationLink } from './PaginationLink.js';
|
|
6
|
+
export const Pagination = ({ total , count =3 , shadowed =false , active , href , stub =false , onChange , })=>/*#__PURE__*/ _jsx(PaginationControl, {
|
|
7
|
+
total: total,
|
|
8
|
+
count: count,
|
|
9
|
+
active: active,
|
|
10
|
+
href: href,
|
|
11
|
+
onChange: onChange,
|
|
12
|
+
children: (renderProps)=>/*#__PURE__*/ _jsxs(Card, {
|
|
13
|
+
bg: "#fff",
|
|
14
|
+
s: shadowed ? '0 1px 2px 0 rgba(0,0,0,0.12)' : '0 0 0 1px #e6e6e6',
|
|
15
|
+
height: 12,
|
|
16
|
+
display: "inline-flex",
|
|
17
|
+
r: 10,
|
|
18
|
+
overflow: "hidden",
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx(PaginationLink, {
|
|
21
|
+
page: renderProps.prev,
|
|
22
|
+
disabled: renderProps.active === 1,
|
|
23
|
+
href: href ? href(renderProps.prev) : undefined,
|
|
24
|
+
stub: stub,
|
|
25
|
+
onClick: renderProps.onPageClick(renderProps.prev, renderProps.active === 1),
|
|
26
|
+
children: ({ disabled })=>/*#__PURE__*/ _jsx(Icon, {
|
|
27
|
+
name: "angle-small-left",
|
|
28
|
+
color: disabled ? '#ccc' : '#000'
|
|
29
|
+
})
|
|
30
|
+
}),
|
|
31
|
+
renderProps.pages.map((page)=>/*#__PURE__*/ _jsx(PaginationLink, {
|
|
32
|
+
page: page,
|
|
33
|
+
disabled: false,
|
|
34
|
+
href: href ? href(page) : undefined,
|
|
35
|
+
stub: stub,
|
|
36
|
+
onClick: renderProps.onPageClick(page, false),
|
|
37
|
+
children: ()=>/*#__PURE__*/ _jsx(Text, {
|
|
38
|
+
bold: false,
|
|
39
|
+
size: "m",
|
|
40
|
+
color: renderProps.active === page ? 'warning' : 'default',
|
|
41
|
+
children: page
|
|
42
|
+
})
|
|
43
|
+
}, page)),
|
|
44
|
+
/*#__PURE__*/ _jsx(PaginationLink, {
|
|
45
|
+
page: renderProps.next,
|
|
46
|
+
disabled: renderProps.active === renderProps.total,
|
|
47
|
+
href: href ? href(renderProps.next) : undefined,
|
|
48
|
+
stub: stub,
|
|
49
|
+
onClick: renderProps.onPageClick(renderProps.next, renderProps.active === renderProps.total),
|
|
50
|
+
children: ({ disabled })=>/*#__PURE__*/ _jsx(Icon, {
|
|
51
|
+
name: "angle-small-right",
|
|
52
|
+
color: disabled ? '#ccc' : '#000'
|
|
53
|
+
})
|
|
54
|
+
})
|
|
55
|
+
]
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
Pagination.displayName = 'Pagination';
|
|
62
59
|
Pagination.defaultProps = {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
shadowed: false,
|
|
61
|
+
count: 3,
|
|
62
|
+
stub: false
|
|
66
63
|
};
|
|
67
|
-
Pagination.displayName = "Pagination";
|
|
@@ -1,42 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
import { CardLnk, Flex, LinkControl, Stub } from
|
|
3
|
-
import React from
|
|
4
|
-
export const PaginationLink = (props)
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CardLnk, Flex, LinkControl, Stub } from '@qiwi/pijma-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export const PaginationLink = (props)=>/*#__PURE__*/ _jsx(LinkControl, {
|
|
5
|
+
href: props.stub ? undefined : props.href,
|
|
6
|
+
onClick: props.stub ? undefined : props.onClick,
|
|
7
|
+
children: (renderProps)=>/*#__PURE__*/ _jsx(CardLnk, {
|
|
8
|
+
as: props.stub ? 'div' : 'a',
|
|
9
|
+
transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
|
|
10
|
+
height: 12,
|
|
11
|
+
width: props.width,
|
|
12
|
+
display: "inline-flex",
|
|
13
|
+
cursor: props.stub || props.disabled ? 'default' : 'pointer',
|
|
14
|
+
s: "1px 0 0 #e6e6e6",
|
|
15
|
+
href: props.stub ? undefined : props.href,
|
|
16
|
+
onClick: props.stub ? undefined : renderProps.onClick,
|
|
17
|
+
onFocus: props.stub ? undefined : renderProps.onFocus,
|
|
18
|
+
onBlur: props.stub ? undefined : renderProps.onBlur,
|
|
19
|
+
onMouseEnter: props.stub ? undefined : renderProps.onMouseEnter,
|
|
20
|
+
onMouseLeave: props.stub ? undefined : renderProps.onMouseLeave,
|
|
21
|
+
onMouseUp: props.stub ? undefined : renderProps.onMouseUp,
|
|
22
|
+
onMouseDown: props.stub ? undefined : renderProps.onMouseDown,
|
|
23
|
+
children: /*#__PURE__*/ _jsx(Flex, {
|
|
24
|
+
align: "center",
|
|
25
|
+
justify: "center",
|
|
26
|
+
width: 1,
|
|
27
|
+
height: 1,
|
|
28
|
+
children: props.stub ? /*#__PURE__*/ _jsx(Stub, {
|
|
29
|
+
height: 6,
|
|
30
|
+
width: 6,
|
|
31
|
+
r: 12
|
|
32
|
+
}) : props.children({
|
|
33
|
+
disabled: props.disabled || false,
|
|
34
|
+
hover: renderProps.hover,
|
|
35
|
+
focus: renderProps.focus
|
|
36
|
+
})
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
PaginationLink.displayName = 'PaginationLink';
|
|
39
41
|
PaginationLink.defaultProps = {
|
|
40
|
-
|
|
42
|
+
width: 12
|
|
41
43
|
};
|
|
42
|
-
PaginationLink.displayName = "PaginationLink";
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export * from
|
|
3
|
-
export * from "./PaginationLink.js";
|
|
1
|
+
export * from './Pagination.js';
|
|
2
|
+
export * from './PaginationLink.js';
|
|
@@ -1,60 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
error: props.error,
|
|
52
|
-
help: props.help,
|
|
53
|
-
action: props.action
|
|
54
|
-
})
|
|
55
|
-
});
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BasicInput, Box, Icon, InputField, PasswordFieldControl } from '@qiwi/pijma-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export const PasswordField = (props)=>/*#__PURE__*/ _jsx(PasswordFieldControl, {
|
|
5
|
+
onChange: props.onChange,
|
|
6
|
+
onFocus: props.onFocus,
|
|
7
|
+
onBlur: props.onBlur,
|
|
8
|
+
onKeyDown: props.onKeyDown,
|
|
9
|
+
onKeyUp: props.onKeyUp,
|
|
10
|
+
onToggle: props.onToggle,
|
|
11
|
+
children: (renderProps)=>/*#__PURE__*/ _jsx(InputField, {
|
|
12
|
+
title: props.title,
|
|
13
|
+
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
14
|
+
input: /*#__PURE__*/ _jsx(BasicInput, {
|
|
15
|
+
type: props.viewed && !renderProps.hidden ? 'text' : 'password',
|
|
16
|
+
value: props.value,
|
|
17
|
+
name: props.name,
|
|
18
|
+
autoComplete: props.autoComplete,
|
|
19
|
+
autoFocus: props.autoFocus,
|
|
20
|
+
placeholder: props.placeholder,
|
|
21
|
+
inputMode: props.inputMode,
|
|
22
|
+
disabled: props.disabled,
|
|
23
|
+
pr: props.hint || props.viewed ? 7 : undefined,
|
|
24
|
+
error: !!props.error,
|
|
25
|
+
focused: renderProps.focused,
|
|
26
|
+
maxLength: props.maxLength,
|
|
27
|
+
mask: props.mask,
|
|
28
|
+
pipe: props.pipe,
|
|
29
|
+
onChange: renderProps.onChange,
|
|
30
|
+
onFocus: renderProps.onFocus,
|
|
31
|
+
onBlur: renderProps.onBlur,
|
|
32
|
+
onKeyDown: renderProps.onKeyDown,
|
|
33
|
+
onKeyUp: renderProps.onKeyUp
|
|
34
|
+
}),
|
|
35
|
+
hint: props.viewed ? /*#__PURE__*/ _jsx(Box, {
|
|
36
|
+
display: "inline-block",
|
|
37
|
+
width: 1,
|
|
38
|
+
height: 1,
|
|
39
|
+
onClick: renderProps.onToggle,
|
|
40
|
+
children: /*#__PURE__*/ _jsx(Icon, {
|
|
41
|
+
name: renderProps.hidden ? 'eye-closed' : 'eye-opened',
|
|
42
|
+
color: props.disabled ? '#666' : '#000'
|
|
43
|
+
})
|
|
44
|
+
}) : props.hint ? props.hint : null,
|
|
45
|
+
error: props.error,
|
|
46
|
+
help: props.help,
|
|
47
|
+
action: props.action
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
PasswordField.displayName = 'PasswordField';
|
|
56
51
|
PasswordField.defaultProps = {
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
tabIndex: 0,
|
|
53
|
+
viewed: true
|
|
59
54
|
};
|
|
60
|
-
PasswordField.displayName = "PasswordField";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { };
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export * from
|
|
3
|
-
export * from "./PasswordFieldProps.js";
|
|
1
|
+
export * from './PasswordField.js';
|
|
2
|
+
export * from './PasswordFieldProps.js';
|
|
@@ -1,147 +1,127 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
if (source != null && __getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
12
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
13
|
-
target[prop] = source[prop];
|
|
14
|
-
}
|
|
15
|
-
return target;
|
|
16
|
-
};
|
|
17
|
-
import {
|
|
18
|
-
BasicInput,
|
|
19
|
-
Box,
|
|
20
|
-
Card,
|
|
21
|
-
CardPos,
|
|
22
|
-
Flag,
|
|
23
|
-
Flex,
|
|
24
|
-
FlexItem,
|
|
25
|
-
InputField,
|
|
26
|
-
MenuControl,
|
|
27
|
-
PhoneFieldControl,
|
|
28
|
-
Pos
|
|
29
|
-
} from "@qiwi/pijma-core";
|
|
30
|
-
import React from "react";
|
|
31
|
-
import { DropUp } from "../drop-up/index.js";
|
|
32
|
-
import { Paragraph } from "../typography/index.js";
|
|
33
|
-
export const PhoneField = (_a) => {
|
|
34
|
-
var _b = _a, {
|
|
35
|
-
tabIndex = 0,
|
|
36
|
-
code = "ru"
|
|
37
|
-
} = _b, props = __objRest(_b, [
|
|
38
|
-
"tabIndex",
|
|
39
|
-
"code"
|
|
40
|
-
]);
|
|
41
|
-
return props.stub ? /* @__PURE__ */ React.createElement(InputField, {
|
|
42
|
-
stub: true,
|
|
43
|
-
active: false,
|
|
44
|
-
input: false,
|
|
45
|
-
title: props.title,
|
|
46
|
-
help: props.help,
|
|
47
|
-
hint: props.hint,
|
|
48
|
-
icon: "icon"
|
|
49
|
-
}) : /* @__PURE__ */ React.createElement(PhoneFieldControl, {
|
|
50
|
-
value: props.value,
|
|
51
|
-
countries: props.countries,
|
|
52
|
-
onChange: props.onChange,
|
|
53
|
-
onFocus: props.onFocus,
|
|
54
|
-
onBlur: props.onBlur,
|
|
55
|
-
children: (renderProps) => /* @__PURE__ */ React.createElement(MenuControl, {
|
|
56
|
-
count: props.countries.length,
|
|
57
|
-
onSelect: renderProps.onSelectCountry,
|
|
58
|
-
children: (menuRenderProps) => /* @__PURE__ */ React.createElement(Pos, {
|
|
59
|
-
type: "relative",
|
|
60
|
-
ref: renderProps.containerRef
|
|
61
|
-
}, /* @__PURE__ */ React.createElement(InputField, {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BasicInput, Box, Card, CardPos, Flag, Flex, FlexItem, InputField, MenuControl, PhoneFieldControl, Pos } from '@qiwi/pijma-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { DropUp } from '../drop-up/index.js';
|
|
5
|
+
import { Paragraph } from '../typography/index.js';
|
|
6
|
+
export const PhoneField = ({ tabIndex =0 , code ='ru' , ...props })=>props.stub ? /*#__PURE__*/ _jsx(InputField, {
|
|
7
|
+
stub: true,
|
|
8
|
+
active: false,
|
|
9
|
+
input: false,
|
|
62
10
|
title: props.title,
|
|
63
|
-
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
64
|
-
input: /* @__PURE__ */ React.createElement(BasicInput, {
|
|
65
|
-
ref: renderProps.inputRef,
|
|
66
|
-
type: "tel",
|
|
67
|
-
value: renderProps.value,
|
|
68
|
-
name: props.name,
|
|
69
|
-
mask: renderProps.mask,
|
|
70
|
-
autoComplete: props.autoComplete,
|
|
71
|
-
autoFocus: props.autoFocus,
|
|
72
|
-
placeholder: props.placeholder,
|
|
73
|
-
inputMode: props.inputMode,
|
|
74
|
-
disabled: props.disabled,
|
|
75
|
-
pr: props.hint ? 7 : void 0,
|
|
76
|
-
pl: 9,
|
|
77
|
-
error: !!props.error,
|
|
78
|
-
focused: renderProps.focused,
|
|
79
|
-
maxLength: props.maxLength,
|
|
80
|
-
onChange: renderProps.onChange,
|
|
81
|
-
onFocus: renderProps.onFocus,
|
|
82
|
-
onBlur: renderProps.onBlur,
|
|
83
|
-
onKeyDown: renderProps.showCountries ? menuRenderProps.onKeyDown : void 0
|
|
84
|
-
}),
|
|
85
|
-
hint: props.hint,
|
|
86
|
-
icon: /* @__PURE__ */ React.createElement(Box, {
|
|
87
|
-
cursor: "pointer",
|
|
88
|
-
width: 6,
|
|
89
|
-
height: 4,
|
|
90
|
-
my: 1,
|
|
91
|
-
onClick: renderProps.onFlagClick,
|
|
92
|
-
onMouseDown: renderProps.onFlagMouseDown,
|
|
93
|
-
children: /* @__PURE__ */ React.createElement(Flag, {
|
|
94
|
-
code: renderProps.code || code
|
|
95
|
-
})
|
|
96
|
-
}),
|
|
97
|
-
error: props.error,
|
|
98
11
|
help: props.help,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
12
|
+
hint: props.hint,
|
|
13
|
+
icon: "icon"
|
|
14
|
+
}) : /*#__PURE__*/ _jsx(PhoneFieldControl, {
|
|
15
|
+
value: props.value,
|
|
16
|
+
countries: props.countries,
|
|
17
|
+
onChange: props.onChange,
|
|
18
|
+
onFocus: props.onFocus,
|
|
19
|
+
onBlur: props.onBlur,
|
|
20
|
+
children: (renderProps)=>/*#__PURE__*/ _jsx(MenuControl, {
|
|
21
|
+
count: props.countries.length,
|
|
22
|
+
onSelect: renderProps.onSelectCountry,
|
|
23
|
+
children: (menuRenderProps)=>/*#__PURE__*/ _jsxs(Pos, {
|
|
24
|
+
type: "relative",
|
|
25
|
+
ref: renderProps.containerRef,
|
|
26
|
+
children: [
|
|
27
|
+
/*#__PURE__*/ _jsx(InputField, {
|
|
28
|
+
title: props.title,
|
|
29
|
+
active: renderProps.focused || !!props.value || !!props.placeholder,
|
|
30
|
+
input: /*#__PURE__*/ _jsx(BasicInput, {
|
|
31
|
+
ref: renderProps.inputRef,
|
|
32
|
+
type: "tel",
|
|
33
|
+
value: renderProps.value,
|
|
34
|
+
name: props.name,
|
|
35
|
+
mask: renderProps.mask,
|
|
36
|
+
autoComplete: props.autoComplete,
|
|
37
|
+
autoFocus: props.autoFocus,
|
|
38
|
+
placeholder: props.placeholder,
|
|
39
|
+
inputMode: props.inputMode,
|
|
40
|
+
disabled: props.disabled,
|
|
41
|
+
pr: props.hint ? 7 : undefined,
|
|
42
|
+
pl: 9,
|
|
43
|
+
error: !!props.error,
|
|
44
|
+
focused: renderProps.focused,
|
|
45
|
+
maxLength: props.maxLength,
|
|
46
|
+
onChange: renderProps.onChange,
|
|
47
|
+
onFocus: renderProps.onFocus,
|
|
48
|
+
onBlur: renderProps.onBlur,
|
|
49
|
+
onKeyDown: renderProps.showCountries ? menuRenderProps.onKeyDown : undefined
|
|
50
|
+
}),
|
|
51
|
+
hint: props.hint,
|
|
52
|
+
icon: /*#__PURE__*/ _jsx(Box, {
|
|
53
|
+
cursor: "pointer",
|
|
54
|
+
width: 6,
|
|
55
|
+
height: 4,
|
|
56
|
+
my: 1,
|
|
57
|
+
onClick: renderProps.onFlagClick,
|
|
58
|
+
onMouseDown: renderProps.onFlagMouseDown,
|
|
59
|
+
children: /*#__PURE__*/ _jsx(Flag, {
|
|
60
|
+
code: renderProps.code || code
|
|
61
|
+
})
|
|
62
|
+
}),
|
|
63
|
+
error: props.error,
|
|
64
|
+
help: props.help,
|
|
65
|
+
action: props.action
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsx(DropUp, {
|
|
68
|
+
title: "Код страны",
|
|
69
|
+
show: renderProps.showCountries,
|
|
70
|
+
autoFocus: true,
|
|
71
|
+
onKeyDown: menuRenderProps.onKeyDown,
|
|
72
|
+
onHide: renderProps.onCountriesHide,
|
|
73
|
+
children: /*#__PURE__*/ _jsx(CardPos, {
|
|
74
|
+
ref: menuRenderProps.containerRef,
|
|
75
|
+
type: "relative",
|
|
76
|
+
height: 1,
|
|
77
|
+
overflow: "auto",
|
|
78
|
+
children: menuRenderProps.items.map((country, index)=>/*#__PURE__*/ _jsx(Card, {
|
|
79
|
+
ref: country.ref,
|
|
80
|
+
width: 1,
|
|
81
|
+
px: 6,
|
|
82
|
+
cursor: "pointer",
|
|
83
|
+
bg: country.selected ? '#E6E6E6' : country.focused ? '#F5F5F5' : '#FFF',
|
|
84
|
+
onClick: country.onClick,
|
|
85
|
+
onMouseEnter: country.onMouseEnter,
|
|
86
|
+
children: /*#__PURE__*/ _jsxs(Flex, {
|
|
87
|
+
py: 3,
|
|
88
|
+
align: "center",
|
|
89
|
+
children: [
|
|
90
|
+
/*#__PURE__*/ _jsx(FlexItem, {
|
|
91
|
+
shrink: 1,
|
|
92
|
+
mr: 3,
|
|
93
|
+
children: /*#__PURE__*/ _jsx(Box, {
|
|
94
|
+
width: 6,
|
|
95
|
+
height: 4,
|
|
96
|
+
my: 1,
|
|
97
|
+
children: /*#__PURE__*/ _jsx(Flag, {
|
|
98
|
+
code: props.countries[index].code
|
|
99
|
+
})
|
|
100
|
+
})
|
|
101
|
+
}),
|
|
102
|
+
/*#__PURE__*/ _jsx(FlexItem, {
|
|
103
|
+
width: 16,
|
|
104
|
+
shrink: 1,
|
|
105
|
+
children: /*#__PURE__*/ _jsx(Paragraph, {
|
|
106
|
+
bold: true,
|
|
107
|
+
children: `+${props.countries[index].mask.replace(/\D/g, '')}`
|
|
108
|
+
})
|
|
109
|
+
}),
|
|
110
|
+
/*#__PURE__*/ _jsx(Paragraph, {
|
|
111
|
+
bold: true,
|
|
112
|
+
children: props.countries[index].name
|
|
113
|
+
})
|
|
114
|
+
]
|
|
115
|
+
})
|
|
116
|
+
}, index))
|
|
117
|
+
})
|
|
118
|
+
})
|
|
119
|
+
]
|
|
120
|
+
})
|
|
121
|
+
})
|
|
122
|
+
});
|
|
123
|
+
PhoneField.displayName = 'PhoneField';
|
|
143
124
|
PhoneField.defaultProps = {
|
|
144
|
-
|
|
145
|
-
|
|
125
|
+
tabIndex: 0,
|
|
126
|
+
code: 'ru'
|
|
146
127
|
};
|
|
147
|
-
PhoneField.displayName = "PhoneField";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { };
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export * from
|
|
3
|
-
export * from "./PhoneFieldProps.js";
|
|
1
|
+
export * from './PhoneField.js';
|
|
2
|
+
export * from './PhoneFieldProps.js';
|