ouisys-component-library 3.0.48 → 3.0.50
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/dist/{CookieConsent-2a28b051.js → CookieConsent-bb30e9e0.js} +1 -1
- package/dist/{CookieConsent-6af83fc6.js.map → CookieConsent-bb30e9e0.js.map} +1 -1
- package/dist/CookieConsent.js +1 -1
- package/dist/{ExtraDisclaimers-3a3f1da8.js → ExtraDisclaimers-19d3d0b1.js} +1 -1
- package/dist/{ExtraDisclaimers-3a3f1da8.js.map → ExtraDisclaimers-19d3d0b1.js.map} +1 -1
- package/dist/ExtraDisclaimers.js +1 -1
- package/dist/{Features-0ed10350.js → Features-905e6eb2.js} +1 -1
- package/dist/{Features-6dbbb2fd.js.map → Features-905e6eb2.js.map} +1 -1
- package/dist/Features.js +1 -1
- package/dist/{Footer-c9494d6d.js → Footer-ee70dc1d.js} +2 -2
- package/dist/{Footer-613c9d03.js.map → Footer-ee70dc1d.js.map} +1 -1
- package/dist/Footer.js +1 -1
- package/dist/Header.js +1 -1
- package/dist/Header.js.map +1 -1
- package/dist/{Intl-071c33aa.js → Intl-68fb24f1.js} +1 -1
- package/dist/{Intl-071c33aa.js.map → Intl-68fb24f1.js.map} +1 -1
- package/dist/IntlProvider.js +1 -1
- package/dist/LanguageSwitcher-24857a7d.js +2 -0
- package/dist/LanguageSwitcher-24857a7d.js.map +1 -0
- package/dist/LanguageSwitcher.js +1 -1
- package/dist/{MOLink-0db42da0.js → MOLink-268f95ba.js} +1 -1
- package/dist/{MOLink-0db42da0.js.map → MOLink-268f95ba.js.map} +1 -1
- package/dist/MOLink.js +1 -1
- package/dist/{Menu-0d065c12.js → Menu-1fd02fa0.js} +2 -2
- package/dist/{Menu-0d065c12.js.map → Menu-1fd02fa0.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/PageContent.js +1 -1
- package/dist/PhoneEntry.js +1 -1
- package/dist/PhoneEntry.js.map +1 -1
- package/dist/{PricingPolicy-dd29a474.js → PricingPolicy-efb90dd6.js} +1 -1
- package/dist/{PricingPolicy-e075fe1a.js.map → PricingPolicy-efb90dd6.js.map} +1 -1
- package/dist/PricingPolicy.js +1 -1
- package/dist/ProductArea.js +1 -1
- package/dist/{RefundPolicy-bf15accc.js → RefundPolicy-6a49f3b5.js} +2 -2
- package/dist/{RefundPolicy-8a2ebf56.js.map → RefundPolicy-6a49f3b5.js.map} +1 -1
- package/dist/RefundPolicy.js +1 -1
- package/dist/{Showcase-83064d84.js → Showcase-3561d2a9.js} +1 -1
- package/dist/{Showcase-83064d84.js.map → Showcase-3561d2a9.js.map} +1 -1
- package/dist/Showcase.js +1 -1
- package/dist/SuspenseLoader.js +1 -1
- package/dist/SuspenseLoader.js.map +1 -1
- package/dist/TermsAcceptanceCheck.js +1 -1
- package/dist/{Testimonials-09ecf691.js → Testimonials-51bbfdfd.js} +1 -1
- package/dist/{Testimonials-09ecf691.js.map → Testimonials-51bbfdfd.js.map} +1 -1
- package/dist/Testimonials.js +1 -1
- package/dist/Translate.js +1 -1
- package/dist/{Unsubscription-216ff0db.js → Unsubscription-05697d14.js} +2 -2
- package/dist/{Unsubscription-79958fda.js.map → Unsubscription-05697d14.js.map} +1 -1
- package/dist/Unsubscription.js +1 -1
- package/dist/defineMessages.js +1 -1
- package/dist/formatSMSLink.js +1 -1
- package/dist/injectIntl.js +1 -1
- package/dist/{routes-22540c0e.js → routes-0b994a7e.js} +1 -1
- package/dist/{routes-36e4a68e.js.map → routes-0b994a7e.js.map} +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/types/Header/Header.d.ts +1 -1
- package/dist/types/Header/Header.types.d.ts +10 -3
- package/dist/types/PhoneEntry/PhoneEntry.d.ts +1 -1
- package/dist/types/PhoneEntry/PhoneEntry.types.d.ts +4 -0
- package/dist/types/SuspenseLoader/SuspenseLoader.d.ts +1 -2
- package/dist/types/SuspenseLoader/SuspenseLoader.types.d.ts +3 -3
- package/package.json +1 -1
- package/dist/CookieConsent-2a28b051.js.map +0 -1
- package/dist/CookieConsent-33297696.js +0 -2
- package/dist/CookieConsent-33297696.js.map +0 -1
- package/dist/CookieConsent-6af83fc6.js +0 -2
- package/dist/CookieConsent-aef45aec.js +0 -2
- package/dist/CookieConsent-aef45aec.js.map +0 -1
- package/dist/CookieConsent-afd790ed.js +0 -2
- package/dist/CookieConsent-afd790ed.js.map +0 -1
- package/dist/CookieConsent-b30ba0d4.js +0 -2
- package/dist/CookieConsent-b30ba0d4.js.map +0 -1
- package/dist/CookieConsent-c55a6951.js +0 -2
- package/dist/CookieConsent-c55a6951.js.map +0 -1
- package/dist/CookieConsent-ccaff0cf.js +0 -2
- package/dist/CookieConsent-ccaff0cf.js.map +0 -1
- package/dist/CookieConsent-d3679e9f.js +0 -2
- package/dist/CookieConsent-d3679e9f.js.map +0 -1
- package/dist/CookieConsent-fa8d2c6d.js +0 -2
- package/dist/CookieConsent-fa8d2c6d.js.map +0 -1
- package/dist/CookieConsent-fb30b219.js +0 -2
- package/dist/CookieConsent-fb30b219.js.map +0 -1
- package/dist/ExtraDisclaimers-4d41a5d0.js +0 -2
- package/dist/ExtraDisclaimers-4d41a5d0.js.map +0 -1
- package/dist/ExtraDisclaimers-510ea1e3.js +0 -2
- package/dist/ExtraDisclaimers-510ea1e3.js.map +0 -1
- package/dist/ExtraDisclaimers-5300f6e3.js +0 -2
- package/dist/ExtraDisclaimers-5300f6e3.js.map +0 -1
- package/dist/ExtraDisclaimers-597c72e4.js +0 -2
- package/dist/ExtraDisclaimers-597c72e4.js.map +0 -1
- package/dist/ExtraDisclaimers-5acbe689.js +0 -2
- package/dist/ExtraDisclaimers-5acbe689.js.map +0 -1
- package/dist/ExtraDisclaimers-7a943c5a.js +0 -2
- package/dist/ExtraDisclaimers-7a943c5a.js.map +0 -1
- package/dist/ExtraDisclaimers-7f6ffc8e.js +0 -2
- package/dist/ExtraDisclaimers-7f6ffc8e.js.map +0 -1
- package/dist/ExtraDisclaimers-8bac70ab.js +0 -2
- package/dist/ExtraDisclaimers-8bac70ab.js.map +0 -1
- package/dist/ExtraDisclaimers-92e56de8.js +0 -2
- package/dist/ExtraDisclaimers-92e56de8.js.map +0 -1
- package/dist/ExtraDisclaimers-9896fee3.js +0 -2
- package/dist/ExtraDisclaimers-9896fee3.js.map +0 -1
- package/dist/ExtraDisclaimers-b5f6785c.js +0 -2
- package/dist/ExtraDisclaimers-b5f6785c.js.map +0 -1
- package/dist/ExtraDisclaimers-cc3097ec.js +0 -2
- package/dist/ExtraDisclaimers-cc3097ec.js.map +0 -1
- package/dist/ExtraDisclaimers-de70f6fe.js +0 -2
- package/dist/ExtraDisclaimers-de70f6fe.js.map +0 -1
- package/dist/Features-0ed10350.js.map +0 -1
- package/dist/Features-2370cce4.js +0 -2
- package/dist/Features-2370cce4.js.map +0 -1
- package/dist/Features-6dbbb2fd.js +0 -2
- package/dist/Features-70fbd019.js +0 -2
- package/dist/Features-70fbd019.js.map +0 -1
- package/dist/Features-93725bb2.js +0 -2
- package/dist/Features-93725bb2.js.map +0 -1
- package/dist/Features-9f8a5b7f.js +0 -2
- package/dist/Features-9f8a5b7f.js.map +0 -1
- package/dist/Features-9ff72016.js +0 -2
- package/dist/Features-9ff72016.js.map +0 -1
- package/dist/Footer-613c9d03.js +0 -2
- package/dist/Footer-6fd885e6.js +0 -2
- package/dist/Footer-6fd885e6.js.map +0 -1
- package/dist/Footer-7f18b523.js +0 -2
- package/dist/Footer-7f18b523.js.map +0 -1
- package/dist/Footer-8e2b8c99.js +0 -2
- package/dist/Footer-8e2b8c99.js.map +0 -1
- package/dist/Footer-b42277f1.js +0 -2
- package/dist/Footer-b42277f1.js.map +0 -1
- package/dist/Footer-c9494d6d.js.map +0 -1
- package/dist/Footer-caa7eab0.js +0 -2
- package/dist/Footer-caa7eab0.js.map +0 -1
- package/dist/Intl-3dca08e3.js +0 -2
- package/dist/Intl-3dca08e3.js.map +0 -1
- package/dist/Intl-403c4f4b.js +0 -2
- package/dist/Intl-403c4f4b.js.map +0 -1
- package/dist/Intl-42e38b7f.js +0 -2
- package/dist/Intl-42e38b7f.js.map +0 -1
- package/dist/Intl-43192f22.js +0 -2
- package/dist/Intl-43192f22.js.map +0 -1
- package/dist/Intl-50e68cb3.js +0 -2
- package/dist/Intl-50e68cb3.js.map +0 -1
- package/dist/Intl-5a168eda.js +0 -2
- package/dist/Intl-5a168eda.js.map +0 -1
- package/dist/Intl-5ef6c90b.js +0 -2
- package/dist/Intl-5ef6c90b.js.map +0 -1
- package/dist/Intl-9f05fdd7.js +0 -2
- package/dist/Intl-9f05fdd7.js.map +0 -1
- package/dist/Intl-a5cb4db6.js +0 -2
- package/dist/Intl-a5cb4db6.js.map +0 -1
- package/dist/Intl-c1168e60.js +0 -2
- package/dist/Intl-c1168e60.js.map +0 -1
- package/dist/Intl-cde44353.js +0 -2
- package/dist/Intl-cde44353.js.map +0 -1
- package/dist/Intl-d44b6bbc.js +0 -2
- package/dist/Intl-d44b6bbc.js.map +0 -1
- package/dist/Intl-dfe5c372.js +0 -2
- package/dist/Intl-dfe5c372.js.map +0 -1
- package/dist/LanguageSwitcher-33e8eaac.js +0 -2
- package/dist/LanguageSwitcher-33e8eaac.js.map +0 -1
- package/dist/LanguageSwitcher-4b3433ad.js +0 -2
- package/dist/LanguageSwitcher-4b3433ad.js.map +0 -1
- package/dist/LanguageSwitcher-59900674.js +0 -2
- package/dist/LanguageSwitcher-59900674.js.map +0 -1
- package/dist/LanguageSwitcher-5d100f7e.js +0 -2
- package/dist/LanguageSwitcher-5d100f7e.js.map +0 -1
- package/dist/LanguageSwitcher-657142e6.js +0 -2
- package/dist/LanguageSwitcher-657142e6.js.map +0 -1
- package/dist/LanguageSwitcher-7d0a3f59.js +0 -2
- package/dist/LanguageSwitcher-7d0a3f59.js.map +0 -1
- package/dist/LanguageSwitcher-84b6cafc.js +0 -2
- package/dist/LanguageSwitcher-84b6cafc.js.map +0 -1
- package/dist/LanguageSwitcher-90eda5f2.js +0 -2
- package/dist/LanguageSwitcher-90eda5f2.js.map +0 -1
- package/dist/LanguageSwitcher-941f9434.js +0 -2
- package/dist/LanguageSwitcher-941f9434.js.map +0 -1
- package/dist/LanguageSwitcher-ab5103a4.js +0 -2
- package/dist/LanguageSwitcher-ab5103a4.js.map +0 -1
- package/dist/LanguageSwitcher-d6aea02c.js +0 -2
- package/dist/LanguageSwitcher-d6aea02c.js.map +0 -1
- package/dist/LanguageSwitcher-db381003.js +0 -2
- package/dist/LanguageSwitcher-db381003.js.map +0 -1
- package/dist/LanguageSwitcher-dd3d7f47.js +0 -2
- package/dist/LanguageSwitcher-dd3d7f47.js.map +0 -1
- package/dist/LanguageSwitcher-e0958521.js +0 -2
- package/dist/LanguageSwitcher-e0958521.js.map +0 -1
- package/dist/LanguageSwitcher-e11a376d.js +0 -2
- package/dist/LanguageSwitcher-e11a376d.js.map +0 -1
- package/dist/MOLink-17e49593.js +0 -2
- package/dist/MOLink-17e49593.js.map +0 -1
- package/dist/MOLink-2445f69d.js +0 -2
- package/dist/MOLink-2445f69d.js.map +0 -1
- package/dist/MOLink-2f8b872b.js +0 -2
- package/dist/MOLink-2f8b872b.js.map +0 -1
- package/dist/MOLink-36aa2c24.js +0 -2
- package/dist/MOLink-36aa2c24.js.map +0 -1
- package/dist/MOLink-56cfe931.js +0 -2
- package/dist/MOLink-56cfe931.js.map +0 -1
- package/dist/MOLink-872a4cfa.js +0 -2
- package/dist/MOLink-872a4cfa.js.map +0 -1
- package/dist/MOLink-8d68769c.js +0 -2
- package/dist/MOLink-8d68769c.js.map +0 -1
- package/dist/MOLink-8e539847.js +0 -2
- package/dist/MOLink-8e539847.js.map +0 -1
- package/dist/MOLink-9270fbac.js +0 -2
- package/dist/MOLink-9270fbac.js.map +0 -1
- package/dist/MOLink-acae28c7.js +0 -2
- package/dist/MOLink-acae28c7.js.map +0 -1
- package/dist/MOLink-bbac38f8.js +0 -2
- package/dist/MOLink-bbac38f8.js.map +0 -1
- package/dist/MOLink-c6bf2d03.js +0 -2
- package/dist/MOLink-c6bf2d03.js.map +0 -1
- package/dist/MOLink-eb4dddd1.js +0 -2
- package/dist/MOLink-eb4dddd1.js.map +0 -1
- package/dist/Menu-1b901d21.js +0 -2
- package/dist/Menu-1b901d21.js.map +0 -1
- package/dist/Menu-1d875ea1.js +0 -2
- package/dist/Menu-1d875ea1.js.map +0 -1
- package/dist/Menu-48e24c04.js +0 -2
- package/dist/Menu-48e24c04.js.map +0 -1
- package/dist/Menu-52448557.js +0 -2
- package/dist/Menu-52448557.js.map +0 -1
- package/dist/Menu-571363c6.js +0 -2
- package/dist/Menu-571363c6.js.map +0 -1
- package/dist/Menu-6a32bb86.js +0 -2
- package/dist/Menu-6a32bb86.js.map +0 -1
- package/dist/Menu-7988da04.js +0 -2
- package/dist/Menu-7988da04.js.map +0 -1
- package/dist/Menu-7b283a65.js +0 -2
- package/dist/Menu-7b283a65.js.map +0 -1
- package/dist/Menu-7ffc5626.js +0 -2
- package/dist/Menu-7ffc5626.js.map +0 -1
- package/dist/Menu-93c026e8.js +0 -2
- package/dist/Menu-93c026e8.js.map +0 -1
- package/dist/Menu-d134da8f.js +0 -2
- package/dist/Menu-d134da8f.js.map +0 -1
- package/dist/Menu-d2195fde.js +0 -2
- package/dist/Menu-d2195fde.js.map +0 -1
- package/dist/Menu-d8882b18.js +0 -2
- package/dist/Menu-d8882b18.js.map +0 -1
- package/dist/Menu-ec7bdea9.js +0 -2
- package/dist/Menu-ec7bdea9.js.map +0 -1
- package/dist/PricingPolicy-165acef9.js +0 -2
- package/dist/PricingPolicy-165acef9.js.map +0 -1
- package/dist/PricingPolicy-1a6fd4f7.js +0 -2
- package/dist/PricingPolicy-1a6fd4f7.js.map +0 -1
- package/dist/PricingPolicy-4737ca9a.js +0 -2
- package/dist/PricingPolicy-4737ca9a.js.map +0 -1
- package/dist/PricingPolicy-4e3a351e.js +0 -2
- package/dist/PricingPolicy-4e3a351e.js.map +0 -1
- package/dist/PricingPolicy-81412194.js +0 -2
- package/dist/PricingPolicy-81412194.js.map +0 -1
- package/dist/PricingPolicy-9602c61e.js +0 -2
- package/dist/PricingPolicy-9602c61e.js.map +0 -1
- package/dist/PricingPolicy-9c1f4952.js +0 -2
- package/dist/PricingPolicy-9c1f4952.js.map +0 -1
- package/dist/PricingPolicy-bea5d68c.js +0 -2
- package/dist/PricingPolicy-bea5d68c.js.map +0 -1
- package/dist/PricingPolicy-bfb2cc75.js +0 -2
- package/dist/PricingPolicy-bfb2cc75.js.map +0 -1
- package/dist/PricingPolicy-dd29a474.js.map +0 -1
- package/dist/PricingPolicy-deb61592.js +0 -2
- package/dist/PricingPolicy-deb61592.js.map +0 -1
- package/dist/PricingPolicy-e075fe1a.js +0 -2
- package/dist/RefundPolicy-1f22d7fc.js +0 -2
- package/dist/RefundPolicy-1f22d7fc.js.map +0 -1
- package/dist/RefundPolicy-3ce16295.js +0 -2
- package/dist/RefundPolicy-3ce16295.js.map +0 -1
- package/dist/RefundPolicy-8a2ebf56.js +0 -2
- package/dist/RefundPolicy-8d220f7a.js +0 -2
- package/dist/RefundPolicy-8d220f7a.js.map +0 -1
- package/dist/RefundPolicy-bf15accc.js.map +0 -1
- package/dist/RefundPolicy-cad2a522.js +0 -2
- package/dist/RefundPolicy-cad2a522.js.map +0 -1
- package/dist/RefundPolicy-cfcf940c.js +0 -2
- package/dist/RefundPolicy-cfcf940c.js.map +0 -1
- package/dist/Showcase-8992c6f1.js +0 -2
- package/dist/Showcase-8992c6f1.js.map +0 -1
- package/dist/Showcase-955950f0.js +0 -2
- package/dist/Showcase-955950f0.js.map +0 -1
- package/dist/Showcase-a523b692.js +0 -2
- package/dist/Showcase-a523b692.js.map +0 -1
- package/dist/Showcase-a5aedc61.js +0 -2
- package/dist/Showcase-a5aedc61.js.map +0 -1
- package/dist/Showcase-b02d3f35.js +0 -2
- package/dist/Showcase-b02d3f35.js.map +0 -1
- package/dist/Showcase-fd5aa8a4.js +0 -2
- package/dist/Showcase-fd5aa8a4.js.map +0 -1
- package/dist/Testimonials-1680417c.js +0 -2
- package/dist/Testimonials-1680417c.js.map +0 -1
- package/dist/Testimonials-42e14dfe.js +0 -2
- package/dist/Testimonials-42e14dfe.js.map +0 -1
- package/dist/Testimonials-731300ff.js +0 -2
- package/dist/Testimonials-731300ff.js.map +0 -1
- package/dist/Testimonials-ad048fac.js +0 -2
- package/dist/Testimonials-ad048fac.js.map +0 -1
- package/dist/Testimonials-b541b94f.js +0 -2
- package/dist/Testimonials-b541b94f.js.map +0 -1
- package/dist/Testimonials-e76d0311.js +0 -2
- package/dist/Testimonials-e76d0311.js.map +0 -1
- package/dist/Unsubscription-216ff0db.js.map +0 -1
- package/dist/Unsubscription-5bb39413.js +0 -2
- package/dist/Unsubscription-5bb39413.js.map +0 -1
- package/dist/Unsubscription-79958fda.js +0 -2
- package/dist/Unsubscription-817bd7b3.js +0 -2
- package/dist/Unsubscription-817bd7b3.js.map +0 -1
- package/dist/Unsubscription-8e193ddf.js +0 -2
- package/dist/Unsubscription-8e193ddf.js.map +0 -1
- package/dist/Unsubscription-a7811bef.js +0 -2
- package/dist/Unsubscription-a7811bef.js.map +0 -1
- package/dist/Unsubscription-e9f44343.js +0 -2
- package/dist/Unsubscription-e9f44343.js.map +0 -1
- package/dist/routes-22540c0e.js.map +0 -1
- package/dist/routes-2a3422b7.js +0 -2
- package/dist/routes-2a3422b7.js.map +0 -1
- package/dist/routes-36e4a68e.js +0 -2
- package/dist/routes-493eca85.js +0 -2
- package/dist/routes-493eca85.js.map +0 -1
- package/dist/routes-5187693a.js +0 -2
- package/dist/routes-5187693a.js.map +0 -1
- package/dist/routes-5beed31b.js +0 -2
- package/dist/routes-5beed31b.js.map +0 -1
- package/dist/routes-5c9c8888.js +0 -2
- package/dist/routes-5c9c8888.js.map +0 -1
- package/dist/routes-73bdde0d.js +0 -2
- package/dist/routes-73bdde0d.js.map +0 -1
- package/dist/routes-a782a94a.js +0 -2
- package/dist/routes-a782a94a.js.map +0 -1
- package/dist/routes-ae55085a.js +0 -2
- package/dist/routes-ae55085a.js.map +0 -1
- package/dist/routes-b4ca74b1.js +0 -2
- package/dist/routes-b4ca74b1.js.map +0 -1
- package/dist/routes-bafc6a2b.js +0 -2
- package/dist/routes-bafc6a2b.js.map +0 -1
- package/dist/routes-c76c1918.js +0 -2
- package/dist/routes-c76c1918.js.map +0 -1
- package/dist/routes-d379d7ff.js +0 -2
- package/dist/routes-d379d7ff.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-9f05fdd7.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
package/dist/Intl-a5cb4db6.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
|
|
2
|
-
//# sourceMappingURL=Intl-a5cb4db6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-a5cb4db6.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
package/dist/Intl-c1168e60.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
|
|
2
|
-
//# sourceMappingURL=Intl-c1168e60.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-c1168e60.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
package/dist/Intl-cde44353.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
|
|
2
|
-
//# sourceMappingURL=Intl-cde44353.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-cde44353.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
package/dist/Intl-d44b6bbc.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
|
|
2
|
-
//# sourceMappingURL=Intl-d44b6bbc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-d44b6bbc.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
package/dist/Intl-dfe5c372.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import*as r from"react";var t=r.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,r){return e.id,e.defaultMessage,""}}});function a(e){var a=e.locale,n=e.messages,s=e.children;return r.createElement(t.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,r){var t=e.id,a=e.defaultMessage,s=n&&n[t]?n[t]:a||"";if(r){var u=Object.keys(r);Array.isArray(u)&&u.map((function(e){var t=s.replace("{".concat(e,"}"),r[e]);s=t}))}return s}}}},s)}function n(e){var a=e.id;e.values;var n=e.defaultMessage,s=r.useContext(t).messages;return s&&s[a]?s[a]:n||""}function s(a){return function(n){return r.createElement(t.Consumer,null,(function(t){var s=t.intl;return r.createElement(a,e({},n,{intl:s}))}))}}function u(e){return e}export{a as I,n as T,u as d,s as i};
|
|
2
|
-
//# sourceMappingURL=Intl-dfe5c372.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Intl-dfe5c372.js","sources":["../src/Intl/Intl.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-props-no-spreading */\nimport * as React from 'react';\n\nexport interface IHash {\n [key: string]: string;\n}\n\nconst LocaleContext = React.createContext({\n locale: 'en',\n messages: {} as IHash,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n intl: { formatMessage: ({ id, defaultMessage }, values) => '' }\n});\n\nexport function IntlProvider({\n locale,\n messages,\n children\n}: {\n locale: string;\n messages: IHash;\n children: React.ReactChild | JSX.Element[] | JSX.Element;\n}) {\n return (\n <LocaleContext.Provider\n value={{\n locale,\n messages,\n intl: {\n formatMessage: ({ id, defaultMessage }, values) => {\n let defaultMessageString = !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n if (values) {\n const valKeyArr = Object.keys(values);\n if (Array.isArray(valKeyArr)) {\n // eslint-disable-next-line array-callback-return\n valKeyArr.map((value) => {\n const str = defaultMessageString;\n const res = str.replace(`{${value}}`, values[value]);\n defaultMessageString = res;\n });\n }\n }\n return defaultMessageString;\n }\n }\n }}\n >\n {children}\n </LocaleContext.Provider>\n );\n}\n\nexport function Translate({\n id,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n values,\n defaultMessage\n}: {\n id: string;\n values?: { [key: string]: string };\n defaultMessage?: string;\n}): string {\n const { messages } = React.useContext(LocaleContext);\n return !!messages && !!messages[id] ? messages[id] : defaultMessage || '';\n}\n\nexport function injectIntl(Child: React.ComponentType<any>) {\n return (props: any) => (\n <LocaleContext.Consumer>{({ intl }) => <Child {...props} intl={intl} />}</LocaleContext.Consumer>\n );\n}\n\nexport function defineMessages(messageDescriptors: any) {\n // console.log('messageDescriptors', messageDescriptors)\n return messageDescriptors;\n}\n"],"names":["LocaleContext","React","createContext","locale","messages","intl","formatMessage","_a","values","id","defaultMessage","IntlProvider","children","createElement","Provider","value","defaultMessageString","valKeyArr","Object","keys","Array","isArray","map","res","replace","concat","Translate","useContext","injectIntl","Child","props","Consumer","__assign","defineMessages","messageDescriptors"],"mappings":"yDAQA,IAAMA,EAAgBC,EAAMC,cAAc,CACxCC,OAAQ,KACRC,SAAU,CAAW,EAGrBC,KAAM,CAAEC,cAAe,SAACC,EAAwBC,GAAW,OAA/BD,EAAAE,GAAgBF,EAAAG,eAAe,EAAA,KAGvD,SAAUC,EAAaJ,GAC3B,IAAAJ,WACAC,EAAQG,EAAAH,SACRQ,EAAQL,EAAAK,SAMR,OACEX,EAACY,cAAAb,EAAcc,SAAQ,CACrBC,MAAO,CACLZ,OAAMA,EACNC,SAAQA,EACRC,KAAM,CACJC,cAAe,SAACC,EAAwBC,OAAtBC,EAAEF,EAAAE,GAAEC,EAAcH,EAAAG,eAC9BM,EAAyBZ,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,GAC3F,GAAIF,EAAQ,CACV,IAAMS,EAAYC,OAAOC,KAAKX,GAC1BY,MAAMC,QAAQJ,IAEhBA,EAAUK,KAAI,SAACP,GACb,IACMQ,EADMP,EACIQ,QAAQ,IAAAC,OAAIV,EAAK,KAAKP,EAAOO,IAC7CC,EAAuBO,CACzB,GAEH,CACD,OAAOP,CACR,KAIJJ,EAGP,CAEM,SAAUc,EAAUnB,GACxB,IAAAE,EAAEF,EAAAE,GAEIF,EAAAC,WACNE,EAAcH,EAAAG,eAMNN,EAAaH,EAAM0B,WAAW3B,GAAcI,SACpD,OAASA,GAAcA,EAASK,GAAML,EAASK,GAAMC,GAAkB,EACzE,CAEM,SAAUkB,EAAWC,GACzB,OAAO,SAACC,GAAe,OACrB7B,EAACY,cAAAb,EAAc+B,SAAU,MAAA,SAACxB,GAAE,IAAAF,EAAIE,EAAAF,KAAO,OAAAJ,EAAAY,cAACgB,EAAUG,EAAA,CAAA,EAAAF,GAAOzB,KAAMA,IAAQ,GADlD,CAGzB,CAEM,SAAU4B,EAAeC,GAE7B,OAAOA,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-33e8eaac.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-33e8eaac.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-4b3433ad.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-4b3433ad.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return 1===m.length?null:n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-59900674.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-59900674.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n if (options.length === 1) {\n return null;\n }\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","length","React","createElement","Fragment","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAGA,OAAuB,IAAnBT,EAAQgB,OACH,KAIPC,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBnB,EAAQgB,OACPC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DuB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEM,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDb,EAAOC,cAAA,QAAA,CAAAa,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEuB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEhB,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXE,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEa,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDoB,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCtB,EACEC,cAAA,KAAA,CAAAhB,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFe,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BuB,EAAIC,cAAA,KAAA,CAAAhB,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC5B,EAAAC,cAAA,SAAA,CACEzB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-5d100f7e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-5d100f7e.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-657142e6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-657142e6.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-7d0a3f59.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-7d0a3f59.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-84b6cafc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-84b6cafc.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-90eda5f2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-90eda5f2.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-941f9434.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-941f9434.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-ab5103a4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-ab5103a4.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return 1===m.length?null:n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-d6aea02c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-d6aea02c.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n if (options.length === 1) {\n return null;\n }\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","length","React","createElement","Fragment","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAGA,OAAuB,IAAnBT,EAAQgB,OACH,KAIPC,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBnB,EAAQgB,OACPC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DuB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEM,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDb,EAAOC,cAAA,QAAA,CAAAa,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEuB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEhB,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXE,EAAAC,cAAA,MAAA,CAAKhB,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEa,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDoB,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCtB,EACEC,cAAA,KAAA,CAAAhB,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFe,EAAGC,cAAA,IAAA,CAAAhB,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BuB,EAAIC,cAAA,KAAA,CAAAhB,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC5B,EAAAC,cAAA,SAAA,CACEzB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-db381003.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-db381003.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-dd3d7f47.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-dd3d7f47.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-e0958521.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSwitcher-e0958521.js","sources":["../src/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './LanguageSwitcher.module.scss';\nimport { interfaceLanguageSwitcher, typeLanguageSwitcherOptions } from './LanguageSwitcher.types';\n\nconst defaultOptions = [\n { value: 'en', label: 'EN' },\n { value: 'ar', label: 'AR' }\n];\n\nexport const LanguageSwitcher = ({\n locale,\n switchLang,\n options = defaultOptions,\n className = '',\n dataQaId = 'language-switcher',\n tracker\n}: interfaceLanguageSwitcher) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const handleSwitchLangOnClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n const { value } = event.currentTarget;\n if (tracker) {\n tracker.customEvent('language', 'change', 'change language', { locale: value });\n }\n switchLang(value);\n };\n\n const handleMenuClick = () => {\n setIsMenuOpen(!isMenuOpen);\n };\n\n\n\n return (\n <>\n {options.length === 2 ? (\n <>\n <div className={cn(styles.langRadio, 'langRadio', className)}>\n {options.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li>\n <input\n type=\"radio\"\n id={`radio-${value}`}\n name=\"radios\"\n value={value}\n checked={locale === value}\n onChange={(e) => handleSwitchLangOnClick(e as any)}\n />\n <label htmlFor={`radio-${value}`}>{label}</label>\n </li>\n ))}\n </div>\n </>\n ) : (\n <>\n <div\n className={cn(\n styles.LangMenuOverlay,\n 'LangMenuOverlay',\n { [styles.open]: isMenuOpen, [styles.closed]: !isMenuOpen },\n className\n )}\n data-qa-id={dataQaId}\n onClick={handleMenuClick}\n />\n\n <div className={cn(styles.LangMenu, 'LangMenu', className)} data-qa-id={dataQaId}>\n <button\n className={cn(styles.LangMenu__button, 'LangMenu__button', 'languageSwitcher', className)}\n type=\"button\"\n onClick={handleMenuClick}\n >\n {locale}\n <i className={cn(styles.Chevron, 'Chevron')} />\n </button>\n\n <ul\n className={cn(\n styles.LangMenu__list,\n 'LangMenu__list',\n { [styles.LangMenu__list_open]: isMenuOpen, [styles.LangMenu__list_closed]: !isMenuOpen },\n className\n )}\n >\n <i className={cn(styles.cancel, 'cancel', className)} onClick={handleMenuClick} />\n {options?.map(({ value, label }: typeLanguageSwitcherOptions) => (\n <li className={cn(styles.LangMenu__item, 'LangMenu__item')}>\n <button\n value={value}\n type=\"button\"\n onClick={handleSwitchLangOnClick}\n className={cn(\n styles.languageSwitcher,\n 'languageSwitcher',\n { [styles.active]: value === locale },\n className\n )}\n >\n {value}\n </button>\n </li>\n ))}\n </ul>\n </div>\n </>\n )}\n </>\n );\n};\n"],"names":["defaultOptions","value","label","LanguageSwitcher","_a","locale","switchLang","_d","options","_e","className","_f","dataQaId","tracker","_g","__read","useState","isMenuOpen","setIsMenuOpen","handleSwitchLangOnClick","event","currentTarget","customEvent","handleMenuClick","React","createElement","Fragment","length","cn","styles","langRadio","map","type","id","concat","name","checked","onChange","e","htmlFor","LangMenuOverlay","_b","open","closed","onClick","LangMenu","LangMenu__button","Chevron","LangMenu__list","_c","LangMenu__list_open","LangMenu__list_closed","cancel","LangMenu__item","languageSwitcher","active"],"mappings":"guCAKMA,EAAiB,CACrB,CAAEC,MAAO,KAAMC,MAAO,MACtB,CAAED,MAAO,KAAMC,MAAO,OAGXC,EAAmB,SAACC,WAC/BC,EAAMD,EAAAC,OACNC,EAAUF,EAAAE,WACVC,EAAwBH,EAAAI,QAAxBA,OAAO,IAAAD,EAAGP,EAAcO,EACxBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAA8BP,EAAAQ,SAA9BA,OAAQ,IAAAD,EAAG,oBAAmBA,EAC9BE,EAAOT,EAAAS,QAEDC,EAAAC,EAA8BC,GAAS,GAAM,GAA5CC,EAAUH,EAAA,GAAEI,OACbC,EAA0B,SAACC,GACvB,IAAAnB,EAAUmB,EAAMC,oBACpBR,GACFA,EAAQS,YAAY,WAAY,SAAU,kBAAmB,CAAEjB,OAAQJ,IAEzEK,EAAWL,EACb,EAEMsB,EAAkB,WACtBL,GAAeD,EACjB,EAIA,OACEO,EACGC,cAAAD,EAAAE,SAAA,KAAmB,IAAnBlB,EAAQmB,OACPH,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOC,UAAW,YAAapB,IAC/CF,EAAQuB,KAAI,SAAC3B,OAAEH,EAAKG,EAAAH,MAAEC,EAAKE,EAAAF,MAAoC,OAC9DsB,EAAAC,cAAA,KAAA,KACED,EAAAC,cAAA,QAAA,CACEO,KAAK,QACLC,GAAI,SAASC,OAAAjC,GACbkC,KAAK,SACLlC,MAAOA,EACPmC,QAAS/B,IAAWJ,EACpBoC,SAAU,SAACC,GAAM,OAAAnB,EAAwBmB,EAAS,IAEpDd,EAAOC,cAAA,QAAA,CAAAc,QAAS,SAASL,OAAAjC,IAAUC,GAVyB,MAgBpEsB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,CACEf,UAAWkB,EACTC,EAAOW,gBACP,mBACEC,EAAA,GAAAA,EAACZ,EAAOa,MAAOzB,EAAYwB,EAACZ,EAAOc,SAAU1B,EAAUwB,GACzD/B,gBAEUE,EACZgC,QAASrB,IAGXC,EAAAC,cAAA,MAAA,CAAKf,UAAWkB,EAAGC,EAAOgB,SAAU,WAAYnC,gBAAwBE,GACtEY,EACEC,cAAA,SAAA,CAAAf,UAAWkB,EAAGC,EAAOiB,iBAAkB,mBAAoB,mBAAoBpC,GAC/EsB,KAAK,SACLY,QAASrB,GAERlB,EACDmB,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOkB,QAAS,cAGnCvB,EACEC,cAAA,KAAA,CAAAf,UAAWkB,EACTC,EAAOmB,eACP,kBACEC,EAAA,GAAAA,EAACpB,EAAOqB,qBAAsBjC,EAAYgC,EAACpB,EAAOsB,wBAAyBlC,EAC7EgC,GAAAvC,IAGFc,EAAGC,cAAA,IAAA,CAAAf,UAAWkB,EAAGC,EAAOuB,OAAQ,SAAU1C,GAAYkC,QAASrB,IAC9Df,aAAO,EAAPA,EAASuB,KAAI,SAAC3B,SAAEH,EAAKG,EAAAH,MAA2C,OAApCG,EAAAF,MAC3BsB,EAAIC,cAAA,KAAA,CAAAf,UAAWkB,EAAGC,EAAOwB,eAAgB,mBACvC7B,EAAAC,cAAA,SAAA,CACExB,MAAOA,EACP+B,KAAK,SACLY,QAASzB,EACTT,UAAWkB,EACTC,EAAOyB,iBACP,oBACEb,EAAA,CAAA,EAAAA,EAACZ,EAAO0B,QAAStD,IAAUI,KAC7BK,IAGDT,GAb0D,OAuB/E"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import a from"classnames";import n,{useState as t}from"react";var l={langRadio:"LanguageSwitcher-module_langRadio__x0vX9",LangMenu:"LanguageSwitcher-module_LangMenu__k7g8K",langMenu:"LanguageSwitcher-module_LangMenu__k7g8K",LangMenu__button:"LanguageSwitcher-module_LangMenu__button__Ur1De",langMenuButton:"LanguageSwitcher-module_LangMenu__button__Ur1De",LangMenu__item:"LanguageSwitcher-module_LangMenu__item__83gzs",langMenuItem:"LanguageSwitcher-module_LangMenu__item__83gzs",LangMenu__list:"LanguageSwitcher-module_LangMenu__list__zET0i",langMenuList:"LanguageSwitcher-module_LangMenu__list__zET0i",LangMenu__list_open:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",langMenuListOpen:"LanguageSwitcher-module_LangMenu__list_open__UQTKu",LangMenu__list_closed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",langMenuListClosed:"LanguageSwitcher-module_LangMenu__list_closed__zZkDr",LangMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",langMenuOverlay:"LanguageSwitcher-module_LangMenuOverlay__v3m5V",open:"LanguageSwitcher-module_open__Saj3F",active:"LanguageSwitcher-module_active__8QrEn",Chevron:"LanguageSwitcher-module_Chevron__gPJ2z",chevron:"LanguageSwitcher-module_Chevron__gPJ2z"},u=[{value:"en",label:"EN"},{value:"ar",label:"AR"}],_=function(_){var g,r,i=_.locale,c=_.switchLang,o=_.options,m=void 0===o?u:o,L=_.className,s=void 0===L?"":L,d=_.dataQaId,M=void 0===d?"language-switcher":d,v=_.tracker,h=e(t(!1),2),w=h[0],S=h[1],E=function(e){var a=e.currentTarget.value;v&&v.customEvent("language","change","change language",{locale:a}),c(a)},p=function(){S(!w)};return n.createElement(n.Fragment,null,2===m.length?n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.langRadio,"langRadio",s)},m.map((function(e){var a=e.value,t=e.label;return n.createElement("li",null,n.createElement("input",{type:"radio",id:"radio-".concat(a),name:"radios",value:a,checked:i===a,onChange:function(e){return E(e)}}),n.createElement("label",{htmlFor:"radio-".concat(a)},t))})))):n.createElement(n.Fragment,null,n.createElement("div",{className:a(l.LangMenuOverlay,"LangMenuOverlay",(g={},g[l.open]=w,g[l.closed]=!w,g),s),"data-qa-id":M,onClick:p}),n.createElement("div",{className:a(l.LangMenu,"LangMenu",s),"data-qa-id":M},n.createElement("button",{className:a(l.LangMenu__button,"LangMenu__button","languageSwitcher",s),type:"button",onClick:p},i,n.createElement("i",{className:a(l.Chevron,"Chevron")})),n.createElement("ul",{className:a(l.LangMenu__list,"LangMenu__list",(r={},r[l.LangMenu__list_open]=w,r[l.LangMenu__list_closed]=!w,r),s)},n.createElement("i",{className:a(l.cancel,"cancel",s),onClick:p}),null==m?void 0:m.map((function(e){var t,u=e.value;return e.label,n.createElement("li",{className:a(l.LangMenu__item,"LangMenu__item")},n.createElement("button",{value:u,type:"button",onClick:E,className:a(l.languageSwitcher,"languageSwitcher",(t={},t[l.active]=u===i,t),s)},u))}))))))};export{_ as L};
|
|
2
|
-
//# sourceMappingURL=LanguageSwitcher-e11a376d.js.map
|