@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,16 +10,16 @@ export const ButtonSection = JSX(({ context, className = '', buttons }) => {
|
|
|
10
10
|
});
|
|
11
11
|
export function renderButton({ button, buttonClassName, index }) {
|
|
12
12
|
const { icon, iconRight, version, ...rest } = button;
|
|
13
|
-
const iconVersion = version === 'secondary' ? '
|
|
14
|
-
const leftIcon = renderButtonIcon({ icon, iconVersion });
|
|
15
|
-
const rightIcon = renderButtonIcon({
|
|
13
|
+
const iconVersion = version === 'secondary' ? 'color' : 'white';
|
|
14
|
+
const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
|
|
15
|
+
const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
|
|
16
16
|
return (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
|
|
17
17
|
}
|
|
18
|
-
const renderButtonIcon = (
|
|
18
|
+
const renderButtonIcon = (icon) => {
|
|
19
19
|
if (!icon?.icon && !icon?.src) {
|
|
20
20
|
return null;
|
|
21
21
|
}
|
|
22
22
|
const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
|
|
23
|
-
return _jsx(Img, { image: { ...icon
|
|
23
|
+
return _jsx(Img, { image: { ...icon }, width: iconWidth, height: "24", asSVG: true });
|
|
24
24
|
};
|
|
25
25
|
//# sourceMappingURL=ButtonSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,OAAO,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAC/E,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAErD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,KAEZ,IAAI,IADH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAE/B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACzE,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
const TEXT_CLASSES = 'font-sans text-l-light';
|
|
4
4
|
const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
|
|
5
|
-
export const HeaderItem = JSX(({ className = '', text, href, target, active,
|
|
5
|
+
export const HeaderItem = JSX(({ className = '', text, href, target, active, bgColor = 'bg-white', dataItemName, children, onClick, }) => (_jsxs("a", { className: `relative inline-block bg-transparent text-center no-underline ${className}`, href: href, target: target, "data-item-name": dataItemName, onClick: onClick, children: [_jsx("span", { className: getTextClasses(bgColor, active), children: text || children }), active ? _jsx("div", { className: getBorderClasses(bgColor, active) }) : null] })));
|
|
6
6
|
const getTextClasses = (bgColor, active = false) => {
|
|
7
7
|
let classes = 'text-white';
|
|
8
8
|
if (bgColor === 'bg-white') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderItem.js","sourceRoot":"","sources":["../../../src/ui-kit/HeaderItem/HeaderItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAC9C,MAAM,cAAc,GAAG,0CAA0C,CAAC;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderItem.js","sourceRoot":"","sources":["../../../src/ui-kit/HeaderItem/HeaderItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAC9C,MAAM,cAAc,GAAG,0CAA0C,CAAC;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,GAAG,UAAU,EACpB,YAAY,EACZ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,aACE,SAAS,EAAE,iEAAiE,SAAS,EAAE,EACvF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,oBACE,YAAY,EAC5B,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,EAC1E,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,IACpE,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;IACjE,IAAI,OAAO,GAAG,YAAY,CAAC;IAC3B,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,2CAA2C,CAAC;KACtF;IAED,OAAO,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,OAAuB,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;IACnE,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,cAAc,CAAC;KACvB;IAED,OAAO,GAAG,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC;AACrF,CAAC,CAAC"}
|
package/lib/ui-kit/Icon/Icon.js
CHANGED
|
@@ -2,13 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { projectSettings } from '../../ProjectSettings.js';
|
|
4
4
|
const svgUseStyleMap = {
|
|
5
|
-
normal: '
|
|
5
|
+
normal: '',
|
|
6
|
+
color: 'text-primary-main',
|
|
6
7
|
black: 'text-black',
|
|
7
8
|
white: 'text-black',
|
|
8
9
|
};
|
|
9
|
-
export const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = '
|
|
10
|
+
export const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = 'color', asSVG, ...imgProps }) => {
|
|
10
11
|
const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
|
|
11
|
-
if (asSVG) {
|
|
12
|
+
if (asSVG && iconVersion !== 'normal') {
|
|
12
13
|
return (_jsx(Background, { className: className, children: _jsxs("svg", { className: [
|
|
13
14
|
getSvgSize(className, imgProps.width),
|
|
14
15
|
svgUseStyleMap[iconVersion],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,mBAAmB;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,IAAI,EAAE,EACtB,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,IAAI,WAAW,KAAK,QAAQ,EAAE;QACrC,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,eACE,SAAS,EAAE;oBACT,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;oBACrC,cAAc,CAAC,WAAW,CAAC;oBAC3B,cAAc;oBACd,cAAc,CAAC,WAAW,CAAC;iBAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,KACP,QAAQ,iBACA,MAAM,aAEjB,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,GACK,CACd,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,WAAwB,EAAU,EAAE,CAC1D,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;AAE1C,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,KAAc,EAAE,EAAE,CACxD,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;AAEjD,MAAM,UAAU,GAAG,GAAG,CAAyB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzE,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,QAAQ,CACnE,CAAC"}
|
package/lib/ui-kit/Logo/Logo.js
CHANGED
|
@@ -2,7 +2,7 @@ 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
4
|
const ICON_VERSION_MAP = {
|
|
5
|
-
'bg-white': '
|
|
5
|
+
'bg-white': 'color',
|
|
6
6
|
transparent: 'white',
|
|
7
7
|
};
|
|
8
8
|
const SVG_COLOR = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAcjC,MAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAcjC,MAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,IAAI,EAAE,KAAK,EACtB,WAAW,EACX,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,GAAG,EACjB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC5B,IAAI,EAAE,KAAK,IAAI,gBAAgB,aAE1C,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CACvF,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EACnE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,EACvC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,EACA,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7D,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,QAAe,EAAE,OAAe,EAAE,KAAc,EAAE,EAAE;IACvE,MAAM,IAAI,GAAG,QAAQ,IAAI,KAAK,IAAI,gBAAgB,CAAC;IAEnD,OAAO,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,YAAG,IAAI,GAAQ,CAAC;AACrF,CAAC,CAAC"}
|
|
@@ -1,6 +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 '../Img/Img.js';
|
|
4
|
+
const ICON_VERSION_MAP = {
|
|
5
|
+
'bg-white': 'color',
|
|
6
|
+
transparent: 'white',
|
|
7
|
+
};
|
|
4
8
|
const SVG_COLOR = {
|
|
5
9
|
'bg-white': 'text-primary-main',
|
|
6
10
|
transparent: 'text-white',
|
|
@@ -10,6 +14,6 @@ const TEXT_COLOR = {
|
|
|
10
14
|
transparent: 'text-white',
|
|
11
15
|
};
|
|
12
16
|
export const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
|
|
13
|
-
return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(Img, { image: { icon: 'LogoIcon', iconVersion:
|
|
17
|
+
return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(Img, { image: { icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }, className: `${SVG_COLOR[bgColor]}`, width: "34", height: "34", asSVG: true }), showTitle ? (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' })) : null] }));
|
|
14
18
|
});
|
|
15
19
|
//# sourceMappingURL=Logo.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAUjC,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;
|
|
1
|
+
{"version":3,"file":"Logo.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAUjC,MAAM,gBAAgB,GAAmC;IACvD,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC7B,sFAAgB,aAE3B,KAAC,GAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EACnE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,EAAE,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EACD,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,4BAA4B,YAChE,QAAQ,IAAI,gBAAgB,GACxB,CACR,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
3
|
+
import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useOutsideClick } from '../../hooks/useOutsideClick.js';
|
|
5
5
|
import { Icon } from '../Icon/Icon.js';
|
|
6
6
|
export const Select = JSX(({ className = '', isBorder = true, label, options = [], value, onChange, placeholder = '' }) => {
|
|
7
7
|
const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
|
|
8
8
|
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
-
const
|
|
10
|
-
useOutsideClick(
|
|
9
|
+
const handleClickOutside = useCallback(() => setIsOpen(false), []);
|
|
10
|
+
const wrapperRef = useOutsideClick(handleClickOutside);
|
|
11
11
|
const choiceOption = (option) => {
|
|
12
12
|
setSelectedItem(option);
|
|
13
13
|
setIsOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,8 @@ export interface TopItemProps extends TopItemContent {
|
|
|
7
7
|
className?: string;
|
|
8
8
|
flat?: boolean;
|
|
9
9
|
ariaLabel?: string;
|
|
10
|
-
onClick?: () => void;
|
|
11
10
|
bgColor?: BgColorVersion;
|
|
12
11
|
dataItemName?: string;
|
|
12
|
+
onClick?: () => void;
|
|
13
13
|
}
|
|
14
14
|
export declare const TopItem: import("@redneckz/uni-jsx").UNIComponent<TopItemProps, any, any>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getIconWithVersion.js","sourceRoot":"","sources":["../../src/utils/getIconWithVersion.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAa,EAAE,UAAwB,SAAS,EAAW,EAAE,CAAC,CAAC;IAChG,GAAG,IAAI;IACP,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;CAChF,CAAC,CAAC"}
|
|
@@ -255,6 +255,21 @@
|
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
+
function useIntersectionObserver(observerCallback, observerOptions) {
|
|
259
|
+
const ref = useRef(null);
|
|
260
|
+
useEffect(() => {
|
|
261
|
+
if (!ref.current) {
|
|
262
|
+
return undefined;
|
|
263
|
+
}
|
|
264
|
+
const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
|
|
265
|
+
intersectionObserver.observe(ref.current);
|
|
266
|
+
return () => {
|
|
267
|
+
intersectionObserver.disconnect();
|
|
268
|
+
};
|
|
269
|
+
}, [observerCallback, observerOptions]);
|
|
270
|
+
return ref;
|
|
271
|
+
}
|
|
272
|
+
|
|
258
273
|
const changeHashOnObserve = ({ anchor, anchorClickRef }) => (entries) => {
|
|
259
274
|
if (!entries?.length) {
|
|
260
275
|
return;
|
|
@@ -272,23 +287,6 @@
|
|
|
272
287
|
}
|
|
273
288
|
};
|
|
274
289
|
|
|
275
|
-
const IntersectionObserverTag = JSX((props) => {
|
|
276
|
-
const { tag = 'section', observerCallback, observerOptions, className = '', anchor = null, children, role, } = props;
|
|
277
|
-
const tagRef = useRef(null);
|
|
278
|
-
useEffect(() => {
|
|
279
|
-
if (!tagRef.current) {
|
|
280
|
-
return undefined;
|
|
281
|
-
}
|
|
282
|
-
const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
|
|
283
|
-
intersectionObserver.observe(tagRef.current);
|
|
284
|
-
return () => {
|
|
285
|
-
intersectionObserver.disconnect();
|
|
286
|
-
};
|
|
287
|
-
}, [observerCallback, observerOptions]);
|
|
288
|
-
const Tag = tag;
|
|
289
|
-
return (jsx(Tag, { ref: tagRef, className: className, id: anchor, role: role, children: children }));
|
|
290
|
-
});
|
|
291
|
-
|
|
292
290
|
const THRESHOLD_ACCURACY = 100; // Decimals number (100 is for two decimals number, 0.**)
|
|
293
291
|
const THRESHOLD_ARRAY_LENGTH = 18;
|
|
294
292
|
const THRESHOLD_ARRAY_START_VALUE = (THRESHOLD_ACCURACY - THRESHOLD_ARRAY_LENGTH) / THRESHOLD_ACCURACY;
|
|
@@ -297,33 +295,25 @@
|
|
|
297
295
|
};
|
|
298
296
|
const BlockWrapper = JSX(({ anchor, className, children, tag = 'section', labels, role }) => {
|
|
299
297
|
const Tag = tag;
|
|
300
|
-
const [
|
|
298
|
+
const [isVisible, setVisible] = useState(true);
|
|
301
299
|
const anchorClickRef = useRef({});
|
|
302
300
|
const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor]);
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
anchorClickCleanup();
|
|
320
|
-
tabCleanup();
|
|
321
|
-
};
|
|
322
|
-
}, []);
|
|
323
|
-
if (!shouldRenderBlock) {
|
|
324
|
-
return null;
|
|
325
|
-
}
|
|
326
|
-
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 }));
|
|
301
|
+
const ref = useIntersectionObserver(observerCallback, OBSERVER_OPTIONS);
|
|
302
|
+
useEffect(() => EventBus.inst.subscribe('anchorClick', (e) => {
|
|
303
|
+
setVisible(true);
|
|
304
|
+
anchorClickRef.current = e;
|
|
305
|
+
}), []);
|
|
306
|
+
useEffect(() => EventBus.inst.subscribe('tab', (event) => {
|
|
307
|
+
if (event.type === 'group') {
|
|
308
|
+
const hasSettings = labels?.length || anchor;
|
|
309
|
+
setVisible(event.label ? !hasSettings || Boolean(labels?.includes(event.label)) : true);
|
|
310
|
+
}
|
|
311
|
+
else {
|
|
312
|
+
changeHash(event.label);
|
|
313
|
+
setVisible(true);
|
|
314
|
+
}
|
|
315
|
+
}), []);
|
|
316
|
+
return isVisible ? (jsx(Tag, { className: className, role: role, ...(anchor ? { id: anchor, ref } : {}), children: children })) : null;
|
|
327
317
|
});
|
|
328
318
|
function getIntersectionThreshold(_, i) {
|
|
329
319
|
const value = (i + 1) / THRESHOLD_ACCURACY + THRESHOLD_ARRAY_START_VALUE;
|
|
@@ -390,13 +380,14 @@
|
|
|
390
380
|
});
|
|
391
381
|
|
|
392
382
|
const svgUseStyleMap = {
|
|
393
|
-
normal: '
|
|
383
|
+
normal: '',
|
|
384
|
+
color: 'text-primary-main',
|
|
394
385
|
black: 'text-black',
|
|
395
386
|
white: 'text-black',
|
|
396
387
|
};
|
|
397
|
-
const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = '
|
|
388
|
+
const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = 'color', asSVG, ...imgProps }) => {
|
|
398
389
|
const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
|
|
399
|
-
if (asSVG) {
|
|
390
|
+
if (asSVG && iconVersion !== 'normal') {
|
|
400
391
|
return (jsx(Background, { className: className, children: jsxs("svg", { className: [
|
|
401
392
|
getSvgSize(className, imgProps.width),
|
|
402
393
|
svgUseStyleMap[iconVersion],
|
|
@@ -410,7 +401,7 @@
|
|
|
410
401
|
const getSvgSize = (className, width) => width ? `width: ${width}px ` : 'w-full h-full';
|
|
411
402
|
const Background = JSX(({ className, children }) => className ? jsx("div", { className: className, children: children }) : children);
|
|
412
403
|
|
|
413
|
-
function getIconVersion
|
|
404
|
+
function getIconVersion(image) {
|
|
414
405
|
return typeof image === 'string' ? 'normal' : image?.iconVersion || 'normal';
|
|
415
406
|
}
|
|
416
407
|
|
|
@@ -452,20 +443,25 @@
|
|
|
452
443
|
// backwards compatibility with existing icons in usage
|
|
453
444
|
const icon = typeof image === 'string' ? image : image.icon;
|
|
454
445
|
if (icon || icon === '') {
|
|
455
|
-
return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion
|
|
446
|
+
return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion(image), name: icon, ...iconProps })) : null;
|
|
456
447
|
}
|
|
457
448
|
return (jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image, isMobile: isMobile }));
|
|
458
449
|
});
|
|
459
450
|
|
|
460
451
|
const Img = JSX((props) => jsx(ImgInner, { ...props, isMobile: true }));
|
|
461
452
|
|
|
453
|
+
const getIconWithVersion = (icon, version = 'primary') => ({
|
|
454
|
+
...icon,
|
|
455
|
+
iconVersion: icon?.iconVersion ?? (version === 'secondary' ? 'white' : 'color'),
|
|
456
|
+
});
|
|
457
|
+
|
|
462
458
|
const icons = ['PlusIcon', 'MinusIcon'];
|
|
463
459
|
const AccordionItem = JSX(({ className = '', ancestors, label = '', labelIcon, isExpanded, children }) => {
|
|
464
460
|
const { bordered } = getParentBlockContent(ancestors, {});
|
|
465
461
|
return (jsx("li", { className: `${bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'} border-solid border-main-divider ${className}`, children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0", isUnfolded: isUnfolded, children: children })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, onClick: onToggle })) }) }));
|
|
466
462
|
});
|
|
467
463
|
AccordionItem.childrenTypes = [];
|
|
468
|
-
const FoldButton = JSX(({ className, icon, label, primaryIcon, onClick }) => (jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`, onClick: onClick, children: [jsxs("span", { className: "text-m-title-xs font-medium pr-2.5 flex group-hover:text-primary-main", children: [primaryIcon ? (jsx(Img, { image: primaryIcon, className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), jsx(Img, { className: "flex-shrink-0", image: icon, width: "24", height: "24", asSVG: true })] })));
|
|
464
|
+
const FoldButton = JSX(({ className, icon, label, primaryIcon, onClick }) => (jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`, onClick: onClick, children: [jsxs("span", { className: "text-m-title-xs font-medium pr-2.5 flex group-hover:text-primary-main", children: [primaryIcon ? (jsx(Img, { image: getIconWithVersion(primaryIcon), className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), jsx(Img, { className: "flex-shrink-0", image: getIconWithVersion({ icon: icon }), width: "24", height: "24", asSVG: true })] })));
|
|
469
465
|
|
|
470
466
|
// column-gap between children of SwipeListControl container
|
|
471
467
|
const DEFAULT_GAP = 14;
|
|
@@ -810,6 +806,10 @@
|
|
|
810
806
|
});
|
|
811
807
|
};
|
|
812
808
|
|
|
809
|
+
const ICON_VERSION_MAP = {
|
|
810
|
+
'bg-white': 'color',
|
|
811
|
+
transparent: 'white',
|
|
812
|
+
};
|
|
813
813
|
const SVG_COLOR = {
|
|
814
814
|
'bg-white': 'text-primary-main',
|
|
815
815
|
transparent: 'text-white',
|
|
@@ -819,11 +819,11 @@
|
|
|
819
819
|
transparent: 'text-white',
|
|
820
820
|
};
|
|
821
821
|
const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
|
|
822
|
-
return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'LogoIcon', iconVersion:
|
|
822
|
+
return (jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [jsx(Img, { image: { icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }, className: `${SVG_COLOR[bgColor]}`, width: "34", height: "34", asSVG: true }), showTitle ? (jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' })) : null] }));
|
|
823
823
|
});
|
|
824
824
|
|
|
825
825
|
const MobileAppTile = JSX(({ className = '', title = 'Мобильное приложение', description, href = '#' }) => {
|
|
826
|
-
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-
|
|
826
|
+
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 }));
|
|
827
827
|
});
|
|
828
828
|
|
|
829
829
|
const isURL = (href) => href?.includes('//');
|
|
@@ -962,7 +962,7 @@
|
|
|
962
962
|
? 'bg-white hover:bg-secondary-hover'
|
|
963
963
|
: 'border-solid border-[1px] border-main-divider hover:border-transparent hover:bg-primary-main';
|
|
964
964
|
const isPrimary = version === 'primary';
|
|
965
|
-
return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: icon, imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
|
|
965
|
+
return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", children: icon ? (jsx(Img, { image: getIconWithVersion(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
|
|
966
966
|
});
|
|
967
967
|
|
|
968
968
|
const SocialMedia = JSX(({ className, media, version, context }) => {
|
|
@@ -987,7 +987,7 @@
|
|
|
987
987
|
});
|
|
988
988
|
const renderSubMenuItem = (menu, i) => {
|
|
989
989
|
const { icon, href, text } = menu;
|
|
990
|
-
return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? jsx(Img, { className: "pr-1", image: icon, width: "24", height: "24", asSVG: true }) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
|
|
990
|
+
return (jsxs(Button, { version: "link", href: href, className: "flex text-s mb-4 w-6", children: [icon ? (jsx(Img, { className: "pr-1", image: getIconWithVersion({ icon: icon }), width: "24", height: "24", asSVG: true })) : null, jsx("span", { className: "pl-2.5 font-medium text-primary-text", children: text })] }, `footer-${i}`));
|
|
991
991
|
};
|
|
992
992
|
|
|
993
993
|
const VersionStyleMap = {
|
|
@@ -1144,7 +1144,7 @@
|
|
|
1144
1144
|
|
|
1145
1145
|
const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
|
|
1146
1146
|
const { text, fileSize, ...linkProps } = doc;
|
|
1147
|
-
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] }));
|
|
1147
|
+
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] }));
|
|
1148
1148
|
});
|
|
1149
1149
|
const formatSuffix = (ext, fileSize) => {
|
|
1150
1150
|
const prefix = ext || fileSize ? ',' : '';
|
|
@@ -1240,17 +1240,17 @@
|
|
|
1240
1240
|
});
|
|
1241
1241
|
function renderButton({ button, buttonClassName, index }) {
|
|
1242
1242
|
const { icon, iconRight, version, ...rest } = button;
|
|
1243
|
-
const iconVersion = version === 'secondary' ? '
|
|
1244
|
-
const leftIcon = renderButtonIcon({ icon, iconVersion });
|
|
1245
|
-
const rightIcon = renderButtonIcon({
|
|
1243
|
+
const iconVersion = version === 'secondary' ? 'color' : 'white';
|
|
1244
|
+
const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
|
|
1245
|
+
const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
|
|
1246
1246
|
return (jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
|
|
1247
1247
|
}
|
|
1248
|
-
const renderButtonIcon = (
|
|
1248
|
+
const renderButtonIcon = (icon) => {
|
|
1249
1249
|
if (!icon?.icon && !icon?.src) {
|
|
1250
1250
|
return null;
|
|
1251
1251
|
}
|
|
1252
1252
|
const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
|
|
1253
|
-
return jsx(Img, { image: { ...icon
|
|
1253
|
+
return jsx(Img, { image: { ...icon }, width: iconWidth, height: "24", asSVG: true });
|
|
1254
1254
|
};
|
|
1255
1255
|
|
|
1256
1256
|
const LIST_DOT_STYLE_MAP = {
|
|
@@ -1304,10 +1304,9 @@
|
|
|
1304
1304
|
};
|
|
1305
1305
|
const BenefitItem = JSX((props) => {
|
|
1306
1306
|
const { className = '', icon, label, description, version = 'primary', benefitsVersion = 'normal', } = props;
|
|
1307
|
-
const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
|
|
1308
1307
|
const listItemAlign = description ? 'items-start' : 'items-center';
|
|
1309
|
-
const
|
|
1310
|
-
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:
|
|
1308
|
+
const calcVersion = benefitsVersion === 'white' ? 'secondary' : 'primary';
|
|
1309
|
+
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] })] }));
|
|
1311
1310
|
});
|
|
1312
1311
|
function renderBenefitIconBgStyle(version, benefitsVersion) {
|
|
1313
1312
|
let bgColorStyle = 'bg-primary-main text-black';
|
|
@@ -1319,11 +1318,8 @@
|
|
|
1319
1318
|
}
|
|
1320
1319
|
return `w-[50px] h-[50px] min-w-[50px] rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
|
|
1321
1320
|
}
|
|
1322
|
-
const getIconVersion = (isIconWhite, icon) => icon?.iconVersion || isIconWhite ? 'white' : 'normal';
|
|
1323
1321
|
|
|
1324
|
-
const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => {
|
|
1325
|
-
return (jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
|
|
1326
|
-
};
|
|
1322
|
+
const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => (jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
|
|
1327
1323
|
|
|
1328
1324
|
const ProductBlockInner = JSX(({ className = '', context, title, headlineVersion = 'L', description, benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, }) => {
|
|
1329
1325
|
return (jsxs("div", { className: `w-full ${className}`, children: [jsxs("div", { children: [label ? renderLabel(label, version) : null, jsx(Headline, { context: context, className: "!p-0 max-w-[600px]", title: title, description: description, bgColorHeadline: version, headlineVersion: headlineVersion }), jsxs(BaseTile, { context: context, buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (jsx("div", { className: "mt-3", children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage$1(image)] }));
|
|
@@ -1383,10 +1379,6 @@
|
|
|
1383
1379
|
normal: 'min-h-[70px]',
|
|
1384
1380
|
small: 'min-h-[50px]',
|
|
1385
1381
|
};
|
|
1386
|
-
const STEPS_SVG_VERSION_MAP = {
|
|
1387
|
-
primary: 'normal',
|
|
1388
|
-
secondary: 'white',
|
|
1389
|
-
};
|
|
1390
1382
|
const StepsBlock = JSX(({ className, title, description, showLines = true, steps, size = 'normal', version = 'primary', }) => {
|
|
1391
1383
|
const styleMap = STEPS_BLOCK_STYLE_MAPS[version];
|
|
1392
1384
|
return (jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
|
|
@@ -1403,12 +1395,13 @@
|
|
|
1403
1395
|
const iconAreaSize = STEPS_SIZE_MAP[size];
|
|
1404
1396
|
const iconSize = size === 'normal' ? '38' : '27';
|
|
1405
1397
|
const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
|
|
1406
|
-
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,
|
|
1398
|
+
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 })) }) }));
|
|
1407
1399
|
};
|
|
1408
1400
|
|
|
1409
1401
|
const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ rounded, icon, ...buttonProps }, idx) => renderButton({
|
|
1410
1402
|
button: { rounded, icon, ...buttonProps },
|
|
1411
1403
|
buttonClassName: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`,
|
|
1404
|
+
index: idx,
|
|
1412
1405
|
})) })) : null;
|
|
1413
1406
|
const renderLabelDescriptionCellData = ({ label, description }) => {
|
|
1414
1407
|
const labelClassName = `text-xl font-medium m-0 ${description ? 'mb-1' : ''}`;
|
|
@@ -1633,7 +1626,7 @@
|
|
|
1633
1626
|
return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
|
|
1634
1627
|
}
|
|
1635
1628
|
|
|
1636
|
-
const packageVersion =
|
|
1629
|
+
const packageVersion = "0.6.24";
|
|
1637
1630
|
|
|
1638
1631
|
exports.Blocks = Blocks;
|
|
1639
1632
|
exports.ContentPage = ContentPage;
|