@alfalab/core-components-international-phone-input 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component-4cd3936b.d.ts +19 -0
- package/Component-63dec22f.d.ts +184 -0
- package/Component-8b2c2707.d.ts +71 -0
- package/Component-9211a437.d.ts +38 -0
- package/Component-bdb4c6b9.d.ts +12 -0
- package/Component-c76d6398.d.ts +5 -0
- package/Component-d078a845.d.ts +7 -0
- package/Component-dd8ca091.d.ts +72 -0
- package/Component-ebda875c.d.ts +12 -0
- package/Component.desktop-2e2b2125.d.ts +6 -0
- package/Component.desktop-785df74d.d.ts +6 -0
- package/Component.desktop-d078a845.d.ts +73 -0
- package/Component.desktop-d873d97d.d.ts +6 -0
- package/Component.desktop.d.ts +5 -0
- package/Component.desktop.js +47 -0
- package/Component.mobile-4cd3936b.d.ts +98 -0
- package/Component.mobile-755fbaa3.d.ts +6 -0
- package/Component.mobile-ade26e99.d.ts +41 -0
- package/Component.mobile-d7e9f69d.d.ts +6 -0
- package/Component.mobile-ebda875c.d.ts +6 -0
- package/Component.mobile-f1f15074.d.ts +34 -0
- package/Component.mobile.d.ts +5 -0
- package/Component.mobile.js +82 -0
- package/Component.modal.mobile-4cd3936b.d.ts +91 -0
- package/Component.modal.mobile-dd8ca091.d.ts +60 -0
- package/Component.responsive-785df74d.d.ts +26 -0
- package/Component.responsive.d.ts +46 -0
- package/Component.responsive.js +43 -0
- package/Context-bdb4c6b9.d.ts +4 -0
- package/ResponsiveContext-baf4875b.d.ts +5 -0
- package/components/base-international-phone-input/Component.d.ts +26 -0
- package/components/base-international-phone-input/Component.js +98 -0
- package/components/base-international-phone-input/index.css +5 -0
- package/components/base-international-phone-input/index.d.ts +1 -0
- package/components/base-international-phone-input/index.js +26 -0
- package/components/country-select/Component.d.ts +21 -0
- package/components/country-select/Component.js +60 -0
- package/components/country-select/index.css +47 -0
- package/components/country-select/index.d.ts +1 -0
- package/components/country-select/index.js +20 -0
- package/components/flag-icon/component.d.ts +16 -0
- package/components/flag-icon/component.js +27 -0
- package/components/flag-icon/flagSprite.d.ts +2 -0
- package/components/flag-icon/flagSprite.js +233 -0
- package/components/flag-icon/index.css +30 -0
- package/components/flag-icon/index.d.ts +1 -0
- package/components/flag-icon/index.js +12 -0
- package/components/select-field/component.d.ts +8 -0
- package/components/select-field/component.js +43 -0
- package/components/select-field/index.css +53 -0
- package/components/select-field/index.d.ts +1 -0
- package/components/select-field/index.js +18 -0
- package/consts-f777ba1a.d.ts +2 -0
- package/consts.d.ts +2 -0
- package/consts.js +7 -0
- package/cssm/Component-4cd3936b.d.ts +7 -0
- package/cssm/Component-8b2c2707.d.ts +71 -0
- package/cssm/Component-9211a437.d.ts +38 -0
- package/cssm/Component-96988a65.d.ts +9 -0
- package/cssm/Component-aed0af6e.d.ts +11 -0
- package/cssm/Component-bdb4c6b9.d.ts +12 -0
- package/cssm/Component-c76d6398.d.ts +5 -0
- package/cssm/Component-dd8ca091.d.ts +5 -0
- package/cssm/Component-ebda875c.d.ts +101 -0
- package/cssm/Component-f12ee135.d.ts +72 -0
- package/cssm/Component.desktop-2e2b2125.d.ts +6 -0
- package/cssm/Component.desktop-4cd3936b.d.ts +73 -0
- package/cssm/Component.desktop-785df74d.d.ts +6 -0
- package/cssm/Component.desktop-d873d97d.d.ts +6 -0
- package/cssm/Component.desktop-ebda875c.d.ts +18 -0
- package/cssm/Component.desktop.d.ts +5 -0
- package/cssm/Component.desktop.js +51 -0
- package/cssm/Component.mobile-755fbaa3.d.ts +6 -0
- package/cssm/Component.mobile-ade26e99.d.ts +41 -0
- package/cssm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/cssm/Component.mobile-f1f15074.d.ts +34 -0
- package/cssm/Component.mobile.d.ts +5 -0
- package/cssm/Component.mobile.js +86 -0
- package/cssm/Component.responsive-d7e9f69d.d.ts +26 -0
- package/cssm/Component.responsive.d.ts +46 -0
- package/cssm/Component.responsive.js +47 -0
- package/cssm/Context-bdb4c6b9.d.ts +4 -0
- package/cssm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/cssm/components/base-international-phone-input/Component.d.ts +26 -0
- package/cssm/components/base-international-phone-input/Component.js +100 -0
- package/cssm/components/base-international-phone-input/index.d.ts +1 -0
- package/cssm/components/base-international-phone-input/index.js +30 -0
- package/cssm/components/base-international-phone-input/index.module.css +4 -0
- package/cssm/components/country-select/Component.d.ts +21 -0
- package/cssm/components/country-select/Component.js +61 -0
- package/cssm/components/country-select/index.d.ts +1 -0
- package/cssm/components/country-select/index.js +23 -0
- package/cssm/components/country-select/index.module.css +47 -0
- package/cssm/components/flag-icon/component.d.ts +16 -0
- package/cssm/components/flag-icon/component.js +26 -0
- package/cssm/components/flag-icon/flagSprite.d.ts +2 -0
- package/cssm/components/flag-icon/flagSprite.js +233 -0
- package/cssm/components/flag-icon/index.d.ts +1 -0
- package/cssm/components/flag-icon/index.js +13 -0
- package/cssm/components/flag-icon/index.module.css +29 -0
- package/cssm/components/select-field/component.d.ts +8 -0
- package/cssm/components/select-field/component.js +43 -0
- package/cssm/components/select-field/index.d.ts +1 -0
- package/cssm/components/select-field/index.js +20 -0
- package/cssm/components/select-field/index.module.css +52 -0
- package/cssm/consts-f777ba1a.d.ts +2 -0
- package/cssm/consts.d.ts +2 -0
- package/cssm/consts.js +7 -0
- package/cssm/data/country-data.d.ts +3 -0
- package/cssm/data/country-data.js +587 -0
- package/cssm/desktop-232828f7.d.ts +2 -0
- package/cssm/desktop-2e2b2125.d.ts +2 -0
- package/cssm/desktop-63dec22f.d.ts +2 -0
- package/cssm/desktop-785df74d.d.ts +2 -0
- package/cssm/desktop.d.ts +2 -0
- package/cssm/desktop.js +34 -0
- package/cssm/hook-8abfea97.d.ts +90 -0
- package/cssm/hook-ebda875c.d.ts +48 -0
- package/cssm/index-136acbb1.d.ts +28 -0
- package/cssm/index-72dda473.d.ts +12 -0
- package/cssm/index-8b2c2707.d.ts +6 -0
- package/cssm/index-bdb4c6b9.d.ts +180 -0
- package/cssm/index-c76d6398.d.ts +319 -0
- package/cssm/index-ebda875c.d.ts +3 -0
- package/cssm/index-f12ee135.d.ts +52 -0
- package/cssm/index.d.ts +2 -0
- package/cssm/index.js +40 -0
- package/cssm/mobile-45dc17c6.d.ts +47 -0
- package/cssm/mobile-4c19bc40.d.ts +121 -0
- package/cssm/mobile-96988a65.d.ts +3 -0
- package/cssm/mobile.d.ts +2 -0
- package/cssm/mobile.js +34 -0
- package/cssm/shared-4cd3936b.d.ts +7 -0
- package/cssm/types-1b036d4b.d.ts +13 -0
- package/cssm/types-72dda473.d.ts +276 -0
- package/cssm/types.d.ts +100 -0
- package/cssm/types.js +2 -0
- package/cssm/typings-9211a437.d.ts +95 -0
- package/cssm/typings-bdb4c6b9.d.ts +52 -0
- package/cssm/typings-dd8ca091.d.ts +572 -0
- package/cssm/useSkeleton-1b036d4b.d.ts +12 -0
- package/cssm/utils/index.d.ts +18 -0
- package/cssm/utils/index.js +201 -0
- package/cssm/utils-dd8ca091.d.ts +41 -0
- package/data/country-data.d.ts +3 -0
- package/data/country-data.js +587 -0
- package/desktop-232828f7.d.ts +2 -0
- package/desktop-2e2b2125.d.ts +2 -0
- package/desktop-63dec22f.d.ts +2 -0
- package/desktop.d.ts +2 -0
- package/desktop.js +30 -0
- package/esm/Component-4cd3936b.d.ts +19 -0
- package/esm/Component-63dec22f.d.ts +184 -0
- package/esm/Component-8b2c2707.d.ts +71 -0
- package/esm/Component-9211a437.d.ts +38 -0
- package/esm/Component-bdb4c6b9.d.ts +12 -0
- package/esm/Component-c76d6398.d.ts +5 -0
- package/esm/Component-d078a845.d.ts +7 -0
- package/esm/Component-dd8ca091.d.ts +72 -0
- package/esm/Component-ebda875c.d.ts +12 -0
- package/esm/Component.desktop-2e2b2125.d.ts +6 -0
- package/esm/Component.desktop-785df74d.d.ts +6 -0
- package/esm/Component.desktop-d078a845.d.ts +73 -0
- package/esm/Component.desktop-d873d97d.d.ts +6 -0
- package/esm/Component.desktop.d.ts +5 -0
- package/esm/Component.desktop.js +39 -0
- package/esm/Component.mobile-4cd3936b.d.ts +98 -0
- package/esm/Component.mobile-755fbaa3.d.ts +6 -0
- package/esm/Component.mobile-ade26e99.d.ts +41 -0
- package/esm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/esm/Component.mobile-ebda875c.d.ts +6 -0
- package/esm/Component.mobile-f1f15074.d.ts +34 -0
- package/esm/Component.mobile.d.ts +5 -0
- package/esm/Component.mobile.js +74 -0
- package/esm/Component.modal.mobile-4cd3936b.d.ts +91 -0
- package/esm/Component.modal.mobile-dd8ca091.d.ts +60 -0
- package/esm/Component.responsive-785df74d.d.ts +26 -0
- package/esm/Component.responsive.d.ts +46 -0
- package/esm/Component.responsive.js +35 -0
- package/esm/Context-bdb4c6b9.d.ts +4 -0
- package/esm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/esm/components/base-international-phone-input/Component.d.ts +26 -0
- package/esm/components/base-international-phone-input/Component.js +89 -0
- package/esm/components/base-international-phone-input/index.css +5 -0
- package/esm/components/base-international-phone-input/index.d.ts +1 -0
- package/esm/components/base-international-phone-input/index.js +18 -0
- package/esm/components/country-select/Component.d.ts +21 -0
- package/esm/components/country-select/Component.js +52 -0
- package/esm/components/country-select/index.css +47 -0
- package/esm/components/country-select/index.d.ts +1 -0
- package/esm/components/country-select/index.js +12 -0
- package/esm/components/flag-icon/component.d.ts +16 -0
- package/esm/components/flag-icon/component.js +18 -0
- package/esm/components/flag-icon/flagSprite.d.ts +2 -0
- package/esm/components/flag-icon/flagSprite.js +229 -0
- package/esm/components/flag-icon/index.css +30 -0
- package/esm/components/flag-icon/index.d.ts +1 -0
- package/esm/components/flag-icon/index.js +4 -0
- package/esm/components/select-field/component.d.ts +8 -0
- package/esm/components/select-field/component.js +32 -0
- package/esm/components/select-field/index.css +53 -0
- package/esm/components/select-field/index.d.ts +1 -0
- package/esm/components/select-field/index.js +9 -0
- package/esm/consts-f777ba1a.d.ts +2 -0
- package/esm/consts.d.ts +2 -0
- package/esm/consts.js +3 -0
- package/esm/data/country-data.d.ts +3 -0
- package/esm/data/country-data.js +583 -0
- package/esm/desktop-232828f7.d.ts +2 -0
- package/esm/desktop-2e2b2125.d.ts +2 -0
- package/esm/desktop-63dec22f.d.ts +2 -0
- package/esm/desktop.d.ts +2 -0
- package/esm/desktop.js +22 -0
- package/esm/hook-8abfea97.d.ts +90 -0
- package/esm/index-136acbb1.d.ts +28 -0
- package/esm/index-72dda473.d.ts +12 -0
- package/esm/index-8b2c2707.d.ts +6 -0
- package/esm/index-bdb4c6b9.d.ts +2 -0
- package/esm/index-c76d6398.d.ts +141 -0
- package/esm/index-ebda875c.d.ts +3 -0
- package/esm/index-f12ee135.d.ts +52 -0
- package/esm/index.d.ts +2 -0
- package/esm/index.js +28 -0
- package/esm/mobile-4c19bc40.d.ts +3 -0
- package/esm/mobile-755fbaa3.d.ts +2 -0
- package/esm/mobile-96988a65.d.ts +2 -0
- package/esm/mobile-ade26e99.d.ts +5 -0
- package/esm/mobile-d7e9f69d.d.ts +2 -0
- package/esm/mobile.d.ts +2 -0
- package/esm/mobile.js +22 -0
- package/esm/shared-4cd3936b.d.ts +65 -0
- package/esm/types-1b036d4b.d.ts +13 -0
- package/esm/types-72dda473.d.ts +276 -0
- package/esm/types.d.ts +100 -0
- package/esm/types.js +1 -0
- package/esm/typings-9211a437.d.ts +95 -0
- package/esm/typings-bdb4c6b9.d.ts +52 -0
- package/esm/typings-dd8ca091.d.ts +572 -0
- package/esm/useSkeleton-ebda875c.d.ts +12 -0
- package/esm/utils/index.d.ts +18 -0
- package/esm/utils/index.js +189 -0
- package/esm/utils-1574ad8b.d.ts +29 -0
- package/esm/utils-dd8ca091.d.ts +41 -0
- package/hook-8abfea97.d.ts +90 -0
- package/index-136acbb1.d.ts +28 -0
- package/index-72dda473.d.ts +12 -0
- package/index-8b2c2707.d.ts +6 -0
- package/index-bdb4c6b9.d.ts +2 -0
- package/index-c76d6398.d.ts +141 -0
- package/index-ebda875c.d.ts +3 -0
- package/index-f12ee135.d.ts +52 -0
- package/index.d.ts +2 -0
- package/index.js +36 -0
- package/mobile-4c19bc40.d.ts +3 -0
- package/mobile-755fbaa3.d.ts +2 -0
- package/mobile-96988a65.d.ts +2 -0
- package/mobile-ade26e99.d.ts +5 -0
- package/mobile-d7e9f69d.d.ts +2 -0
- package/mobile.d.ts +2 -0
- package/mobile.js +30 -0
- package/modern/Component-4cd3936b.d.ts +19 -0
- package/modern/Component-63dec22f.d.ts +184 -0
- package/modern/Component-8b2c2707.d.ts +71 -0
- package/modern/Component-9211a437.d.ts +38 -0
- package/modern/Component-bdb4c6b9.d.ts +12 -0
- package/modern/Component-c76d6398.d.ts +5 -0
- package/modern/Component-d078a845.d.ts +7 -0
- package/modern/Component-dd8ca091.d.ts +72 -0
- package/modern/Component-ebda875c.d.ts +12 -0
- package/modern/Component.desktop-2e2b2125.d.ts +6 -0
- package/modern/Component.desktop-785df74d.d.ts +6 -0
- package/modern/Component.desktop-d078a845.d.ts +73 -0
- package/modern/Component.desktop-d873d97d.d.ts +6 -0
- package/modern/Component.desktop.d.ts +5 -0
- package/modern/Component.desktop.js +35 -0
- package/modern/Component.mobile-4cd3936b.d.ts +98 -0
- package/modern/Component.mobile-755fbaa3.d.ts +6 -0
- package/modern/Component.mobile-ade26e99.d.ts +41 -0
- package/modern/Component.mobile-d7e9f69d.d.ts +6 -0
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/modern/Component.mobile-f1f15074.d.ts +34 -0
- package/modern/Component.mobile.d.ts +5 -0
- package/modern/Component.mobile.js +77 -0
- package/modern/Component.modal.mobile-4cd3936b.d.ts +91 -0
- package/modern/Component.modal.mobile-dd8ca091.d.ts +60 -0
- package/modern/Component.responsive-785df74d.d.ts +26 -0
- package/modern/Component.responsive.d.ts +46 -0
- package/modern/Component.responsive.js +33 -0
- package/modern/Context-bdb4c6b9.d.ts +4 -0
- package/modern/ResponsiveContext-baf4875b.d.ts +5 -0
- package/modern/components/base-international-phone-input/Component.d.ts +26 -0
- package/modern/components/base-international-phone-input/Component.js +91 -0
- package/modern/components/base-international-phone-input/index.css +5 -0
- package/modern/components/base-international-phone-input/index.d.ts +1 -0
- package/modern/components/base-international-phone-input/index.js +17 -0
- package/modern/components/country-select/Component.d.ts +21 -0
- package/modern/components/country-select/Component.js +47 -0
- package/modern/components/country-select/index.css +47 -0
- package/modern/components/country-select/index.d.ts +1 -0
- package/modern/components/country-select/index.js +11 -0
- package/modern/components/flag-icon/component.d.ts +16 -0
- package/modern/components/flag-icon/component.js +15 -0
- package/modern/components/flag-icon/flagSprite.d.ts +2 -0
- package/modern/components/flag-icon/flagSprite.js +229 -0
- package/modern/components/flag-icon/index.css +30 -0
- package/modern/components/flag-icon/index.d.ts +1 -0
- package/modern/components/flag-icon/index.js +4 -0
- package/modern/components/select-field/component.d.ts +8 -0
- package/modern/components/select-field/component.js +29 -0
- package/modern/components/select-field/index.css +53 -0
- package/modern/components/select-field/index.d.ts +1 -0
- package/modern/components/select-field/index.js +8 -0
- package/modern/consts-f777ba1a.d.ts +2 -0
- package/modern/consts.d.ts +2 -0
- package/modern/consts.js +3 -0
- package/modern/data/country-data.d.ts +3 -0
- package/modern/data/country-data.js +583 -0
- package/modern/desktop-232828f7.d.ts +2 -0
- package/modern/desktop-2e2b2125.d.ts +2 -0
- package/modern/desktop-63dec22f.d.ts +2 -0
- package/modern/desktop.d.ts +2 -0
- package/modern/desktop.js +21 -0
- package/modern/hook-8abfea97.d.ts +90 -0
- package/modern/index-136acbb1.d.ts +28 -0
- package/modern/index-72dda473.d.ts +12 -0
- package/modern/index-8b2c2707.d.ts +6 -0
- package/modern/index-bdb4c6b9.d.ts +2 -0
- package/modern/index-c76d6398.d.ts +141 -0
- package/modern/index-ebda875c.d.ts +3 -0
- package/modern/index-f12ee135.d.ts +52 -0
- package/modern/index.d.ts +2 -0
- package/modern/index.js +27 -0
- package/modern/mobile-4c19bc40.d.ts +3 -0
- package/modern/mobile-755fbaa3.d.ts +2 -0
- package/modern/mobile-96988a65.d.ts +2 -0
- package/modern/mobile-ade26e99.d.ts +5 -0
- package/modern/mobile-d7e9f69d.d.ts +2 -0
- package/modern/mobile.d.ts +2 -0
- package/modern/mobile.js +21 -0
- package/modern/shared-4cd3936b.d.ts +65 -0
- package/modern/types-1b036d4b.d.ts +13 -0
- package/modern/types-72dda473.d.ts +276 -0
- package/modern/types.d.ts +100 -0
- package/modern/types.js +1 -0
- package/modern/typings-9211a437.d.ts +95 -0
- package/modern/typings-bdb4c6b9.d.ts +52 -0
- package/modern/typings-dd8ca091.d.ts +572 -0
- package/modern/useSkeleton-ebda875c.d.ts +12 -0
- package/modern/utils/index.d.ts +18 -0
- package/modern/utils/index.js +183 -0
- package/modern/utils-1574ad8b.d.ts +29 -0
- package/modern/utils-dd8ca091.d.ts +41 -0
- package/package.json +30 -0
- package/shared-4cd3936b.d.ts +65 -0
- package/src/Component.desktop.tsx +68 -0
- package/src/Component.mobile.tsx +132 -0
- package/src/Component.responsive.tsx +20 -0
- package/src/components/base-international-phone-input/Component.tsx +174 -0
- package/src/components/base-international-phone-input/index.module.css +5 -0
- package/src/components/base-international-phone-input/index.ts +1 -0
- package/src/components/country-select/Component.tsx +120 -0
- package/src/components/country-select/index.module.css +40 -0
- package/src/components/country-select/index.ts +1 -0
- package/src/components/flag-icon/component.tsx +33 -0
- package/src/components/flag-icon/flagSprite.ts +228 -0
- package/src/components/flag-icon/index.module.css +15 -0
- package/src/components/flag-icon/index.ts +1 -0
- package/src/components/select-field/component.tsx +51 -0
- package/src/components/select-field/index.module.css +43 -0
- package/src/components/select-field/index.ts +1 -0
- package/src/consts.ts +1 -0
- package/src/data/country-data.ts +584 -0
- package/src/desktop.ts +2 -0
- package/src/index.ts +2 -0
- package/src/mobile.ts +2 -0
- package/src/types.ts +132 -0
- package/src/utils/index.ts +246 -0
- package/types-1b036d4b.d.ts +13 -0
- package/types-72dda473.d.ts +276 -0
- package/types.d.ts +100 -0
- package/types.js +2 -0
- package/typings-9211a437.d.ts +95 -0
- package/typings-bdb4c6b9.d.ts +52 -0
- package/typings-dd8ca091.d.ts +572 -0
- package/useSkeleton-ebda875c.d.ts +12 -0
- package/utils/index.d.ts +18 -0
- package/utils/index.js +201 -0
- package/utils-1574ad8b.d.ts +29 -0
- package/utils-dd8ca091.d.ts +41 -0
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
|
|
3
|
+
type UseSelectWithApplyProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Список выбранных пунктов
|
|
6
|
+
*/
|
|
7
|
+
selected: BaseSelectProps['selected'];
|
|
8
|
+
/**
|
|
9
|
+
* Список вариантов выбора
|
|
10
|
+
*/
|
|
11
|
+
options: BaseSelectProps['options'];
|
|
12
|
+
/**
|
|
13
|
+
* Обработчик выбора
|
|
14
|
+
*/
|
|
15
|
+
onChange: BaseSelectProps['onChange'];
|
|
16
|
+
/**
|
|
17
|
+
* Компонент выпадающего меню
|
|
18
|
+
*/
|
|
19
|
+
OptionsList?: BaseSelectProps['OptionsList'];
|
|
20
|
+
/**
|
|
21
|
+
* Пропсы, которые будут прокинуты в компонент списка
|
|
22
|
+
*/
|
|
23
|
+
optionsListProps?: BaseSelectProps['optionsListProps'];
|
|
24
|
+
/**
|
|
25
|
+
* Включает отображение поиска
|
|
26
|
+
*/
|
|
27
|
+
showSearch?: BaseSelectProps['showSearch'];
|
|
28
|
+
/**
|
|
29
|
+
* Настройки поиска
|
|
30
|
+
*/
|
|
31
|
+
searchProps?: BaseSelectProps['searchProps'];
|
|
32
|
+
/**
|
|
33
|
+
* Показывать кнопку очистки
|
|
34
|
+
*/
|
|
35
|
+
showClear?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Показывать пункт "Выбрать все"
|
|
38
|
+
*/
|
|
39
|
+
showSelectAll?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Показывать пункт "Выбрать все" в заголовке списка
|
|
42
|
+
*/
|
|
43
|
+
showHeaderWithSelectAll?: boolean;
|
|
44
|
+
};
|
|
45
|
+
declare const SELECT_ALL_KEY = "select_all";
|
|
46
|
+
declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
|
|
47
|
+
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
|
|
48
|
+
showClear?: boolean | undefined;
|
|
49
|
+
onClose?: (() => void) | undefined; /**
|
|
50
|
+
* Компонент выпадающего меню
|
|
51
|
+
*/
|
|
52
|
+
selectedDraft?: OptionShape[] | undefined;
|
|
53
|
+
OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
54
|
+
Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
|
|
55
|
+
Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
|
|
56
|
+
headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
|
|
57
|
+
showHeaderWithSelectAll?: boolean | undefined;
|
|
58
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
|
+
optionsListProps: {
|
|
60
|
+
OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
+
showClear: boolean;
|
|
62
|
+
onClear: () => void;
|
|
63
|
+
onApply: () => void;
|
|
64
|
+
onClose: () => void;
|
|
65
|
+
selectedDraft: OptionShape[];
|
|
66
|
+
showHeaderWithSelectAll: boolean;
|
|
67
|
+
headerProps: {
|
|
68
|
+
indeterminate: boolean;
|
|
69
|
+
checked: boolean;
|
|
70
|
+
onChange: () => void;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
allowUnselect: boolean;
|
|
74
|
+
multiple: boolean;
|
|
75
|
+
options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
|
|
76
|
+
key: string;
|
|
77
|
+
content: string;
|
|
78
|
+
})[];
|
|
79
|
+
onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
|
|
80
|
+
selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
|
|
81
|
+
showSearch: boolean | undefined;
|
|
82
|
+
searchProps: {
|
|
83
|
+
value: string;
|
|
84
|
+
onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
85
|
+
componentProps?: import("packages/input/src").InputProps | undefined;
|
|
86
|
+
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
|
+
} | undefined;
|
|
88
|
+
};
|
|
89
|
+
export * from "./Component-ebda875c";
|
|
90
|
+
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { OptionProps, OptionShape } from "./typings-dd8ca091";
|
|
4
|
+
type OptionsFetcherResponse = {
|
|
5
|
+
options: OptionShape[];
|
|
6
|
+
hasMore: boolean;
|
|
7
|
+
};
|
|
8
|
+
type useLazyLoadingProps = {
|
|
9
|
+
/** Количество элементов на "странице" */
|
|
10
|
+
limit?: number;
|
|
11
|
+
/** Начальный номер "страницы" */
|
|
12
|
+
initialOffset?: number;
|
|
13
|
+
/** Скелетон загружаемых элементов */
|
|
14
|
+
skeleton?: React.ReactNode;
|
|
15
|
+
/** Компонент пункта меню */
|
|
16
|
+
Option?: React.FC<OptionProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Функция-загрузчик опций.
|
|
19
|
+
* @param offset - текущая страница
|
|
20
|
+
* @param limit - количество элементов на странице
|
|
21
|
+
* @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
|
|
22
|
+
* @returns Promise<{
|
|
23
|
+
* options - список опций следующей "страницы". Они аппендятся к предыдущим
|
|
24
|
+
* hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
|
|
25
|
+
* }>
|
|
26
|
+
*/
|
|
27
|
+
optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
|
|
28
|
+
};
|
|
29
|
+
declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
|
|
30
|
+
optionsProps: {
|
|
31
|
+
Option: (props: OptionProps) => React.JSX.Element;
|
|
32
|
+
options: OptionShape[];
|
|
33
|
+
optionsListProps: {
|
|
34
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
35
|
+
inputProps: {
|
|
36
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
|
|
37
|
+
value: string;
|
|
38
|
+
}) => void;
|
|
39
|
+
value: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
onOpen: (payload: {
|
|
43
|
+
open?: boolean;
|
|
44
|
+
}) => void;
|
|
45
|
+
};
|
|
46
|
+
reset: () => void;
|
|
47
|
+
};
|
|
48
|
+
export { useLazyLoading };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FC, ReactNode } from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Набор констант для z-index соответствующих классов компонентов.
|
|
5
|
+
* Значения выбраны по приоритету.
|
|
6
|
+
*/
|
|
7
|
+
declare const stackingOrder: {
|
|
8
|
+
FOCUSED: number;
|
|
9
|
+
DEFAULT: number;
|
|
10
|
+
POPOVER: number;
|
|
11
|
+
MODAL: number;
|
|
12
|
+
TOAST: number;
|
|
13
|
+
};
|
|
14
|
+
declare const StackingContext: import("react").Context<number>;
|
|
15
|
+
type StackProps = {
|
|
16
|
+
/**
|
|
17
|
+
* Render prop, в который передается функция.
|
|
18
|
+
* Функция принимает аргумент со значением z-index из текущего контекста.
|
|
19
|
+
*/
|
|
20
|
+
children: (value: number) => ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Исходное значение для z-index.
|
|
23
|
+
* @default 5
|
|
24
|
+
*/
|
|
25
|
+
value?: number;
|
|
26
|
+
};
|
|
27
|
+
declare const Stack: FC<StackProps>;
|
|
28
|
+
export { stackingOrder, StackingContext, StackProps, Stack };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
|
|
2
|
+
type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
|
|
3
|
+
type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
|
|
4
|
+
type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
|
|
5
|
+
type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
|
|
6
|
+
type PaddingType = number | string | {
|
|
7
|
+
top?: number;
|
|
8
|
+
right?: number;
|
|
9
|
+
bottom?: number;
|
|
10
|
+
left?: number;
|
|
11
|
+
};
|
|
12
|
+
export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ButtonProps } from "./typings-9211a437";
|
|
4
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { Button };
|
|
6
|
+
export type { ButtonProps } from "./typings-9211a437";
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react-transition-group" />
|
|
3
|
+
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
|
|
6
|
+
import { TransitionProps } from "react-transition-group/Transition";
|
|
7
|
+
import { BackdropProps, PortalProps } from "./index-ebda875c";
|
|
8
|
+
type BaseModalProps = {
|
|
9
|
+
/**
|
|
10
|
+
* Контент
|
|
11
|
+
*/
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Компонент бэкдропа
|
|
15
|
+
*/
|
|
16
|
+
Backdrop?: FC<BackdropProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Свойства для Бэкдропа
|
|
19
|
+
*/
|
|
20
|
+
backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
|
|
21
|
+
/**
|
|
22
|
+
* Нода, компонент или функция возвращающая их
|
|
23
|
+
*
|
|
24
|
+
* Контейнер к которому будут добавляться порталы
|
|
25
|
+
*/
|
|
26
|
+
container?: PortalProps["getPortalContainer"];
|
|
27
|
+
/**
|
|
28
|
+
* Отключает автоматический перевод фокуса на модалку при открытии
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
disableAutoFocus?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Отключает ловушку фокуса
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
disableFocusLock?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
disableRestoreFocus?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Отключает вызов `callback` при нажатии Escape
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
disableEscapeKeyDown?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Отключает вызов `callback` при клике на бэкдроп
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
disableBackdropClick?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Отключает блокировку скролла при открытии модального окна
|
|
54
|
+
* @default false
|
|
55
|
+
*/
|
|
56
|
+
disableBlockingScroll?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Содержимое модалки всегда в DOM
|
|
59
|
+
* @default false
|
|
60
|
+
*/
|
|
61
|
+
keepMounted?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* Управление видимостью модалки
|
|
64
|
+
*/
|
|
65
|
+
open: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Дополнительный класс
|
|
68
|
+
*/
|
|
69
|
+
className?: string;
|
|
70
|
+
/**
|
|
71
|
+
* Дополнительный класс
|
|
72
|
+
*/
|
|
73
|
+
contentClassName?: string;
|
|
74
|
+
/**
|
|
75
|
+
* Дополнительные пропсы на обертку контента
|
|
76
|
+
*/
|
|
77
|
+
contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
78
|
+
/**
|
|
79
|
+
* Дополнительные пропсы на компонентную обертку контента
|
|
80
|
+
*/
|
|
81
|
+
componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
82
|
+
/**
|
|
83
|
+
* Дополнительный класс для обертки (Modal)
|
|
84
|
+
*/
|
|
85
|
+
wrapperClassName?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Обработчик скролла контента
|
|
88
|
+
*/
|
|
89
|
+
scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
|
|
90
|
+
/**
|
|
91
|
+
* Пропсы для анимации (CSSTransition)
|
|
92
|
+
*/
|
|
93
|
+
transitionProps?: Partial<TransitionProps>;
|
|
94
|
+
/**
|
|
95
|
+
* Рендерить ли в контейнер через портал.
|
|
96
|
+
* @default true
|
|
97
|
+
*/
|
|
98
|
+
usePortal?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Обработчик события нажатия на бэкдроп
|
|
101
|
+
*/
|
|
102
|
+
onBackdropClick?: (event: MouseEvent) => void;
|
|
103
|
+
/**
|
|
104
|
+
* Обработчик события нажатия на Escape
|
|
105
|
+
*
|
|
106
|
+
* Если `disableEscapeKeyDown` - false и модальное окно в фокусе
|
|
107
|
+
*/
|
|
108
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
109
|
+
/**
|
|
110
|
+
* Обработчик закрытия
|
|
111
|
+
*/
|
|
112
|
+
onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
113
|
+
/**
|
|
114
|
+
* Обработчик события onEntered компонента Transition
|
|
115
|
+
*/
|
|
116
|
+
onMount?: () => void;
|
|
117
|
+
/**
|
|
118
|
+
* Обработчик события onExited компонента Transition
|
|
119
|
+
*/
|
|
120
|
+
onUnmount?: () => void;
|
|
121
|
+
/**
|
|
122
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
123
|
+
*/
|
|
124
|
+
dataTestId?: string;
|
|
125
|
+
/**
|
|
126
|
+
* z-index компонента
|
|
127
|
+
*/
|
|
128
|
+
zIndex?: number;
|
|
129
|
+
/**
|
|
130
|
+
* Реф, который должен быть установлен компонентной области
|
|
131
|
+
*/
|
|
132
|
+
componentRef?: MutableRefObject<HTMLDivElement | null>;
|
|
133
|
+
};
|
|
134
|
+
type BaseModalContext = {
|
|
135
|
+
parentRef: React.RefObject<HTMLDivElement>;
|
|
136
|
+
componentRef: React.RefObject<HTMLDivElement>;
|
|
137
|
+
hasFooter?: boolean;
|
|
138
|
+
hasHeader?: boolean;
|
|
139
|
+
hasScroll?: boolean;
|
|
140
|
+
headerHighlighted?: boolean;
|
|
141
|
+
footerHighlighted?: boolean;
|
|
142
|
+
headerOffset?: number;
|
|
143
|
+
setHeaderOffset: (offset: number) => void;
|
|
144
|
+
contentRef: Ref<HTMLElement>;
|
|
145
|
+
setHasHeader: (exists: boolean) => void;
|
|
146
|
+
setHasFooter: (exists: boolean) => void;
|
|
147
|
+
onClose: Required<BaseModalProps>["onClose"];
|
|
148
|
+
};
|
|
149
|
+
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
|
150
|
+
declare const BaseModalContext: React.Context<BaseModalContext>;
|
|
151
|
+
declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
152
|
+
declare function isScrolledToTop(target: HTMLElement): boolean;
|
|
153
|
+
declare function isScrolledToBottom(target: HTMLElement): boolean;
|
|
154
|
+
declare function hasScrollbar(target: HTMLElement): boolean;
|
|
155
|
+
declare const getScrollbarSize: () => number;
|
|
156
|
+
declare const restoreContainerStyles: (container: HTMLElement) => void;
|
|
157
|
+
declare const handleContainer: (container?: HTMLElement) => void;
|
|
158
|
+
type SavedStyle = {
|
|
159
|
+
value: string;
|
|
160
|
+
key: string;
|
|
161
|
+
el: HTMLElement;
|
|
162
|
+
};
|
|
163
|
+
type RestoreStyle = {
|
|
164
|
+
container: HTMLElement;
|
|
165
|
+
modals: number;
|
|
166
|
+
styles: SavedStyle[];
|
|
167
|
+
};
|
|
168
|
+
declare class ModalStore {
|
|
169
|
+
private readonly restoreStyles;
|
|
170
|
+
constructor();
|
|
171
|
+
getRestoreStyles: () => RestoreStyle[];
|
|
172
|
+
}
|
|
173
|
+
declare const getModalStore: () => ModalStore;
|
|
174
|
+
declare class GlobalStore {
|
|
175
|
+
private readonly modalStore;
|
|
176
|
+
constructor();
|
|
177
|
+
getModalStore: () => ModalStore;
|
|
178
|
+
}
|
|
179
|
+
export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
|
|
180
|
+
export type { SavedStyle };
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/* eslint-disable complexity */
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ReactNode, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
5
|
+
import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
|
|
6
|
+
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
/**
|
|
8
|
+
* Вид компонента
|
|
9
|
+
*/
|
|
10
|
+
view: "desktop" | "mobile";
|
|
11
|
+
/**
|
|
12
|
+
* Дополнительный класс
|
|
13
|
+
*/
|
|
14
|
+
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Позиция крестика
|
|
17
|
+
*/
|
|
18
|
+
align?: "left" | "right";
|
|
19
|
+
/**
|
|
20
|
+
* Фиксирует крестик
|
|
21
|
+
*/
|
|
22
|
+
sticky?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Иконка
|
|
25
|
+
*/
|
|
26
|
+
icon?: ElementType;
|
|
27
|
+
/**
|
|
28
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
29
|
+
*/
|
|
30
|
+
dataTestId?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Коллбэк закрытия.
|
|
33
|
+
*/
|
|
34
|
+
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
35
|
+
}
|
|
36
|
+
type NavigationBarProps = {
|
|
37
|
+
/**
|
|
38
|
+
* Контент шапки
|
|
39
|
+
*/
|
|
40
|
+
children?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Заголовок шапки
|
|
43
|
+
*/
|
|
44
|
+
title?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Подзаголовок (доступен только в мобильной версии)
|
|
47
|
+
*/
|
|
48
|
+
subtitle?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Размер заголовка (compact доступен только в мобильной версии)
|
|
51
|
+
*/
|
|
52
|
+
titleSize?: "default" | "compact";
|
|
53
|
+
/**
|
|
54
|
+
* Доп. класс для аддонов
|
|
55
|
+
*/
|
|
56
|
+
addonClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Слот слева
|
|
59
|
+
*/
|
|
60
|
+
leftAddons?: ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Слот справа
|
|
63
|
+
*/
|
|
64
|
+
rightAddons?: ReactNode;
|
|
65
|
+
/**
|
|
66
|
+
* Дополнительный класс для closer
|
|
67
|
+
*/
|
|
68
|
+
closerClassName?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Слот снизу
|
|
71
|
+
*/
|
|
72
|
+
bottomAddons?: ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Наличие компонента крестика
|
|
75
|
+
*/
|
|
76
|
+
hasCloser?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Наличие кнопки "Назад"
|
|
79
|
+
*/
|
|
80
|
+
hasBackButton?: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Дополнительный класс для правого аддона
|
|
83
|
+
*/
|
|
84
|
+
backButtonClassName?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Дополнительный класс
|
|
87
|
+
*/
|
|
88
|
+
className?: string;
|
|
89
|
+
/**
|
|
90
|
+
* Дополнительный класс для контента
|
|
91
|
+
*/
|
|
92
|
+
contentClassName?: string;
|
|
93
|
+
/**
|
|
94
|
+
* Дополнительный класс для нижнего аддона
|
|
95
|
+
*/
|
|
96
|
+
bottomAddonsClassName?: string;
|
|
97
|
+
/**
|
|
98
|
+
* Выравнивание заголовка
|
|
99
|
+
*/
|
|
100
|
+
align?: "left" | "center";
|
|
101
|
+
/**
|
|
102
|
+
* Обрезать ли заголовок
|
|
103
|
+
*/
|
|
104
|
+
trim?: boolean;
|
|
105
|
+
/**
|
|
106
|
+
* Фиксирует шапку
|
|
107
|
+
*/
|
|
108
|
+
sticky?: boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
111
|
+
*/
|
|
112
|
+
dataTestId?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Фоновое изображение
|
|
115
|
+
*/
|
|
116
|
+
imageUrl?: string;
|
|
117
|
+
/**
|
|
118
|
+
* Иконка closer.
|
|
119
|
+
*/
|
|
120
|
+
closerIcon?: React.ElementType;
|
|
121
|
+
/**
|
|
122
|
+
* Обработчик закрытия
|
|
123
|
+
*/
|
|
124
|
+
onClose?: CloserProps["onClose"];
|
|
125
|
+
/**
|
|
126
|
+
* обработчик клика по кнопке "назад"
|
|
127
|
+
*/
|
|
128
|
+
onBack?: () => void;
|
|
129
|
+
/**
|
|
130
|
+
* Вид шапки - мобильный или десктоп
|
|
131
|
+
*/
|
|
132
|
+
view: "desktop" | "mobile";
|
|
133
|
+
/**
|
|
134
|
+
* Ссылка на родительскую ноду overflow: auto
|
|
135
|
+
*/
|
|
136
|
+
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
137
|
+
};
|
|
138
|
+
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
139
|
+
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
140
|
+
/**
|
|
141
|
+
* Текст после иконки
|
|
142
|
+
*/
|
|
143
|
+
text?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Дополнительный класс
|
|
146
|
+
*/
|
|
147
|
+
className?: string;
|
|
148
|
+
/**
|
|
149
|
+
* Вид компонента
|
|
150
|
+
*/
|
|
151
|
+
view: "mobile" | "desktop";
|
|
152
|
+
/**
|
|
153
|
+
* Прозрачность текста
|
|
154
|
+
*/
|
|
155
|
+
textOpacity?: number;
|
|
156
|
+
/**
|
|
157
|
+
* Обработчик клика
|
|
158
|
+
*/
|
|
159
|
+
onClick?: () => void;
|
|
160
|
+
}
|
|
161
|
+
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
162
|
+
declare const colors: readonly [
|
|
163
|
+
"tertiary",
|
|
164
|
+
"disabled",
|
|
165
|
+
"accent",
|
|
166
|
+
"primary",
|
|
167
|
+
"attention",
|
|
168
|
+
"positive",
|
|
169
|
+
"secondary",
|
|
170
|
+
"tertiary-inverted",
|
|
171
|
+
"primary-inverted",
|
|
172
|
+
"secondary-inverted",
|
|
173
|
+
"link",
|
|
174
|
+
"negative",
|
|
175
|
+
"static-primary-light",
|
|
176
|
+
"static-secondary-light",
|
|
177
|
+
"static-tertiary-light",
|
|
178
|
+
"static-primary-dark",
|
|
179
|
+
"static-secondary-dark",
|
|
180
|
+
"static-tertiary-dark",
|
|
181
|
+
"static-accent"
|
|
182
|
+
];
|
|
183
|
+
type Color = (typeof colors)[number];
|
|
184
|
+
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
185
|
+
type TextBaseProps = {
|
|
186
|
+
/**
|
|
187
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
188
|
+
*/
|
|
189
|
+
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
190
|
+
/**
|
|
191
|
+
* Цвет текста
|
|
192
|
+
*/
|
|
193
|
+
color?: Color;
|
|
194
|
+
/**
|
|
195
|
+
* Толщина шрифта
|
|
196
|
+
*/
|
|
197
|
+
weight?: "regular" | "medium" | "bold";
|
|
198
|
+
/**
|
|
199
|
+
* Делает цифры моноширинными
|
|
200
|
+
*/
|
|
201
|
+
monospaceNumbers?: boolean;
|
|
202
|
+
/**
|
|
203
|
+
* HTML тег
|
|
204
|
+
*/
|
|
205
|
+
tag?: "span" | "div";
|
|
206
|
+
/**
|
|
207
|
+
* Css-класс для стилизации (native prop)
|
|
208
|
+
*/
|
|
209
|
+
className?: string;
|
|
210
|
+
/**
|
|
211
|
+
* Id компонента для тестов
|
|
212
|
+
*/
|
|
213
|
+
dataTestId?: string;
|
|
214
|
+
/**
|
|
215
|
+
* Контент (native prop)
|
|
216
|
+
*/
|
|
217
|
+
children?: React.ReactNode;
|
|
218
|
+
/**
|
|
219
|
+
* Добавляет отступы к тэгу 'p'
|
|
220
|
+
*/
|
|
221
|
+
defaultMargins?: never;
|
|
222
|
+
/**
|
|
223
|
+
* Количество строк (не поддерживает IE)
|
|
224
|
+
*/
|
|
225
|
+
rowLimit?: 1 | 2 | 3;
|
|
226
|
+
/**
|
|
227
|
+
* Показать скелетон
|
|
228
|
+
*/
|
|
229
|
+
showSkeleton?: boolean;
|
|
230
|
+
/**
|
|
231
|
+
* Пропы для скелетона
|
|
232
|
+
*/
|
|
233
|
+
skeletonProps?: TextSkeletonProps;
|
|
234
|
+
};
|
|
235
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
236
|
+
tag?: "p";
|
|
237
|
+
defaultMargins?: boolean;
|
|
238
|
+
};
|
|
239
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
240
|
+
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
241
|
+
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
242
|
+
/**
|
|
243
|
+
* HTML тег
|
|
244
|
+
*/
|
|
245
|
+
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
246
|
+
/**
|
|
247
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
248
|
+
*/
|
|
249
|
+
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
250
|
+
/**
|
|
251
|
+
* Цвет текста
|
|
252
|
+
*/
|
|
253
|
+
color?: Color;
|
|
254
|
+
/**
|
|
255
|
+
* Толщина шрифта
|
|
256
|
+
*/
|
|
257
|
+
weight?: "regular" | "medium" | "bold";
|
|
258
|
+
/**
|
|
259
|
+
* Шрифт текста
|
|
260
|
+
*/
|
|
261
|
+
font?: "styrene" | "system";
|
|
262
|
+
/**
|
|
263
|
+
* Добавляет отступы
|
|
264
|
+
*/
|
|
265
|
+
defaultMargins?: boolean;
|
|
266
|
+
/**
|
|
267
|
+
* Css-класс для стилизации (native prop)
|
|
268
|
+
*/
|
|
269
|
+
className?: string;
|
|
270
|
+
/**
|
|
271
|
+
* Id компонента для тестов
|
|
272
|
+
*/
|
|
273
|
+
dataTestId?: string;
|
|
274
|
+
/**
|
|
275
|
+
* Контент (native prop)
|
|
276
|
+
*/
|
|
277
|
+
children?: React.ReactNode;
|
|
278
|
+
/**
|
|
279
|
+
* Количество строк (не поддерживает IE)
|
|
280
|
+
*/
|
|
281
|
+
rowLimit?: 1 | 2 | 3;
|
|
282
|
+
/**
|
|
283
|
+
* Показать скелетон
|
|
284
|
+
*/
|
|
285
|
+
showSkeleton?: boolean;
|
|
286
|
+
/**
|
|
287
|
+
* Пропы для скелетона
|
|
288
|
+
*/
|
|
289
|
+
skeletonProps?: TextSkeletonProps;
|
|
290
|
+
};
|
|
291
|
+
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
292
|
+
declare const Typography: {
|
|
293
|
+
Title: FC<TitleProps>;
|
|
294
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
295
|
+
TitleResponsive: FC<TitleProps>;
|
|
296
|
+
TitleMobile: FC<TitleMobileProps>;
|
|
297
|
+
};
|
|
298
|
+
declare const typographyPresets: {
|
|
299
|
+
mobile: {
|
|
300
|
+
list: {
|
|
301
|
+
text: {
|
|
302
|
+
primary: {
|
|
303
|
+
tag: string;
|
|
304
|
+
view: string;
|
|
305
|
+
};
|
|
306
|
+
secondary: {
|
|
307
|
+
tag: string;
|
|
308
|
+
color: string;
|
|
309
|
+
view: string;
|
|
310
|
+
};
|
|
311
|
+
};
|
|
312
|
+
};
|
|
313
|
+
};
|
|
314
|
+
};
|
|
315
|
+
declare const TitleResponsive: FC<TitleProps>;
|
|
316
|
+
export { NavigationBar, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive };
|
|
317
|
+
export type { TitleProps, TextProps, Color, NavigationBarProps };
|
|
318
|
+
export * from "./useSkeleton-1b036d4b";
|
|
319
|
+
export * from "./Component-8b2c2707";
|