@redneckz/wildless-cms-uni-blocks 0.6.23 → 0.6.24
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +125 -137
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/bundle/components/Header/DropdownMenu.d.ts +5 -7
- package/bundle/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/bundle/hooks/useIntersectionObserver.d.ts +3 -0
- package/bundle/hooks/useOutsideClick.d.ts +3 -5
- package/bundle/model/IconVersion.d.ts +4 -2
- package/bundle/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/bundle/utils/getIconWithVersion.d.ts +3 -0
- package/dist/components/AccordionItem/AccordionItem.mobile.js +2 -1
- package/dist/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlock.js +7 -20
- package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/dist/components/Calculator/Calculator.js +6 -1
- package/dist/components/Calculator/Calculator.js.map +1 -1
- package/dist/components/ComparisonTable/HeaderCell.js +2 -1
- package/dist/components/ComparisonTable/HeaderCell.js.map +1 -1
- package/dist/components/Footer/Footer.mobile.js +3 -2
- package/dist/components/Footer/Footer.mobile.js.map +1 -1
- package/dist/components/Footer/MediaButton.js +2 -1
- package/dist/components/Footer/MediaButton.js.map +1 -1
- package/dist/components/Gallery/GalleryCardInner.js +3 -2
- package/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/dist/components/Header/DropdownMenu.d.ts +5 -7
- package/dist/components/Header/DropdownMenu.js +8 -7
- package/dist/components/Header/DropdownMenu.js.map +1 -1
- package/dist/components/Header/HeaderSubMenu.js +8 -21
- package/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/dist/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/dist/components/Header/HeaderSubMenuItem.js +23 -0
- package/dist/components/Header/HeaderSubMenuItem.js.map +1 -0
- package/dist/components/LinkDocs/LinkDocsListItemBase.js +2 -1
- package/dist/components/LinkDocs/LinkDocsListItemBase.js.map +1 -1
- package/dist/components/MobileAppTile/MobileAppTile.mobile.js +1 -1
- package/dist/components/MobileAppTile/MobileAppTile.mobile.js.map +1 -1
- package/dist/components/OfficeServicesBlock/OfficeServicesBlock.js +2 -1
- package/dist/components/OfficeServicesBlock/OfficeServicesBlock.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/dist/components/ProductBlock/renderBenefit.js +1 -3
- package/dist/components/ProductBlock/renderBenefit.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +4 -3
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/dist/components/TariffsTable/EmbeddableCellData.mobile.js +1 -0
- package/dist/components/TariffsTable/EmbeddableCellData.mobile.js.map +1 -1
- package/dist/components/TariffsTable/TariffsTableRow.js +2 -1
- package/dist/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/dist/hooks/useIntersectionObserver.d.ts +3 -0
- package/dist/hooks/useIntersectionObserver.js +19 -0
- package/dist/hooks/useIntersectionObserver.js.map +1 -0
- package/dist/hooks/useOutsideClick.d.ts +3 -5
- package/dist/hooks/useOutsideClick.js +11 -9
- package/dist/hooks/useOutsideClick.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/model/IconVersion.d.ts +4 -2
- package/dist/model/IconVersion.js +10 -0
- package/dist/model/IconVersion.js.map +1 -1
- package/dist/ui-kit/BenefitItem/BenefitItem.js +3 -4
- package/dist/ui-kit/BenefitItem/BenefitItem.js.map +1 -1
- package/dist/ui-kit/BlockWrapper.js +18 -26
- package/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/dist/ui-kit/Button/ButtonSection.js +5 -5
- package/dist/ui-kit/Button/ButtonSection.js.map +1 -1
- package/dist/ui-kit/HeaderItem/HeaderItem.js +1 -1
- package/dist/ui-kit/HeaderItem/HeaderItem.js.map +1 -1
- package/dist/ui-kit/Icon/Icon.js +4 -3
- package/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/dist/ui-kit/Logo/Logo.js +1 -1
- package/dist/ui-kit/Logo/Logo.js.map +1 -1
- package/dist/ui-kit/Logo/Logo.mobile.js +5 -1
- package/dist/ui-kit/Logo/Logo.mobile.js.map +1 -1
- package/dist/ui-kit/Select/Select.js +2 -2
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/dist/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/dist/utils/getIconWithVersion.d.ts +3 -0
- package/dist/utils/getIconWithVersion.js +8 -0
- package/dist/utils/getIconWithVersion.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/AccordionItem/AccordionItem.mobile.js +2 -1
- package/lib/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js +7 -20
- package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/lib/components/Calculator/Calculator.js +6 -1
- package/lib/components/Calculator/Calculator.js.map +1 -1
- package/lib/components/ComparisonTable/HeaderCell.js +2 -1
- package/lib/components/ComparisonTable/HeaderCell.js.map +1 -1
- package/lib/components/Footer/Footer.mobile.js +3 -2
- package/lib/components/Footer/Footer.mobile.js.map +1 -1
- package/lib/components/Footer/MediaButton.js +2 -1
- package/lib/components/Footer/MediaButton.js.map +1 -1
- package/lib/components/Gallery/GalleryCardInner.js +3 -2
- package/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/lib/components/Header/DropdownMenu.d.ts +5 -7
- package/lib/components/Header/DropdownMenu.js +8 -7
- package/lib/components/Header/DropdownMenu.js.map +1 -1
- package/lib/components/Header/HeaderSubMenu.js +8 -21
- package/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/lib/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/lib/components/Header/HeaderSubMenuItem.js +21 -0
- package/lib/components/Header/HeaderSubMenuItem.js.map +1 -0
- package/lib/components/LinkDocs/LinkDocsListItemBase.js +2 -1
- package/lib/components/LinkDocs/LinkDocsListItemBase.js.map +1 -1
- package/lib/components/MobileAppTile/MobileAppTile.mobile.js +1 -1
- package/lib/components/MobileAppTile/MobileAppTile.mobile.js.map +1 -1
- package/lib/components/OfficeServicesBlock/OfficeServicesBlock.js +2 -1
- package/lib/components/OfficeServicesBlock/OfficeServicesBlock.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/lib/components/ProductBlock/renderBenefit.js +1 -3
- package/lib/components/ProductBlock/renderBenefit.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.js +4 -3
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js +2 -1
- package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
- package/lib/components/TariffsTable/EmbeddableCellData.mobile.js +1 -0
- package/lib/components/TariffsTable/EmbeddableCellData.mobile.js.map +1 -1
- package/lib/components/TariffsTable/TariffsTableRow.js +2 -1
- package/lib/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/lib/hooks/useIntersectionObserver.d.ts +3 -0
- package/lib/hooks/useIntersectionObserver.js +16 -0
- package/lib/hooks/useIntersectionObserver.js.map +1 -0
- package/lib/hooks/useOutsideClick.d.ts +3 -5
- package/lib/hooks/useOutsideClick.js +12 -10
- package/lib/hooks/useOutsideClick.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/model/IconVersion.d.ts +4 -2
- package/lib/model/IconVersion.js +10 -0
- package/lib/model/IconVersion.js.map +1 -1
- package/lib/ui-kit/BenefitItem/BenefitItem.js +3 -4
- package/lib/ui-kit/BenefitItem/BenefitItem.js.map +1 -1
- package/lib/ui-kit/BlockWrapper.js +18 -26
- package/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/lib/ui-kit/Button/ButtonSection.js +5 -5
- package/lib/ui-kit/Button/ButtonSection.js.map +1 -1
- package/lib/ui-kit/HeaderItem/HeaderItem.js +1 -1
- package/lib/ui-kit/HeaderItem/HeaderItem.js.map +1 -1
- package/lib/ui-kit/Icon/Icon.js +4 -3
- package/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/lib/ui-kit/Logo/Logo.js +1 -1
- package/lib/ui-kit/Logo/Logo.js.map +1 -1
- package/lib/ui-kit/Logo/Logo.mobile.js +5 -1
- package/lib/ui-kit/Logo/Logo.mobile.js.map +1 -1
- package/lib/ui-kit/Select/Select.js +3 -3
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/lib/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/lib/utils/getIconWithVersion.d.ts +3 -0
- package/lib/utils/getIconWithVersion.js +5 -0
- package/lib/utils/getIconWithVersion.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +64 -71
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/mobile/bundle/components/Header/DropdownMenu.d.ts +5 -7
- package/mobile/bundle/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/mobile/bundle/hooks/useIntersectionObserver.d.ts +3 -0
- package/mobile/bundle/hooks/useOutsideClick.d.ts +3 -5
- package/mobile/bundle/model/IconVersion.d.ts +4 -2
- package/mobile/bundle/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/mobile/bundle/utils/getIconWithVersion.d.ts +3 -0
- package/mobile/dist/components/AccordionItem/AccordionItem.js +2 -1
- package/mobile/dist/components/AccordionItem/AccordionItem.js.map +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +7 -20
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/mobile/dist/components/Calculator/Calculator.js +6 -1
- package/mobile/dist/components/Calculator/Calculator.js.map +1 -1
- package/mobile/dist/components/Footer/Footer.js +3 -2
- package/mobile/dist/components/Footer/Footer.js.map +1 -1
- package/mobile/dist/components/Footer/MediaButton.js +2 -1
- package/mobile/dist/components/Footer/MediaButton.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryCardInner.js +3 -2
- package/mobile/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/dist/components/Header/DropdownMenu.d.ts +5 -7
- package/mobile/dist/components/Header/DropdownMenu.js +8 -7
- package/mobile/dist/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSubMenu.js +8 -21
- package/mobile/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/mobile/dist/components/Header/HeaderSubMenuItem.js +23 -0
- package/mobile/dist/components/Header/HeaderSubMenuItem.js.map +1 -0
- package/mobile/dist/components/LinkDocs/LinkDocsListItemBase.js +2 -1
- package/mobile/dist/components/LinkDocs/LinkDocsListItemBase.js.map +1 -1
- package/mobile/dist/components/MobileAppTile/MobileAppTile.js +1 -1
- package/mobile/dist/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/mobile/dist/components/OfficeServicesBlock/OfficeServicesBlock.js +2 -1
- package/mobile/dist/components/OfficeServicesBlock/OfficeServicesBlock.js.map +1 -1
- package/mobile/dist/components/ProductBlock/renderBenefit.js +1 -3
- package/mobile/dist/components/ProductBlock/renderBenefit.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/dist/components/TariffsTable/EmbeddableCellData.js +1 -0
- package/mobile/dist/components/TariffsTable/EmbeddableCellData.js.map +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTableRow.js +2 -1
- package/mobile/dist/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/mobile/dist/hooks/useIntersectionObserver.d.ts +3 -0
- package/mobile/dist/hooks/useIntersectionObserver.js +19 -0
- package/mobile/dist/hooks/useIntersectionObserver.js.map +1 -0
- package/mobile/dist/hooks/useOutsideClick.d.ts +3 -5
- package/mobile/dist/hooks/useOutsideClick.js +11 -9
- package/mobile/dist/hooks/useOutsideClick.js.map +1 -1
- package/mobile/dist/index.js +1 -1
- package/mobile/dist/index.js.map +1 -1
- package/mobile/dist/model/IconVersion.d.ts +4 -2
- package/mobile/dist/model/IconVersion.js +10 -0
- package/mobile/dist/model/IconVersion.js.map +1 -1
- package/mobile/dist/ui-kit/BenefitItem/BenefitItem.js +3 -4
- package/mobile/dist/ui-kit/BenefitItem/BenefitItem.js.map +1 -1
- package/mobile/dist/ui-kit/BlockWrapper.js +18 -26
- package/mobile/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/dist/ui-kit/Button/ButtonSection.js +5 -5
- package/mobile/dist/ui-kit/Button/ButtonSection.js.map +1 -1
- package/mobile/dist/ui-kit/Icon/Icon.js +4 -3
- package/mobile/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/dist/ui-kit/Logo/Logo.js +5 -1
- package/mobile/dist/ui-kit/Logo/Logo.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Select.js +2 -2
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/dist/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/mobile/dist/utils/getIconWithVersion.d.ts +3 -0
- package/mobile/dist/utils/getIconWithVersion.js +8 -0
- package/mobile/dist/utils/getIconWithVersion.js.map +1 -0
- package/mobile/lib/components/AccordionItem/AccordionItem.js +2 -1
- package/mobile/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +7 -20
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +1 -1
- package/mobile/lib/components/Calculator/Calculator.js +6 -1
- package/mobile/lib/components/Calculator/Calculator.js.map +1 -1
- package/mobile/lib/components/Footer/Footer.js +3 -2
- package/mobile/lib/components/Footer/Footer.js.map +1 -1
- package/mobile/lib/components/Footer/MediaButton.js +2 -1
- package/mobile/lib/components/Footer/MediaButton.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js +3 -2
- package/mobile/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/lib/components/Header/DropdownMenu.d.ts +5 -7
- package/mobile/lib/components/Header/DropdownMenu.js +8 -7
- package/mobile/lib/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSubMenu.js +8 -21
- package/mobile/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSubMenuItem.d.ts +12 -0
- package/mobile/lib/components/Header/HeaderSubMenuItem.js +21 -0
- package/mobile/lib/components/Header/HeaderSubMenuItem.js.map +1 -0
- package/mobile/lib/components/LinkDocs/LinkDocsListItemBase.js +2 -1
- package/mobile/lib/components/LinkDocs/LinkDocsListItemBase.js.map +1 -1
- package/mobile/lib/components/MobileAppTile/MobileAppTile.js +1 -1
- package/mobile/lib/components/MobileAppTile/MobileAppTile.js.map +1 -1
- package/mobile/lib/components/OfficeServicesBlock/OfficeServicesBlock.js +2 -1
- package/mobile/lib/components/OfficeServicesBlock/OfficeServicesBlock.js.map +1 -1
- package/mobile/lib/components/ProductBlock/renderBenefit.js +1 -3
- package/mobile/lib/components/ProductBlock/renderBenefit.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js +2 -1
- package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/mobile/lib/components/TariffsTable/EmbeddableCellData.js +1 -0
- package/mobile/lib/components/TariffsTable/EmbeddableCellData.js.map +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTableRow.js +2 -1
- package/mobile/lib/components/TariffsTable/TariffsTableRow.js.map +1 -1
- package/mobile/lib/hooks/useIntersectionObserver.d.ts +3 -0
- package/mobile/lib/hooks/useIntersectionObserver.js +16 -0
- package/mobile/lib/hooks/useIntersectionObserver.js.map +1 -0
- package/mobile/lib/hooks/useOutsideClick.d.ts +3 -5
- package/mobile/lib/hooks/useOutsideClick.js +12 -10
- package/mobile/lib/hooks/useOutsideClick.js.map +1 -1
- package/mobile/lib/index.js +1 -1
- package/mobile/lib/index.js.map +1 -1
- package/mobile/lib/model/IconVersion.d.ts +4 -2
- package/mobile/lib/model/IconVersion.js +10 -0
- package/mobile/lib/model/IconVersion.js.map +1 -1
- package/mobile/lib/ui-kit/BenefitItem/BenefitItem.js +3 -4
- package/mobile/lib/ui-kit/BenefitItem/BenefitItem.js.map +1 -1
- package/mobile/lib/ui-kit/BlockWrapper.js +18 -26
- package/mobile/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/lib/ui-kit/Button/ButtonSection.js +5 -5
- package/mobile/lib/ui-kit/Button/ButtonSection.js.map +1 -1
- package/mobile/lib/ui-kit/Icon/Icon.js +4 -3
- package/mobile/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/lib/ui-kit/Logo/Logo.js +5 -1
- package/mobile/lib/ui-kit/Logo/Logo.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Select.js +3 -3
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/ui-kit/TopItem/TopItem.d.ts +1 -1
- package/mobile/lib/utils/getIconWithVersion.d.ts +3 -0
- package/mobile/lib/utils/getIconWithVersion.js +5 -0
- package/mobile/lib/utils/getIconWithVersion.js.map +1 -0
- package/mobile/src/components/AccordionItem/AccordionItem.tsx +15 -2
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +44 -66
- package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts +1 -1
- package/mobile/src/components/Calculator/Calculator.tsx +6 -1
- package/mobile/src/components/Footer/Footer.tsx +15 -5
- package/mobile/src/components/Footer/MediaButton.tsx +8 -1
- package/mobile/src/components/Gallery/Gallery.tsx +1 -1
- package/mobile/src/components/Gallery/GalleryCardInner.tsx +8 -3
- package/mobile/src/components/Header/DropdownMenu.tsx +46 -63
- package/mobile/src/components/Header/HeaderSubMenu.tsx +21 -40
- package/mobile/src/components/Header/HeaderSubMenuItem.tsx +61 -0
- package/mobile/src/components/LinkDocs/LinkDocsListItemBase.tsx +8 -1
- package/mobile/src/components/MobileAppTile/MobileAppTile.tsx +1 -1
- package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx +2 -1
- package/mobile/src/components/ProductBlock/renderBenefit.tsx +2 -3
- package/mobile/src/components/StepsBlock/StepsBlock.tsx +2 -1
- package/mobile/src/components/TariffsTable/EmbeddableCellData.tsx +1 -1
- package/mobile/src/components/TariffsTable/TariffsTableRow.tsx +2 -1
- package/mobile/src/hooks/useIntersectionObserver.ts +23 -0
- package/mobile/src/hooks/useOutsideClick.ts +13 -13
- package/mobile/src/index.ts +1 -1
- package/mobile/src/model/IconVersion.ts +5 -2
- package/mobile/src/ui-kit/BenefitItem/BenefitItem.tsx +3 -8
- package/mobile/src/ui-kit/BlockWrapper.tsx +27 -42
- package/mobile/src/ui-kit/Button/ButtonSection.tsx +5 -12
- package/mobile/src/ui-kit/Icon/Icon.tsx +4 -3
- package/mobile/src/ui-kit/Logo/Logo.tsx +10 -2
- package/mobile/src/ui-kit/Select/Select.tsx +3 -4
- package/mobile/src/ui-kit/TopItem/TopItem.tsx +1 -1
- package/mobile/src/utils/getIconWithVersion.ts +7 -0
- package/package.json +1 -1
- package/src/components/AccordionItem/AccordionItem.mobile.tsx +15 -2
- package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx +6 -6
- package/src/components/BenefitsBlock/BenefitsBlock.tsx +44 -66
- package/src/components/BenefitsBlock/BenefitsBlockContent.ts +1 -1
- package/src/components/Calculator/Calculator.tsx +6 -1
- package/src/components/ComparisonTable/HeaderCell.tsx +3 -1
- package/src/components/Footer/Footer.mobile.tsx +15 -5
- package/src/components/Footer/MediaButton.tsx +8 -1
- package/src/components/Gallery/Gallery.fixture.tsx +1 -0
- package/src/components/Gallery/Gallery.mobile.tsx +1 -1
- package/src/components/Gallery/GalleryCardInner.tsx +8 -3
- package/src/components/Header/DropdownMenu.tsx +46 -63
- package/src/components/Header/HeaderSubMenu.tsx +21 -40
- package/src/components/Header/HeaderSubMenuItem.tsx +61 -0
- package/src/components/LinkDocs/LinkDocsListItemBase.tsx +8 -1
- package/src/components/MobileAppTile/MobileAppTile.mobile.tsx +1 -1
- package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx +2 -1
- package/src/components/ProductBlock/ProductBlock.fixture.tsx +3 -1
- package/src/components/ProductBlock/ProductBlockInner.tsx +1 -1
- package/src/components/ProductBlock/renderBenefit.tsx +2 -3
- package/src/components/StepsBlock/StepsBlock.fixture.mobile.tsx +4 -4
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +4 -3
- package/src/components/StepsBlock/StepsBlock.mobile.tsx +2 -1
- package/src/components/StepsBlock/StepsBlock.tsx +5 -3
- package/src/components/TariffsTable/EmbeddableCellData.mobile.tsx +1 -1
- package/src/components/TariffsTable/TariffsTableRow.tsx +2 -1
- package/src/hooks/useIntersectionObserver.ts +23 -0
- package/src/hooks/useOutsideClick.ts +13 -13
- package/src/index.ts +1 -1
- package/src/model/IconVersion.ts +5 -2
- package/src/ui-kit/BenefitItem/BenefitItem.tsx +3 -8
- package/src/ui-kit/BlockWrapper.tsx +27 -42
- package/src/ui-kit/Button/ButtonSection.tsx +5 -12
- package/src/ui-kit/HeaderItem/HeaderItem.tsx +3 -3
- package/src/ui-kit/Icon/Icon.tsx +4 -3
- package/src/ui-kit/Logo/Logo.mobile.tsx +10 -2
- package/src/ui-kit/Logo/Logo.tsx +1 -1
- package/src/ui-kit/Select/Select.tsx +3 -4
- package/src/ui-kit/TopItem/TopItem.tsx +1 -1
- package/src/utils/getIconWithVersion.ts +7 -0
- package/bundle/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/dist/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/dist/ui-kit/IntersectionObserverTag.js +0 -22
- package/dist/ui-kit/IntersectionObserverTag.js.map +0 -1
- package/lib/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/lib/ui-kit/IntersectionObserverTag.js +0 -20
- package/lib/ui-kit/IntersectionObserverTag.js.map +0 -1
- package/mobile/bundle/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/mobile/dist/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/mobile/dist/ui-kit/IntersectionObserverTag.js +0 -22
- package/mobile/dist/ui-kit/IntersectionObserverTag.js.map +0 -1
- package/mobile/lib/ui-kit/IntersectionObserverTag.d.ts +0 -12
- package/mobile/lib/ui-kit/IntersectionObserverTag.js +0 -20
- package/mobile/lib/ui-kit/IntersectionObserverTag.js.map +0 -1
- package/mobile/src/ui-kit/IntersectionObserverTag.tsx +0 -47
- package/src/ui-kit/IntersectionObserverTag.tsx +0 -47
|
@@ -1,35 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { useLink } from '../../hooks/useLink.js';
|
|
5
4
|
import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem.js';
|
|
6
|
-
import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
|
|
7
|
-
import { IntersectionObserverTag } from '../../ui-kit/IntersectionObserverTag.js';
|
|
8
5
|
import { DropdownMenu } from './DropdownMenu.js';
|
|
6
|
+
import { HeaderSubMenuItem } from './HeaderSubMenuItem.js';
|
|
9
7
|
export const HeaderSubMenu = JSX(({ context, subItems = [], bgColor }) => {
|
|
10
|
-
const { handlerDecorator } = context;
|
|
11
8
|
const router = context.useRouter();
|
|
12
|
-
const
|
|
13
|
-
const [menuVisible, setMenuVisible] = useState(false);
|
|
9
|
+
const activeSubItem = findActiveSubItem(router)(subItems);
|
|
14
10
|
const [visibleItemsCount, setVisibleItemsCount] = useState(subItems.length);
|
|
15
11
|
const dropDownMenuItems = subItems.slice(visibleItemsCount);
|
|
12
|
+
const subItemsListRef = useRef(null);
|
|
16
13
|
const observerOptions = useMemo(() => ({ threshold: 1, root: subItemsListRef.current }), [subItemsListRef.current]);
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
// Assumption about sorting entries by time
|
|
22
|
-
const entry = entries[entries.length - 1];
|
|
23
|
-
if (entry.isIntersecting) {
|
|
24
|
-
setVisibleItemsCount(handleIntersectionActivation(index));
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
setVisibleItemsCount(handleIntersectionDeactivation(index));
|
|
28
|
-
}
|
|
14
|
+
const subItemsVisibilityHandlers = useMemo(() => subItems.map((_, index) => (isIntersecting) => {
|
|
15
|
+
setVisibleItemsCount(isIntersecting
|
|
16
|
+
? handleIntersectionActivation(index)
|
|
17
|
+
: handleIntersectionDeactivation(index));
|
|
29
18
|
}), [subItems]);
|
|
30
|
-
|
|
31
|
-
const toggleMenu = () => setMenuVisible(!menuVisible);
|
|
32
|
-
return (_jsxs("nav", { className: "relative mt-6", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap mr-52 pb-3", children: subItems.map((_, i) => (_jsx(IntersectionObserverTag, { tag: "span", observerCallback: observerCallbacks[i], observerOptions: observerOptions, children: _jsx(HeaderItem, { className: `mr-8 ${visibleItemsCount - 1 < i ? 'invisible' : ''}`, active: _ === activeSubItem, ...useLink({ router, handlerDecorator }, _), bgColor: bgColor }) }, String(i)))) }), dropDownMenuItems.length ? (_jsx(DropdownMenu, { context: context, activeSubItem: activeSubItem, menuVisible: menuVisible, toggleMenu: toggleMenu, menuItems: dropDownMenuItems, bgColor: bgColor })) : null] }));
|
|
19
|
+
return (_jsxs("nav", { className: "relative mt-6", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap mr-52 pb-3", children: subItems.map((_, i) => (_jsx(HeaderSubMenuItem, { context: context, className: `mr-8 ${visibleItemsCount - 1 < i ? 'invisible' : ''}`, active: _ === activeSubItem, bgColor: bgColor, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(DropdownMenu, { context: context, className: "absolute w-52 -top-4 right-0 pt-4 z-40", items: dropDownMenuItems, activeItem: activeSubItem, bgColor: bgColor })) : null] }));
|
|
33
20
|
});
|
|
34
21
|
const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
|
|
35
22
|
const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAQxD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,CAAC,OAAO,EAAE,CAAC,EACvD,CAAC,eAAe,CAAC,OAAO,CAAC,CAC1B,CAAC;IACF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,cAAuB,EAAE,EAAE;QACrD,oBAAoB,CAClB,cAAc;YACZ,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,8CAA8C,YAChF,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,iBAAiB,IAEhB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,QAAQ,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAC7C,CAAC,IAPA,MAAM,CAAC,CAAC,CAAC,CAQd,CACH,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,aAAa,EACzB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpG,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { BgColorVersion } from '../../model/BgColorVersion';
|
|
2
|
+
import type { LinkProps } from '../../model/LinkProps';
|
|
3
|
+
import type { ContentPageContext } from '../ContentPage/ContentPageContext';
|
|
4
|
+
export interface HeaderSubMenuItemProps extends LinkProps {
|
|
5
|
+
context: ContentPageContext;
|
|
6
|
+
className?: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
bgColor?: BgColorVersion;
|
|
9
|
+
observerOptions?: IntersectionObserverInit;
|
|
10
|
+
onVisibilityChange?: (isIntersecting: boolean) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const HeaderSubMenuItem: import("@redneckz/uni-jsx").UNIComponent<HeaderSubMenuItemProps, any, any>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
import { useIntersectionObserver } from '../../hooks/useIntersectionObserver.js';
|
|
5
|
+
import { useLink } from '../../hooks/useLink.js';
|
|
6
|
+
import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
|
|
7
|
+
export const HeaderSubMenuItem = JSX(({ context, className, active, bgColor, observerOptions, onVisibilityChange, children, ...linkProps }) => {
|
|
8
|
+
const { handlerDecorator } = context;
|
|
9
|
+
const router = context.useRouter();
|
|
10
|
+
const observerCallback = useCallback((entries) => {
|
|
11
|
+
if (!entries.length || !onVisibilityChange) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
// Assumption about entries order (by time)
|
|
15
|
+
const entry = entries[entries.length - 1];
|
|
16
|
+
onVisibilityChange(entry.isIntersecting);
|
|
17
|
+
}, [onVisibilityChange]);
|
|
18
|
+
const ref = useIntersectionObserver(observerCallback, observerOptions);
|
|
19
|
+
return (_jsx("span", { ref: ref, children: _jsx(HeaderItem, { className: className, active: active, bgColor: bgColor, ...useLink({ router, handlerDecorator }, linkProps), children: children }) }));
|
|
20
|
+
});
|
|
21
|
+
//# sourceMappingURL=HeaderSubMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAYhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE;YAC1C,OAAO;SACR;QAED,2CAA2C;QAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAkB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAExF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,YACZ,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KACZ,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,SAAS,CAAC,YAEnD,QAAQ,GACE,GACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
4
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
4
5
|
export const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
|
|
5
6
|
const { text, fileSize, ...linkProps } = doc;
|
|
6
|
-
return (_jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (_jsx(Img, { className: iconClassName, image: icon, width: "24px", height: "24px", asSVG: true })) : null, text ? (_jsxs("span", { className: textClassName, children: [text, _jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
|
|
7
|
+
return (_jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (_jsx(Img, { className: iconClassName, image: getIconWithVersion(icon), width: "24px", height: "24px", asSVG: true })) : null, text ? (_jsxs("span", { className: textClassName, children: [text, _jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
|
|
7
8
|
});
|
|
8
9
|
const formatSuffix = (ext, fileSize) => {
|
|
9
10
|
const prefix = ext || fileSize ? ',' : '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDocsListItemBase.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsListItemBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkDocsListItemBase.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsListItemBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAcpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IAE7C,OAAO,CACL,aAAG,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,KAAK,SAAS,aAC/C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,gBAAM,SAAS,EAAE,aAAa,aAC3B,IAAI,EACL,eAAM,SAAS,EAAE,eAAe,YAC7B,SAAS,EAAE,IAAI,IAAI,YAAY,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,GACrE,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,QAAiB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,OAAO,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEpC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC,CAAC"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Logo } from '../../ui-kit/Logo/Logo.js';
|
|
4
4
|
export const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
|
|
5
|
-
return (_jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: _jsx(Logo, { className: "w-
|
|
5
|
+
return (_jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light font-sans ${className}`, children: href ? (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: _jsx(Logo, { className: "w-8", bgColor: "transparent", showTitle: true }) }), _jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [_jsx("div", { className: "text-s font-medium mb-[3px]", children: title }), _jsx("div", { className: "text-s text-secondary-text", children: description })] })] })) : null }));
|
|
6
6
|
});
|
|
7
7
|
//# sourceMappingURL=MobileAppTile.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileAppTile.mobile.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/MobileAppTile.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,sBAAsB,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,cACE,SAAS,EAAE,oFAAoF,SAAS,EAAE,YAEzG,IAAI,CAAC,CAAC,CAAC,CACN,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,+EAA+E,YAC5F,KAAC,IAAI,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"MobileAppTile.mobile.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/MobileAppTile.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,sBAAsB,EAAE,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,cACE,SAAS,EAAE,oFAAoF,SAAS,EAAE,YAEzG,IAAI,CAAC,CAAC,CAAC,CACN,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,+EAA+E,YAC5F,KAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,SAAS,SAAG,GACpD,EACN,aAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,mCAAmC,aAC1E,cAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAO,EAC1D,cAAK,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAO,IAC7D,IACA,CACP,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,8 +3,9 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
4
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
5
5
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
6
7
|
export const OfficeServicesBlock = JSX(({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
|
|
7
8
|
return (_jsxs(BlockWrapper, { context: context, id: anchor, className: `font-sans bg-white p-8 flex flex-col ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h5", className: "mb-5", title: title }) : null, servicesList?.length ? (_jsx("ul", { className: "list-none m-0 p-0", children: servicesList.map(renderListItems) })) : null] }));
|
|
8
9
|
});
|
|
9
|
-
const renderListItems = (itemList, i) => (_jsxs("li", { className: "flex mb-5 last:mb-0 list-none", children: [itemList.icon ? (_jsx(Img, { className: "mr-3 min-w-6 min-h-6 w-6 h-6", width: "24", height: "24", asSVG: true, image: itemList.icon })) : null, itemList.label ? _jsx("span", { className: "text-l-light", children: itemList.label }) : null] }, `list_item_${String(i)}`));
|
|
10
|
+
const renderListItems = (itemList, i) => (_jsxs("li", { className: "flex mb-5 last:mb-0 list-none", children: [itemList.icon ? (_jsx(Img, { className: "mr-3 min-w-6 min-h-6 w-6 h-6", width: "24", height: "24", asSVG: true, image: getIconWithVersion(itemList.icon) })) : null, itemList.label ? _jsx("span", { className: "text-l-light", children: itemList.label }) : null] }, `list_item_${String(i)}`));
|
|
10
11
|
//# sourceMappingURL=OfficeServicesBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfficeServicesBlock.js","sourceRoot":"","sources":["../../../src/components/OfficeServicesBlock/OfficeServicesBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"OfficeServicesBlock.js","sourceRoot":"","sources":["../../../src/components/OfficeServicesBlock/OfficeServicesBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAK3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,MAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,wCAAwC,SAAS,EAAE,KAC1D,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1E,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CACtB,aAAI,SAAS,EAAC,mBAAmB,YAAE,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC,GAAM,CAC3E,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,QAAiC,EAAE,CAAS,EAAE,EAAE,CAAC,CACxE,cAAmC,SAAS,EAAC,+BAA+B,aACzE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IACF,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,QACL,KAAK,EAAE,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,GACxC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,cAAc,YAAE,QAAQ,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,KAVxE,aAAa,MAAM,CAAC,CAAC,CAAC,EAAE,CAW5B,CACN,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { List } from '../../ui-kit/List/List.js';
|
|
|
6
6
|
import { BaseTile } from '../BaseTile/BaseTile.js';
|
|
7
7
|
import { Headline } from '../Headline/Headline.js';
|
|
8
8
|
import { renderBenefit } from './renderBenefit.js';
|
|
9
|
-
export const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion
|
|
9
|
+
export const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion, buttons, image, items, version = 'primary', isDotted = true, textBlockClassName = '', }) => {
|
|
10
10
|
const benefitsCount = benefits?.filter((_) => _.label)?.length;
|
|
11
11
|
const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCount);
|
|
12
12
|
return (_jsxs("div", { className: `flex grow justify-between items-stretch h-full ${className}`, children: [_jsxs("div", { className: `flex flex-col ${textBlockClassName}`, children: [_jsx(Headline, { context: context, title: title, description: description, className: `!p-0 max-w-[600px]`, bgColorHeadline: version, headlineVersion: headlineVersion, align: "left" }), _jsxs(BaseTile, { context: context, buttons: getButtons(context, buttons), children: [benefitsCount ? (_jsx("div", { className: benefitsContainerStyles, children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-5 text-h6", items: items, itemClassName: "mb-[7px]", version: version, isDotted: isDotted })) : null] })] }), image?.src && _jsx(Img, { className: "mt-[-50px]", image: image })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,QAAQ,EACR,eAAe,
|
|
1
|
+
{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,GACxB,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/D,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE1E,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC3E,eAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,aACnD,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,MAAM,GACZ,EACF,MAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,aAC9D,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,uBAAuB,YACpC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,GAAI,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAA2B,EAAE,OAA+B,EAAE,EAAE;IAClF,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,aAAa,GAAG,CAAC,EAAE,EAAE,CACvD,cAAc,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { BenefitItem } from '../../ui-kit/BenefitItem/BenefitItem.js';
|
|
3
|
-
export const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => {
|
|
4
|
-
return (_jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
|
|
5
|
-
};
|
|
3
|
+
export const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => (_jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
|
|
6
4
|
//# sourceMappingURL=renderBenefit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GACxB,CAAC,UAAwB,SAAS,EAAE,kBAA+B,QAAQ,EAAE,EAAE,CAC/E,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAoB,EAAE,CAAS,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GACxB,CAAC,UAAwB,SAAS,EAAE,kBAA+B,QAAQ,EAAE,EAAE,CAC/E,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAoB,EAAE,CAAS,EAAE,EAAE,CAC5D,CACE,KAAC,WAAW,IAEV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,IAL3B,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC"}
|
|
@@ -8,6 +8,7 @@ import { Img } from '../../ui-kit/Img/Img.js';
|
|
|
8
8
|
import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
|
|
9
9
|
import { joinList } from '../../utils/joinList.js';
|
|
10
10
|
import { renderStepContent } from './renderStepContent.js';
|
|
11
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
11
12
|
import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps.js';
|
|
12
13
|
const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
|
|
13
14
|
const getPaddingX = (steps) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
|
|
@@ -27,7 +28,7 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
|
|
|
27
28
|
styleMap.background,
|
|
28
29
|
styleMap.title,
|
|
29
30
|
className,
|
|
30
|
-
].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap))) }), _jsx("div", { className: `flex justify-between mt-4 ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepContent({
|
|
31
|
+
].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap, version))) }), _jsx("div", { className: `flex justify-between mt-4 ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepContent({
|
|
31
32
|
styleMap,
|
|
32
33
|
isMainButton: Boolean(button?.text),
|
|
33
34
|
version,
|
|
@@ -35,8 +36,8 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
|
|
|
35
36
|
handlerDecorator,
|
|
36
37
|
})) })] })) : null, button?.text ? (_jsx(Button, { className: "mt-8 min-w-[240px]", version: "primary", ...useLink({ router, handlerDecorator }, button) })) : null] }));
|
|
37
38
|
});
|
|
38
|
-
const renderStepIcon = (styleMap) => ({ icon }, i) => {
|
|
39
|
+
const renderStepIcon = (styleMap, version) => ({ icon }, i) => {
|
|
39
40
|
return (_jsx("div", { className: "flex flex-col items-center text-center", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center
|
|
40
|
-
${styleMap.iconBackground} ${styleMap.title}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: icon, width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
|
|
41
|
+
${styleMap.iconBackground} ${styleMap.title}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: getIconWithVersion(icon || {}, version), width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
|
|
41
42
|
};
|
|
42
43
|
//# sourceMappingURL=StepsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
5
5
|
import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
|
|
6
6
|
import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps.js';
|
|
7
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
7
8
|
const STEPS_SIZE_MAP = {
|
|
8
9
|
normal: 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]',
|
|
9
10
|
small: 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]',
|
|
@@ -32,6 +33,6 @@ const renderIconArea = (size, version) => (step, i) => {
|
|
|
32
33
|
const iconAreaSize = STEPS_SIZE_MAP[size];
|
|
33
34
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
34
35
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
35
|
-
return (_jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (_jsx(Img, { image: { ...step.icon,
|
|
36
|
+
return (_jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (_jsx(Img, { image: getIconWithVersion({ ...step.icon }, version), width: iconSize, height: iconSize, asSVG: true })) : (_jsx("span", { children: i + 1 })) }) }));
|
|
36
37
|
};
|
|
37
38
|
//# sourceMappingURL=StepsBlock.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { List } from '../../ui-kit/List/List.js';
|
|
|
5
5
|
const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (_jsx("div", { children: buttons.map(({ rounded, icon, ...buttonProps }, idx) => renderButton({
|
|
6
6
|
button: { rounded, icon, ...buttonProps },
|
|
7
7
|
buttonClassName: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`,
|
|
8
|
+
index: idx,
|
|
8
9
|
})) })) : null;
|
|
9
10
|
const renderLabelDescriptionCellData = ({ label, description }) => {
|
|
10
11
|
const labelClassName = `text-xl font-medium m-0 ${description ? 'mb-1' : ''}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbeddableCellData.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/EmbeddableCellData.mobile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAU9C,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAiB,EAAE,EAAE,CAC3D,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CACtD,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE;QACzC,eAAe,EAAE,QAAQ,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"EmbeddableCellData.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/EmbeddableCellData.mobile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAU9C,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAiB,EAAE,EAAE,CAC3D,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CACtD,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE;QACzC,eAAe,EAAE,QAAQ,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QACxF,KAAK,EAAE,GAAG;KACX,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,MAAM,8BAA8B,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAwB,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,2BAA2B,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE9E,OAAO,CACL,0BACG,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,cAAc,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC5D,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IACjF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAgB,EAAE,EAAE,CACpD,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAErE,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE,CAAC,CAC/D,KAAC,IAAI,IACH,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,IAAI,KACtB,IAAI,GACR,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,qBAAqB;IAC9B,GAAG,EAAE,iBAAiB;IACtB,IAAI,EAAE,kBAAkB;IACxB,gBAAgB,EAAE,8BAA8B;CACjD,CAAC"}
|
|
@@ -6,10 +6,11 @@ import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContaine
|
|
|
6
6
|
import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
|
|
7
7
|
import { TariffsTableCell } from './TariffsTableCell.js';
|
|
8
8
|
import { TariffsTableRowContainer } from './TariffsTableRowContainer.js';
|
|
9
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
9
10
|
export const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex, context, rowIdx }) => {
|
|
10
11
|
const [tableInner, setTableInner] = useState(undefined);
|
|
11
12
|
const [openTableInnerIdx, setOpenTableInnerIdx] = useState(undefined);
|
|
12
13
|
const onHideContentClick = () => setTableInner(undefined);
|
|
13
|
-
return (_jsxs(TariffsTableRowContainer, { context: context, onHideContentClick: onHideContentClick, tableInner: tableInner, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: header.icon, width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, context: context, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx }, String(i)))) })) : null] }));
|
|
14
|
+
return (_jsxs(TariffsTableRowContainer, { context: context, onHideContentClick: onHideContentClick, tableInner: tableInner, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: getIconWithVersion(header.icon), width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, context: context, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx }, String(i)))) })) : null] }));
|
|
14
15
|
});
|
|
15
16
|
//# sourceMappingURL=TariffsTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAQpE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1F,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,aAEtB,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,IARrC,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
|
+
export function useIntersectionObserver(observerCallback, observerOptions) {
|
|
3
|
+
const ref = useRef(null);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
if (!ref.current) {
|
|
6
|
+
return undefined;
|
|
7
|
+
}
|
|
8
|
+
const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
|
|
9
|
+
intersectionObserver.observe(ref.current);
|
|
10
|
+
return () => {
|
|
11
|
+
intersectionObserver.disconnect();
|
|
12
|
+
};
|
|
13
|
+
}, [observerCallback, observerOptions]);
|
|
14
|
+
return ref;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=useIntersectionObserver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,UAAU,uBAAuB,CACrC,gBAA8C,EAC9C,eAA0C;IAE1C,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QACzF,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
current:
|
|
3
|
-
}
|
|
4
|
-
export declare function useOutsideClick(wrapperRef: Ref, setIsOpen: (_: boolean) => void): void;
|
|
5
|
-
export {};
|
|
1
|
+
export declare function useOutsideClick<R extends Node>(onClick: () => void): {
|
|
2
|
+
current: R | null;
|
|
3
|
+
};
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
|
-
export function useOutsideClick(
|
|
1
|
+
import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
|
+
export function useOutsideClick(onClick) {
|
|
3
|
+
const targetRef = useRef(null);
|
|
3
4
|
useEffect(() => {
|
|
4
|
-
|
|
5
|
-
if (
|
|
6
|
-
|
|
7
|
-
event.target instanceof
|
|
8
|
-
!
|
|
9
|
-
|
|
5
|
+
const handleClickOutside = (event) => {
|
|
6
|
+
if (targetRef &&
|
|
7
|
+
targetRef.current &&
|
|
8
|
+
event.target instanceof Node &&
|
|
9
|
+
!targetRef.current.contains(event.target)) {
|
|
10
|
+
onClick();
|
|
10
11
|
}
|
|
11
|
-
}
|
|
12
|
+
};
|
|
12
13
|
document.addEventListener('click', handleClickOutside);
|
|
13
14
|
return () => {
|
|
14
15
|
document.removeEventListener('click', handleClickOutside);
|
|
15
16
|
};
|
|
16
|
-
}, []);
|
|
17
|
+
}, [onClick]);
|
|
18
|
+
return targetRef;
|
|
17
19
|
}
|
|
18
20
|
//# sourceMappingURL=useOutsideClick.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,UAAU,eAAe,CAAiB,OAAmB;IACjE,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAuB,EAAE,EAAE;YACrD,IACE,SAAS;gBACT,SAAS,CAAC,OAAO;gBACjB,KAAK,CAAC,MAAM,YAAY,IAAI;gBAC5B,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EACzC;gBACA,OAAO,EAAE,CAAC;aACX;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -7,5 +7,5 @@ export { ContentPage } from './components/ContentPage/ContentPage.js';
|
|
|
7
7
|
export { projectSettings } from './ProjectSettings.js';
|
|
8
8
|
export { joinList } from './utils/joinList.js';
|
|
9
9
|
export * as url from './utils/url.js';
|
|
10
|
-
export const packageVersion = process?.env?.UNI_BLOCKS_VERSION;
|
|
10
|
+
export const packageVersion = globalThis.process?.env?.UNI_BLOCKS_VERSION;
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,EAAE,GAAG,EAAE,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE,kBAAkB,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Цвет иконки
|
|
3
|
+
* @default normal
|
|
3
4
|
* @enumNames [
|
|
4
|
-
* "
|
|
5
|
+
* "по умолчанию",
|
|
6
|
+
* "Цветной",
|
|
5
7
|
* "Белый",
|
|
6
8
|
* "Чёрный"
|
|
7
9
|
* ]
|
|
8
10
|
*/
|
|
9
|
-
export declare type IconVersion = 'normal' | 'white' | 'black';
|
|
11
|
+
export declare type IconVersion = 'normal' | 'color' | 'white' | 'black';
|
package/lib/model/IconVersion.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconVersion.js","sourceRoot":"","sources":["../../src/model/IconVersion.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"IconVersion.js","sourceRoot":"","sources":["../../src/model/IconVersion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { Img } from '../Img/Img.js';
|
|
4
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
4
5
|
const titleStyleMap = {
|
|
5
6
|
primary: 'text-primary-text',
|
|
6
7
|
secondary: 'text-white',
|
|
@@ -11,10 +12,9 @@ const descStyleMap = {
|
|
|
11
12
|
};
|
|
12
13
|
export const BenefitItem = JSX((props) => {
|
|
13
14
|
const { className = '', icon, label, description, version = 'primary', benefitsVersion = 'normal', } = props;
|
|
14
|
-
const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
|
|
15
15
|
const listItemAlign = description ? 'items-start' : 'items-center';
|
|
16
|
-
const
|
|
17
|
-
return (_jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (_jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: _jsx(Img, { className: "w-6 h-6", image:
|
|
16
|
+
const calcVersion = benefitsVersion === 'white' ? 'secondary' : 'primary';
|
|
17
|
+
return (_jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (_jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: _jsx(Img, { className: "w-6 h-6", image: getIconWithVersion(icon, calcVersion), asSVG: true }) })) : null, _jsxs("div", { className: "gap-0.5", children: [label ? _jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (_jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
|
|
18
18
|
});
|
|
19
19
|
function renderBenefitIconBgStyle(version, benefitsVersion) {
|
|
20
20
|
let bgColorStyle = 'bg-primary-main text-black';
|
|
@@ -26,5 +26,4 @@ function renderBenefitIconBgStyle(version, benefitsVersion) {
|
|
|
26
26
|
}
|
|
27
27
|
return `w-[50px] h-[50px] min-w-[50px] rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
|
|
28
28
|
}
|
|
29
|
-
const getIconVersion = (isIconWhite, icon) => icon?.iconVersion || isIconWhite ? 'white' : 'normal';
|
|
30
29
|
//# sourceMappingURL=BenefitItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BenefitItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/BenefitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BenefitItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/BenefitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,aAAa,GAAiC;IAClD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,eAAe,GAAG,QAAQ,GAC3B,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IACnE,MAAM,WAAW,GAAG,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,aAAa,IAAI,SAAS,EAAE,aACvD,IAAI,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,YAChE,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,KAAK,SAAG,GAC3E,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,SAAS,aACrB,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,WAAW,aAAa,CAAC,OAAO,CAAC,EAAE,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACjF,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,gBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,YAAG,WAAW,GAAO,CAC7E,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,wBAAwB,CAAC,OAAqB,EAAE,eAA4B;IACnF,IAAI,YAAY,GAAG,4BAA4B,CAAC;IAEhD,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,YAAY,GAAG,wBAAwB,CAAC;KACzC;SAAM,IAAI,eAAe,KAAK,QAAQ,EAAE;QACvC,YAAY,GAAG,sCAAsC,CAAC;KACvD;IAED,OAAO,iGAAiG,YAAY,EAAE,CAAC;AACzH,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { EventBus } from '../EventBus/EventBus.js';
|
|
5
|
+
import { useIntersectionObserver } from '../hooks/useIntersectionObserver.js';
|
|
5
6
|
import { changeHashOnObserve } from '../utils/changeHashOnObserve.js';
|
|
6
|
-
import { IntersectionObserverTag } from './IntersectionObserverTag.js';
|
|
7
7
|
const THRESHOLD_ACCURACY = 100; // Decimals number (100 is for two decimals number, 0.**)
|
|
8
8
|
const THRESHOLD_ARRAY_LENGTH = 18;
|
|
9
9
|
const THRESHOLD_ARRAY_START_VALUE = (THRESHOLD_ACCURACY - THRESHOLD_ARRAY_LENGTH) / THRESHOLD_ACCURACY;
|
|
@@ -12,33 +12,25 @@ const OBSERVER_OPTIONS = {
|
|
|
12
12
|
};
|
|
13
13
|
export const BlockWrapper = JSX(({ anchor, className, children, tag = 'section', labels, role }) => {
|
|
14
14
|
const Tag = tag;
|
|
15
|
-
const [
|
|
15
|
+
const [isVisible, setVisible] = useState(true);
|
|
16
16
|
const anchorClickRef = useRef({});
|
|
17
17
|
const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor]);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
anchorClickCleanup();
|
|
35
|
-
tabCleanup();
|
|
36
|
-
};
|
|
37
|
-
}, []);
|
|
38
|
-
if (!shouldRenderBlock) {
|
|
39
|
-
return null;
|
|
40
|
-
}
|
|
41
|
-
return anchor ? (_jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: observerCallback, observerOptions: OBSERVER_OPTIONS, anchor: anchor, role: role, children: children })) : (_jsx(Tag, { className: className, role: role, children: children }));
|
|
18
|
+
const ref = useIntersectionObserver(observerCallback, OBSERVER_OPTIONS);
|
|
19
|
+
useEffect(() => EventBus.inst.subscribe('anchorClick', (e) => {
|
|
20
|
+
setVisible(true);
|
|
21
|
+
anchorClickRef.current = e;
|
|
22
|
+
}), []);
|
|
23
|
+
useEffect(() => EventBus.inst.subscribe('tab', (event) => {
|
|
24
|
+
if (event.type === 'group') {
|
|
25
|
+
const hasSettings = labels?.length || anchor;
|
|
26
|
+
setVisible(event.label ? !hasSettings || Boolean(labels?.includes(event.label)) : true);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
changeHash(event.label);
|
|
30
|
+
setVisible(true);
|
|
31
|
+
}
|
|
32
|
+
}), []);
|
|
33
|
+
return isVisible ? (_jsx(Tag, { className: className, role: role, ...(anchor ? { id: anchor, ref } : {}), children: children })) : null;
|
|
42
34
|
});
|
|
43
35
|
function getIntersectionThreshold(_, i) {
|
|
44
36
|
const value = (i + 1) / THRESHOLD_ACCURACY + THRESHOLD_ARRAY_START_VALUE;
|