@redneckz/wildless-cms-uni-blocks 0.14.208 → 0.14.210
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +18 -19
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/bundle/components/CarouselLinks/ArrowIconStyles.mobile.d.ts +2 -0
- package/bundle/components/CarouselLinks/CarouselLinkButton.d.ts +2 -2
- package/bundle/icons/IconName.d.ts +2 -2
- package/cosmos-static/icons/HuaweiIcon.svg +1 -1
- package/cosmos-static/icons/sprites.svg +1 -1
- package/dist/components/Carousel/CarouselScrollButtons.js +1 -1
- package/dist/components/Carousel/CarouselScrollButtons.js.map +1 -1
- package/dist/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/dist/components/CarouselLinks/ArrowIconStyles.js +5 -0
- package/dist/components/CarouselLinks/ArrowIconStyles.js.map +1 -0
- package/dist/components/CarouselLinks/ArrowIconStyles.mobile.d.ts +2 -0
- package/dist/components/CarouselLinks/ArrowIconStyles.mobile.js +5 -0
- package/dist/components/CarouselLinks/ArrowIconStyles.mobile.js.map +1 -0
- package/dist/components/CarouselLinks/CarouselLinkButton.d.ts +2 -2
- package/dist/components/CarouselLinks/CarouselLinkButton.js +5 -4
- package/dist/components/CarouselLinks/CarouselLinkButton.js.map +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.js +4 -7
- package/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/dist/components/ExchangeRateTile/CurrentLocation.js +1 -1
- package/dist/components/ExchangeRateTile/CurrentLocation.js.map +1 -1
- package/dist/components/ExchangeRateTile/ExchangeCurrencyCalculator.js +1 -1
- package/dist/components/ExchangeRateTile/ExchangeCurrencyCalculator.js.map +1 -1
- package/dist/components/ExchangeRateTile/ExchangeRateTile.js +1 -1
- package/dist/components/ExchangeRateTile/ExchangeRateTile.js.map +1 -1
- package/dist/icons/IconName.d.ts +2 -2
- package/dist/icons/IconName.js +2 -2
- package/dist/icons/IconName.js.map +1 -1
- package/dist/ui-kit/Select/Select.js +2 -2
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Carousel/CarouselScrollButtons.js +1 -1
- package/lib/components/Carousel/CarouselScrollButtons.js.map +1 -1
- package/lib/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/lib/components/CarouselLinks/ArrowIconStyles.js +3 -0
- package/lib/components/CarouselLinks/ArrowIconStyles.js.map +1 -0
- package/lib/components/CarouselLinks/ArrowIconStyles.mobile.d.ts +2 -0
- package/lib/components/CarouselLinks/ArrowIconStyles.mobile.js +3 -0
- package/lib/components/CarouselLinks/ArrowIconStyles.mobile.js.map +1 -0
- package/lib/components/CarouselLinks/CarouselLinkButton.d.ts +2 -2
- package/lib/components/CarouselLinks/CarouselLinkButton.js +5 -4
- package/lib/components/CarouselLinks/CarouselLinkButton.js.map +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.js +4 -7
- package/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/lib/components/ExchangeRateTile/CurrentLocation.js +1 -1
- package/lib/components/ExchangeRateTile/CurrentLocation.js.map +1 -1
- package/lib/components/ExchangeRateTile/ExchangeCurrencyCalculator.js +1 -1
- package/lib/components/ExchangeRateTile/ExchangeCurrencyCalculator.js.map +1 -1
- package/lib/components/ExchangeRateTile/ExchangeRateTile.js +1 -1
- package/lib/components/ExchangeRateTile/ExchangeRateTile.js.map +1 -1
- package/lib/icons/IconName.d.ts +2 -2
- package/lib/icons/IconName.js +2 -2
- package/lib/icons/IconName.js.map +1 -1
- package/lib/ui-kit/Select/Select.js +2 -2
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +38 -34
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/mobile/bundle/icons/IconName.d.ts +2 -2
- package/mobile/dist/components/Carousel/CarouselScrollButtons.js +1 -1
- package/mobile/dist/components/Carousel/CarouselScrollButtons.js.map +1 -1
- package/mobile/dist/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/mobile/dist/components/CarouselLinks/ArrowIconStyles.js +5 -0
- package/mobile/dist/components/CarouselLinks/ArrowIconStyles.js.map +1 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinkButton.js +5 -2
- package/mobile/dist/components/CarouselLinks/CarouselLinkButton.js.map +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js +8 -11
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/dist/components/ExchangeRateTile/CurrentLocation.js +1 -1
- package/mobile/dist/components/ExchangeRateTile/CurrentLocation.js.map +1 -1
- package/mobile/dist/components/ExchangeRateTile/ExchangeCurrencyCalculator.js +1 -1
- package/mobile/dist/components/ExchangeRateTile/ExchangeCurrencyCalculator.js.map +1 -1
- package/mobile/dist/components/ExchangeRateTile/ExchangeRateTile.js +1 -1
- package/mobile/dist/components/ExchangeRateTile/ExchangeRateTile.js.map +1 -1
- package/mobile/dist/icons/IconName.d.ts +2 -2
- package/mobile/dist/icons/IconName.js +2 -2
- package/mobile/dist/icons/IconName.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Select.js +2 -2
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/Carousel/CarouselScrollButtons.js +1 -1
- package/mobile/lib/components/Carousel/CarouselScrollButtons.js.map +1 -1
- package/mobile/lib/components/CarouselLinks/ArrowIconStyles.d.ts +2 -0
- package/mobile/lib/components/CarouselLinks/ArrowIconStyles.js +3 -0
- package/mobile/lib/components/CarouselLinks/ArrowIconStyles.js.map +1 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinkButton.js +5 -2
- package/mobile/lib/components/CarouselLinks/CarouselLinkButton.js.map +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js +8 -11
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/lib/components/ExchangeRateTile/CurrentLocation.js +1 -1
- package/mobile/lib/components/ExchangeRateTile/CurrentLocation.js.map +1 -1
- package/mobile/lib/components/ExchangeRateTile/ExchangeCurrencyCalculator.js +1 -1
- package/mobile/lib/components/ExchangeRateTile/ExchangeCurrencyCalculator.js.map +1 -1
- package/mobile/lib/components/ExchangeRateTile/ExchangeRateTile.js +1 -1
- package/mobile/lib/components/ExchangeRateTile/ExchangeRateTile.js.map +1 -1
- package/mobile/lib/icons/IconName.d.ts +2 -2
- package/mobile/lib/icons/IconName.js +2 -2
- package/mobile/lib/icons/IconName.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Select.js +2 -2
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/src/components/Carousel/CarouselScrollButtons.tsx +3 -3
- package/mobile/src/components/CarouselLinks/ArrowIconStyles.ts +2 -0
- package/mobile/src/components/CarouselLinks/CarouselLinkButton.tsx +47 -19
- package/mobile/src/components/CarouselLinks/CarouselLinks.tsx +45 -55
- package/mobile/src/components/ExchangeRateTile/CurrentLocation.tsx +2 -2
- package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx +1 -1
- package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx +3 -3
- package/mobile/src/icons/HuaweiIcon.svg +1 -3
- package/mobile/src/icons/IconName.ts +3 -3
- package/mobile/src/ui-kit/Select/Select.tsx +3 -5
- package/package.json +1 -1
- package/src/components/Carousel/CarouselScrollButtons.tsx +3 -3
- package/src/components/CarouselLinks/ArrowIconStyles.mobile.ts +2 -0
- package/src/components/CarouselLinks/ArrowIconStyles.ts +2 -0
- package/src/components/CarouselLinks/CarouselLinkButton.tsx +34 -18
- package/src/components/CarouselLinks/CarouselLinks.fixture.mobile.tsx +2 -2
- package/src/components/CarouselLinks/CarouselLinks.tsx +11 -14
- package/src/components/ExchangeRateTile/CurrentLocation.tsx +2 -2
- package/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx +1 -1
- package/src/components/ExchangeRateTile/ExchangeRateTile.tsx +3 -3
- package/src/components/MobileAppTile/MobileAppTile.fixture.tsx +3 -3
- package/src/icons/HuaweiIcon.svg +1 -3
- package/src/icons/IconName.ts +3 -2
- package/src/ui-kit/Select/Select.tsx +3 -5
- package/bundle/components/CarouselLinks/CarouselLinkButton.mobile.d.ts +0 -5
- package/bundle/components/CarouselLinks/CarouselLinks.mobile.d.ts +0 -5
- package/dist/components/CarouselLinks/CarouselLinkButton.mobile.d.ts +0 -5
- package/dist/components/CarouselLinks/CarouselLinkButton.mobile.js +0 -15
- package/dist/components/CarouselLinks/CarouselLinkButton.mobile.js.map +0 -1
- package/dist/components/CarouselLinks/CarouselLinks.mobile.d.ts +0 -5
- package/dist/components/CarouselLinks/CarouselLinks.mobile.js +0 -20
- package/dist/components/CarouselLinks/CarouselLinks.mobile.js.map +0 -1
- package/lib/components/CarouselLinks/CarouselLinkButton.mobile.d.ts +0 -5
- package/lib/components/CarouselLinks/CarouselLinkButton.mobile.js +0 -13
- package/lib/components/CarouselLinks/CarouselLinkButton.mobile.js.map +0 -1
- package/lib/components/CarouselLinks/CarouselLinks.mobile.d.ts +0 -5
- package/lib/components/CarouselLinks/CarouselLinks.mobile.js +0 -18
- package/lib/components/CarouselLinks/CarouselLinks.mobile.js.map +0 -1
- package/src/components/CarouselLinks/CarouselLinkButton.mobile.tsx +0 -40
- package/src/components/CarouselLinks/CarouselLinks.mobile.tsx +0 -75
|
@@ -1,3 +1 @@
|
|
|
1
|
-
<svg title="Лого
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.471 1.4c-5.177 0-7.07 1.894-7.07 7.07V19.53c0 5.176 1.893 7.07 7.07 7.07h11.055c5.177 0 7.074-1.894 7.074-7.07V8.47c0-5.176-1.893-7.07-7.07-7.07H8.47z"
|
|
3
|
-
/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.393 16.015h1.012l-.508-1.18-.504 1.18zm-.249.595-.3.687h-.683L12.614 14h.59l1.448 3.297h-.702l-.296-.687h-1.51zm10.997.685h.66V14h-.66v3.295zm-2.63-1.416h1.218v-.6h-1.217v-.676h1.767v-.6h-2.427v3.294h2.49v-.601h-1.83v-.817zm-2.623.39L17.138 14h-.546l-.748 2.269-.73-2.267h-.712l1.15 3.297h.554l.75-2.166.75 2.166h.56l1.146-3.297h-.694l-.73 2.267zm-7.736-.38c0 .536-.266.822-.75.822-.486 0-.754-.294-.754-.845v-1.864H7.98v1.886c0 .928.516 1.46 1.414 1.46.908 0 1.428-.542 1.428-1.487V14h-.669v1.888zM6.382 14h.669v3.3h-.67v-1.34h-1.51v1.34H4.2V14h.67v1.33h1.51V14zM14 9.8a4.205 4.205 0 0 1-4.2-4.2h.594a3.61 3.61 0 0 0 3.607 3.607 3.61 3.61 0 0 0 3.607-3.606h.593c0 2.316-1.884 4.2-4.2 4.2z" fill="currentColor"/></svg>
|
|
1
|
+
<svg title="Лого «Huawei»" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.471 1.4c-5.177 0-7.07 1.894-7.07 7.07V19.53c0 5.176 1.893 7.07 7.07 7.07h11.055c5.177 0 7.074-1.894 7.074-7.07V8.47c0-5.176-1.893-7.07-7.07-7.07H8.47z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.393 16.015h1.012l-.508-1.18-.504 1.18zm-.249.595-.3.687h-.683L12.614 14h.59l1.448 3.297h-.702l-.296-.687h-1.51zm10.997.685h.66V14h-.66v3.295zm-2.63-1.416h1.218v-.6h-1.217v-.676h1.767v-.6h-2.427v3.294h2.49v-.601h-1.83v-.817zm-2.623.39L17.138 14h-.546l-.748 2.269-.73-2.267h-.712l1.15 3.297h.554l.75-2.166.75 2.166h.56l1.146-3.297h-.694l-.73 2.267zm-7.736-.38c0 .536-.266.822-.75.822-.486 0-.754-.294-.754-.845v-1.864H7.98v1.886c0 .928.516 1.46 1.414 1.46.908 0 1.428-.542 1.428-1.487V14h-.669v1.888zM6.382 14h.669v3.3h-.67v-1.34h-1.51v1.34H4.2V14h.67v1.33h1.51V14zM14 9.8a4.205 4.205 0 0 1-4.2-4.2h.594a3.61 3.61 0 0 0 3.607 3.607 3.61 3.61 0 0 0 3.607-3.606h.593c0 2.316-1.884 4.2-4.2 4.2z" fill="#fff"/></svg>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* eslint-disable max-len, max-lines */
|
|
4
4
|
|
|
5
5
|
export const IconsWithoutInversion = new Set([
|
|
6
|
-
'ActualBalanceIcon', 'BelarusianFlag', 'ChartIcon', 'ChevronLeftIcon', 'ClientIcon', 'DollarIcon', 'DoneIcon', 'EuroIcon', 'FullScreenIcon', 'HeadphonesIcon', 'HeartIcon', 'HouseIcon', 'MagnifierIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon'
|
|
6
|
+
'ActualBalanceIcon', 'BelarusianFlag', 'ChartIcon', 'ChevronLeftIcon', 'ClientIcon', 'DollarIcon', 'DoneIcon', 'EuroIcon', 'FullScreenIcon', 'HeadphonesIcon', 'HeartIcon', 'HouseIcon', 'HuaweiIcon', 'MagnifierIcon', 'MapMarkerClusterIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon'
|
|
7
7
|
]);
|
|
8
8
|
|
|
9
9
|
export enum IconMap {
|
|
@@ -11,7 +11,7 @@ export enum IconMap {
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export enum IconTitleMap {
|
|
14
|
-
AchievementIcon = 'Достижение', ActualBalanceIcon = 'Деньги', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'Портфель', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardSendIcon = 'Карта', CardTickIcon = 'Кред. карта с галочкой', ChartIcon = 'Инвестиции', ChartRoundIcon = 'Диаграмма (в круге)', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', ChineseYuanRenminbiIcon = 'Китайский юань', ClientIcon = 'Клиент', CloseIcon = 'Крестик', CoinIcon = 'Монеты', ConvertCardIcon = 'Конвертирование', CopyIcon = 'Копирование', CourtHouseIcon = 'Здание суда', CupIcon = 'Кубок', DevIcon = 'Разработка', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', DzenIcon = 'Лого «Дзен»', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FaxIcon = 'Факс', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HeartTickIcon = 'Сердцебеение', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого
|
|
14
|
+
AchievementIcon = 'Достижение', ActualBalanceIcon = 'Деньги', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BelarusianFlag = 'Белорусский флаг', BriefcaseIcon = 'Портфель', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardSendIcon = 'Карта', CardTickIcon = 'Кред. карта с галочкой', ChartIcon = 'Инвестиции', ChartRoundIcon = 'Диаграмма (в круге)', ChartSquareIcon = 'Деньги внутри кошелька', ChevronLeftIcon = 'Стрелка \'Влево\'', ChineseYuanRenminbiIcon = 'Китайский юань', ClientIcon = 'Клиент', CloseIcon = 'Крестик', CoinIcon = 'Монеты', ConvertCardIcon = 'Конвертирование', CopyIcon = 'Копирование', CourtHouseIcon = 'Здание суда', CupIcon = 'Кубок', DevIcon = 'Разработка', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', DzenIcon = 'Лого «Дзен»', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FaxIcon = 'Факс', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'Сердце', HeartTickIcon = 'Сердцебеение', HouseIcon = 'Ипотека', HuaweiIcon = 'Лого «Huawei»', LockIcon = 'Замок', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MagnifierIcon = 'MagnifierIcon', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapOpenedIcon = 'Иконка Развёрнутая карта', MinusIcon = 'Минус', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', NotificationBingIcon = 'Колокольчик нотификаций', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentIcon = 'PercentIcon', PersonalCardIcon = 'Персональная карта', PhoneCallingIcon = 'Звонящий телефон', PhoneIcon = 'Телефон', PlayMarketIcon = 'Лого «PlayMarket»', PlusCircleIcon = 'Плюс в круге', PlusIcon = 'Плюс', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', RutubeIcon = 'Лого «Rutube»', SafeIcon = 'Сейф', SecurityСardIcon = 'Безопасность', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Кольцо', TelegramIcon = 'Лого «Telegram»', UserGeoLocationIcon = 'Самолётик', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VKIcon = 'Лого «VK»', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', YoutubeIcon = 'Лого «Youtube»'
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -19,7 +19,7 @@ export enum IconTitleMap {
|
|
|
19
19
|
* @title Иконка
|
|
20
20
|
* @enumNames [
|
|
21
21
|
* "",
|
|
22
|
-
* 'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого
|
|
22
|
+
* 'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
|
|
23
23
|
* ]
|
|
24
24
|
*/
|
|
25
25
|
export type IconName = '' | 'AchievementIcon' | 'ActualBalanceIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowDownSolidIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowTopRightIcon' | 'ArrowUpIcon' | 'ArrowUpSolidIcon' | 'AtmIcon' | 'BankIcon' | 'BelarusianFlag' | 'BriefcaseIcon' | 'BuildingIcon' | 'BurgerIcon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'CardIcon' | 'CardPosIcon' | 'CardSendIcon' | 'CardTickIcon' | 'ChartIcon' | 'ChartRoundIcon' | 'ChartSquareIcon' | 'ChevronLeftIcon' | 'ChineseYuanRenminbiIcon' | 'ClientIcon' | 'CloseIcon' | 'CoinIcon' | 'ConvertCardIcon' | 'CopyIcon' | 'CourtHouseIcon' | 'CupIcon' | 'DevIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'DzenIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FaxIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HeartTickIcon' | 'HouseIcon' | 'HuaweiIcon' | 'LockIcon' | 'LogoIcon' | 'LoupeIcon' | 'MagnifierIcon' | 'MailIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MinusIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'NotificationBingIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneCallingIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusCircleIcon' | 'PlusIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'RutubeIcon' | 'SafeIcon' | 'SecurityСardIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'TelegramIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VKIcon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'YoutubeIcon';
|
|
@@ -65,14 +65,12 @@ export const Select = JSX<SelectProps>(
|
|
|
65
65
|
<div className={style('relative', hasOpen ? 'z-20' : 'z-10')} ref={inputRef}>
|
|
66
66
|
<div
|
|
67
67
|
className={style(
|
|
68
|
-
'h-14 text-l flex justify-between
|
|
68
|
+
'h-14 [&>*]:p-m pr-8 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
|
|
69
69
|
getStyle(isBorder, valid, isDisabled),
|
|
70
70
|
)}
|
|
71
71
|
onClick={hasOpen ? handleClose : open}
|
|
72
72
|
>
|
|
73
|
-
<p className="
|
|
74
|
-
{formatOption(value) || placeholder}
|
|
75
|
-
</p>
|
|
73
|
+
<p className="line-clamp-2 text-ellipsis">{formatOption(value) || placeholder}</p>
|
|
76
74
|
{renderIcon(hasOpen, iconVersion)}
|
|
77
75
|
</div>
|
|
78
76
|
{isSearch && hasOpen ? (
|
|
@@ -88,7 +86,7 @@ export const Select = JSX<SelectProps>(
|
|
|
88
86
|
|
|
89
87
|
const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
|
|
90
88
|
<Icon
|
|
91
|
-
className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
|
|
89
|
+
className={style('absolute right-3 flex self-center', isOpen ? '' : 'rotate-180')}
|
|
92
90
|
iconVersion={iconVersion}
|
|
93
91
|
name="ArrowUpIcon"
|
|
94
92
|
width="16"
|
package/package.json
CHANGED
|
@@ -51,17 +51,17 @@ export const CarouselScrollButtons = JSX<CarouselScrollButtonsProps>(
|
|
|
51
51
|
}, [scrollRight, onScrollRight, hasEdgeBlocks, canScrollLeft, activeIndex, itemCount]);
|
|
52
52
|
|
|
53
53
|
return (
|
|
54
|
-
<div className="hidden
|
|
54
|
+
<div className="m:hidden block">
|
|
55
55
|
{renderBlur(scroll)}
|
|
56
56
|
{canMoveLeft ? (
|
|
57
57
|
<ScrollLeftButton
|
|
58
|
-
className={style(scrollButtonStyle, arrowsPadded ? 'left-1
|
|
58
|
+
className={style(scrollButtonStyle, arrowsPadded ? 'left-1 m:left-8' : 'left-0')}
|
|
59
59
|
onClick={handleScrollLeft}
|
|
60
60
|
/>
|
|
61
61
|
) : null}
|
|
62
62
|
{canMoveRight ? (
|
|
63
63
|
<ScrollRightButton
|
|
64
|
-
className={style(scrollButtonStyle, arrowsPadded ? 'right-1
|
|
64
|
+
className={style(scrollButtonStyle, arrowsPadded ? 'right-1 m:right-8' : 'right-0')}
|
|
65
65
|
onClick={handleScrollRight}
|
|
66
66
|
/>
|
|
67
67
|
) : null}
|
|
@@ -1,50 +1,66 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useLink } from '../../hooks/useLink';
|
|
3
|
-
import { type LinkProps } from '../../model/LinkProps';
|
|
4
3
|
import { Img } from '../../ui-kit/Img/Img';
|
|
5
4
|
import { Text } from '../../ui-kit/Text/Text';
|
|
6
5
|
import { style } from '../../utils/style';
|
|
6
|
+
import { IconSize, IconVersion } from './ArrowIconStyles';
|
|
7
|
+
import { type CarouselLinkProps } from './CarouselLinksContent';
|
|
7
8
|
|
|
8
9
|
const LINK_CLASS_NAME = `absolute border
|
|
9
|
-
bg-white flex justify-between group-hover/link:text-primary-main`;
|
|
10
|
+
bg-white flex items-center justify-between group-hover/link:text-primary-main`;
|
|
10
11
|
|
|
11
|
-
const LINK_BORDER_CLASS_NAME = '
|
|
12
|
+
const LINK_BORDER_CLASS_NAME = 'absolute w-full h-full border border-white';
|
|
12
13
|
|
|
13
|
-
export type CarouselLinkButtonProps =
|
|
14
|
+
export type CarouselLinkButtonProps = CarouselLinkProps & {
|
|
14
15
|
className?: string;
|
|
15
16
|
};
|
|
16
17
|
|
|
17
18
|
export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
|
|
18
|
-
({ className = '', ...linkProps }) => {
|
|
19
|
+
({ className = '', icon, ...linkProps }) => {
|
|
19
20
|
const link = useLink();
|
|
20
21
|
const { text, href, target, onClick } = link(linkProps);
|
|
21
22
|
|
|
22
23
|
return text ? (
|
|
23
|
-
<div
|
|
24
|
-
|
|
24
|
+
<div
|
|
25
|
+
className={style(
|
|
26
|
+
'flex relative group/link pl-s pb-s sm:pr-2xs min-w-64 sm:min-w-72',
|
|
27
|
+
className,
|
|
28
|
+
)}
|
|
29
|
+
>
|
|
30
|
+
<div className="relative min-h-16 w-full pb-lg sm:pb-0">
|
|
25
31
|
<a
|
|
26
32
|
className={style(
|
|
27
33
|
LINK_CLASS_NAME,
|
|
28
|
-
'rounded-md lg:rounded-none w-full p-lg whitespace-nowrap z-10',
|
|
34
|
+
'flex rounded-md lg:rounded-none w-full w-full p-lg whitespace-nowrap z-10',
|
|
29
35
|
)}
|
|
30
36
|
role="link"
|
|
31
37
|
href={href}
|
|
32
38
|
target={target}
|
|
33
39
|
onClick={onClick}
|
|
34
40
|
>
|
|
35
|
-
<
|
|
36
|
-
{
|
|
37
|
-
|
|
41
|
+
<div className="flex items-center space-x-lg">
|
|
42
|
+
{icon ? (
|
|
43
|
+
<Img
|
|
44
|
+
imageClassName="text-green-dark"
|
|
45
|
+
image={icon}
|
|
46
|
+
width={IconSize}
|
|
47
|
+
height={IconSize}
|
|
48
|
+
/>
|
|
49
|
+
) : null}
|
|
50
|
+
<Text size="text-l" font="font-light" color="text-primary-text">
|
|
51
|
+
{text}
|
|
52
|
+
</Text>
|
|
53
|
+
</div>
|
|
38
54
|
<Img
|
|
39
|
-
className="group-hover/link:brightness-100
|
|
40
|
-
image={{ icon: 'ArrowRightIcon', iconVersion:
|
|
41
|
-
imageClassName="group-hover/link:text-primary-main
|
|
42
|
-
width=
|
|
43
|
-
height=
|
|
55
|
+
className="group-hover/link:brightness-100 sm:ml-2xs"
|
|
56
|
+
image={{ icon: 'ArrowRightIcon', iconVersion: IconVersion }}
|
|
57
|
+
imageClassName="group-hover/link:text-primary-main"
|
|
58
|
+
width={IconSize}
|
|
59
|
+
height={IconSize}
|
|
44
60
|
/>
|
|
45
61
|
</a>
|
|
46
|
-
<div className={style(LINK_BORDER_CLASS_NAME, '-bottom-1
|
|
47
|
-
<div className={style(LINK_BORDER_CLASS_NAME, '-bottom-
|
|
62
|
+
<div className={style(LINK_BORDER_CLASS_NAME, '-bottom-1 -left-1')} />
|
|
63
|
+
<div className={style(LINK_BORDER_CLASS_NAME, '-bottom-2 -left-2')} />
|
|
48
64
|
</div>
|
|
49
65
|
</div>
|
|
50
66
|
) : null;
|
|
@@ -25,7 +25,7 @@ const links = [
|
|
|
25
25
|
icon: { icon: 'BriefcaseIcon' },
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
text: '
|
|
28
|
+
text: 'Меры безопасности',
|
|
29
29
|
href: '#',
|
|
30
30
|
icon: { icon: 'ShieldTickIcon' },
|
|
31
31
|
},
|
|
@@ -55,7 +55,7 @@ const links = [
|
|
|
55
55
|
icon: { icon: 'ChartRoundIcon' },
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
text: '
|
|
58
|
+
text: 'Меры безопасности',
|
|
59
59
|
href: '#',
|
|
60
60
|
icon: { icon: 'CopyIcon' },
|
|
61
61
|
},
|
|
@@ -7,15 +7,15 @@ import { Carousel } from '../Carousel/Carousel';
|
|
|
7
7
|
import { Headline } from '../Headline/Headline';
|
|
8
8
|
import { CarouselLinkButton } from './CarouselLinkButton';
|
|
9
9
|
import { type CarouselLinksContent } from './CarouselLinksContent';
|
|
10
|
-
import { MAX_LINKS_COUNT } from './maxLinksCount';
|
|
10
|
+
// import { MAX_LINKS_COUNT } from './maxLinksCount';
|
|
11
11
|
|
|
12
12
|
export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
|
|
13
13
|
|
|
14
14
|
export const CarouselLinks = JSX<CarouselLinksProps>(
|
|
15
15
|
({ className, additionalDescription, description, links, title, ...rest }) => (
|
|
16
|
-
<BlockWrapper className={style('overflow-hidden', className)} {...rest}>
|
|
17
|
-
<div className="flex flex-col
|
|
18
|
-
<div>
|
|
16
|
+
<BlockWrapper defaultPadding="p-5xl" className={style('overflow-hidden', className)} {...rest}>
|
|
17
|
+
<div className="flex flex-col m:flex-row gap-s justify-between">
|
|
18
|
+
<div className="w-full m:w-1/3">
|
|
19
19
|
<Headline
|
|
20
20
|
isEmbedded={true}
|
|
21
21
|
title={title}
|
|
@@ -30,14 +30,14 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
|
|
|
30
30
|
isEmbedded={true}
|
|
31
31
|
/>
|
|
32
32
|
</div>
|
|
33
|
-
{links?.length ? renderLinks(links, '
|
|
33
|
+
{links?.length ? renderLinks(links, 'm:justify-self-end m:pt-s w-full m:w-2/3') : null}
|
|
34
34
|
</div>
|
|
35
35
|
</BlockWrapper>
|
|
36
36
|
),
|
|
37
37
|
);
|
|
38
38
|
|
|
39
39
|
const renderLinks = (links: LinkProps[], className = '') => {
|
|
40
|
-
const itemCount = Math.ceil(links.length /
|
|
40
|
+
const itemCount = Math.ceil(links.length / 3);
|
|
41
41
|
|
|
42
42
|
return (
|
|
43
43
|
<Carousel
|
|
@@ -46,21 +46,18 @@ const renderLinks = (links: LinkProps[], className = '') => {
|
|
|
46
46
|
itemCount={itemCount}
|
|
47
47
|
arrowsPadded={false}
|
|
48
48
|
padding="p-0"
|
|
49
|
+
visibleItemCount={0}
|
|
49
50
|
>
|
|
50
51
|
{Array.from({ length: itemCount })
|
|
51
52
|
.fill(null)
|
|
52
53
|
.map((_, groupIndex) => (
|
|
53
54
|
<div
|
|
54
55
|
key={String(groupIndex)}
|
|
55
|
-
className={style(
|
|
56
|
-
'flex flex-wrap gap-2xs self-start xl:justify-center @5xl:grid @5xl:grid-cols-2',
|
|
57
|
-
)}
|
|
56
|
+
className={style('flex flex-wrap gap-2xs m:justify-center')}
|
|
58
57
|
>
|
|
59
|
-
{links
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
<CarouselLinkButton key={String(index)} {...link} />
|
|
63
|
-
))}
|
|
58
|
+
{links.slice(groupIndex * 3, (groupIndex + 1) * 3).map((link, index) => (
|
|
59
|
+
<CarouselLinkButton key={String(index)} {...link} />
|
|
60
|
+
))}
|
|
64
61
|
</div>
|
|
65
62
|
))}
|
|
66
63
|
</Carousel>
|
|
@@ -12,8 +12,8 @@ const icon: Picture = { icon: 'GpsIcon' };
|
|
|
12
12
|
|
|
13
13
|
export const CurrentLocation = JSX<CurrentLocationProps>(({ className = '', address }) => (
|
|
14
14
|
<div className={`flex gap-s ${className}`}>
|
|
15
|
-
<RoundedIcon {...icon} iconBgVersion="primary" />
|
|
16
|
-
<div className="space-y-2xs">
|
|
15
|
+
<RoundedIcon {...icon} iconBgVersion="primary" className="shrink-0" />
|
|
16
|
+
<div className="space-y-2xs whitespace-pre-wrap">
|
|
17
17
|
{address ? (
|
|
18
18
|
<Paragraph size="text-l" color="text-primary-main">
|
|
19
19
|
{address}
|
|
@@ -44,7 +44,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
|
|
|
44
44
|
);
|
|
45
45
|
|
|
46
46
|
return (
|
|
47
|
-
<div className={`
|
|
47
|
+
<div className={`flex flex-col gap-m pt-2xl ${className}`}>
|
|
48
48
|
{renderInput({
|
|
49
49
|
placeholder: 'Хочу продать',
|
|
50
50
|
rates: currencyRatesSell,
|
|
@@ -36,8 +36,8 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
|
|
|
36
36
|
className="h-full"
|
|
37
37
|
title={<Heading headingType="h4" title={title} className="whitespace-pre-wrap" />}
|
|
38
38
|
>
|
|
39
|
-
<div className="flex gap-6xl flex-wrap">
|
|
40
|
-
<div>
|
|
39
|
+
<div className="flex w-full gap-6xl flex-wrap sm:flex-nowrap">
|
|
40
|
+
<div className="max-w-1/2">
|
|
41
41
|
{currencyRates ? (
|
|
42
42
|
<CurrencyTable className="mb-xl" exchangeCurrencyItems={currencyRates} />
|
|
43
43
|
) : null}
|
|
@@ -45,7 +45,7 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
|
|
|
45
45
|
</div>
|
|
46
46
|
{currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (
|
|
47
47
|
<ExchangeCurrencyCalculator
|
|
48
|
-
className="grow"
|
|
48
|
+
className="grow w-1/2"
|
|
49
49
|
currencyRatesBuy={currencyRatesBuy}
|
|
50
50
|
currencyRatesSell={currencyRatesSell}
|
|
51
51
|
button={button}
|
|
@@ -33,15 +33,15 @@ const listItems = [
|
|
|
33
33
|
const buttonStore: LinkButtonContent = {
|
|
34
34
|
aboveText: 'Загрузите в',
|
|
35
35
|
text: 'App Store',
|
|
36
|
-
icon: { icon: '
|
|
36
|
+
icon: { icon: 'HuaweiIcon', iconVersion: 'color' },
|
|
37
37
|
href: 'apps.apple.com',
|
|
38
|
-
version: '
|
|
38
|
+
version: 'secondary',
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
const buttonPlay: LinkButtonContent = {
|
|
42
42
|
aboveText: 'Доступно в',
|
|
43
43
|
text: 'Google Play',
|
|
44
|
-
icon: { icon: 'PlayMarketIcon' },
|
|
44
|
+
icon: { icon: 'PlayMarketIcon', iconVersion: 'color' },
|
|
45
45
|
href: 'play.google.com',
|
|
46
46
|
version: 'secondary',
|
|
47
47
|
};
|
package/src/icons/HuaweiIcon.svg
CHANGED
|
@@ -1,3 +1 @@
|
|
|
1
|
-
<svg title="Лого
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.471 1.4c-5.177 0-7.07 1.894-7.07 7.07V19.53c0 5.176 1.893 7.07 7.07 7.07h11.055c5.177 0 7.074-1.894 7.074-7.07V8.47c0-5.176-1.893-7.07-7.07-7.07H8.47z"
|
|
3
|
-
/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.393 16.015h1.012l-.508-1.18-.504 1.18zm-.249.595-.3.687h-.683L12.614 14h.59l1.448 3.297h-.702l-.296-.687h-1.51zm10.997.685h.66V14h-.66v3.295zm-2.63-1.416h1.218v-.6h-1.217v-.676h1.767v-.6h-2.427v3.294h2.49v-.601h-1.83v-.817zm-2.623.39L17.138 14h-.546l-.748 2.269-.73-2.267h-.712l1.15 3.297h.554l.75-2.166.75 2.166h.56l1.146-3.297h-.694l-.73 2.267zm-7.736-.38c0 .536-.266.822-.75.822-.486 0-.754-.294-.754-.845v-1.864H7.98v1.886c0 .928.516 1.46 1.414 1.46.908 0 1.428-.542 1.428-1.487V14h-.669v1.888zM6.382 14h.669v3.3h-.67v-1.34h-1.51v1.34H4.2V14h.67v1.33h1.51V14zM14 9.8a4.205 4.205 0 0 1-4.2-4.2h.594a3.61 3.61 0 0 0 3.607 3.607 3.61 3.61 0 0 0 3.607-3.606h.593c0 2.316-1.884 4.2-4.2 4.2z" fill="currentColor"/></svg>
|
|
1
|
+
<svg title="Лого «Huawei»" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.471 1.4c-5.177 0-7.07 1.894-7.07 7.07V19.53c0 5.176 1.893 7.07 7.07 7.07h11.055c5.177 0 7.074-1.894 7.074-7.07V8.47c0-5.176-1.893-7.07-7.07-7.07H8.47z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.393 16.015h1.012l-.508-1.18-.504 1.18zm-.249.595-.3.687h-.683L12.614 14h.59l1.448 3.297h-.702l-.296-.687h-1.51zm10.997.685h.66V14h-.66v3.295zm-2.63-1.416h1.218v-.6h-1.217v-.676h1.767v-.6h-2.427v3.294h2.49v-.601h-1.83v-.817zm-2.623.39L17.138 14h-.546l-.748 2.269-.73-2.267h-.712l1.15 3.297h.554l.75-2.166.75 2.166h.56l1.146-3.297h-.694l-.73 2.267zm-7.736-.38c0 .536-.266.822-.75.822-.486 0-.754-.294-.754-.845v-1.864H7.98v1.886c0 .928.516 1.46 1.414 1.46.908 0 1.428-.542 1.428-1.487V14h-.669v1.888zM6.382 14h.669v3.3h-.67v-1.34h-1.51v1.34H4.2V14h.67v1.33h1.51V14zM14 9.8a4.205 4.205 0 0 1-4.2-4.2h.594a3.61 3.61 0 0 0 3.607 3.607 3.61 3.61 0 0 0 3.607-3.606h.593c0 2.316-1.884 4.2-4.2 4.2z" fill="#fff"/></svg>
|
package/src/icons/IconName.ts
CHANGED
|
@@ -14,6 +14,7 @@ export const IconsWithoutInversion = new Set([
|
|
|
14
14
|
'HeadphonesIcon',
|
|
15
15
|
'HeartIcon',
|
|
16
16
|
'HouseIcon',
|
|
17
|
+
'HuaweiIcon',
|
|
17
18
|
'MagnifierIcon',
|
|
18
19
|
'MapMarkerClusterIcon',
|
|
19
20
|
'MapMarkerSingleIcon',
|
|
@@ -192,7 +193,7 @@ export enum IconTitleMap {
|
|
|
192
193
|
HeartIcon = 'Сердце',
|
|
193
194
|
HeartTickIcon = 'Сердцебеение',
|
|
194
195
|
HouseIcon = 'Ипотека',
|
|
195
|
-
HuaweiIcon =
|
|
196
|
+
HuaweiIcon = 'Лого «Huawei»',
|
|
196
197
|
LockIcon = 'Замок',
|
|
197
198
|
LogoIcon = 'Logo',
|
|
198
199
|
LoupeIcon = 'Лупа',
|
|
@@ -246,7 +247,7 @@ export enum IconTitleMap {
|
|
|
246
247
|
* @title Иконка
|
|
247
248
|
* @enumNames [
|
|
248
249
|
* "",
|
|
249
|
-
* 'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого
|
|
250
|
+
* 'Достижение', 'Деньги', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Logo', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
|
|
250
251
|
* ]
|
|
251
252
|
*/
|
|
252
253
|
export type IconName =
|
|
@@ -65,14 +65,12 @@ export const Select = JSX<SelectProps>(
|
|
|
65
65
|
<div className={style('relative', hasOpen ? 'z-20' : 'z-10')} ref={inputRef}>
|
|
66
66
|
<div
|
|
67
67
|
className={style(
|
|
68
|
-
'h-14 text-l flex justify-between
|
|
68
|
+
'h-14 [&>*]:p-m pr-8 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
|
|
69
69
|
getStyle(isBorder, valid, isDisabled),
|
|
70
70
|
)}
|
|
71
71
|
onClick={hasOpen ? handleClose : open}
|
|
72
72
|
>
|
|
73
|
-
<p className="
|
|
74
|
-
{formatOption(value) || placeholder}
|
|
75
|
-
</p>
|
|
73
|
+
<p className="line-clamp-2 text-ellipsis">{formatOption(value) || placeholder}</p>
|
|
76
74
|
{renderIcon(hasOpen, iconVersion)}
|
|
77
75
|
</div>
|
|
78
76
|
{isSearch && hasOpen ? (
|
|
@@ -88,7 +86,7 @@ export const Select = JSX<SelectProps>(
|
|
|
88
86
|
|
|
89
87
|
const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
|
|
90
88
|
<Icon
|
|
91
|
-
className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
|
|
89
|
+
className={style('absolute right-3 flex self-center', isOpen ? '' : 'rotate-180')}
|
|
92
90
|
iconVersion={iconVersion}
|
|
93
91
|
name="ArrowUpIcon"
|
|
94
92
|
width="16"
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type CarouselLinkProps } from './CarouselLinksContent';
|
|
2
|
-
export declare type CarouselLinkButtonProps = CarouselLinkProps & {
|
|
3
|
-
className?: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
2
|
-
import { type CarouselLinksContent } from './CarouselLinksContent';
|
|
3
|
-
export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type CarouselLinkProps } from './CarouselLinksContent';
|
|
2
|
-
export declare type CarouselLinkButtonProps = CarouselLinkProps & {
|
|
3
|
-
className?: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.CarouselLinkButton = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const useLink_1 = require("../../hooks/useLink");
|
|
6
|
-
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
7
|
-
const Img_1 = require("../../ui-kit/Img/Img");
|
|
8
|
-
const Text_1 = require("../../ui-kit/Text/Text");
|
|
9
|
-
const style_1 = require("../../utils/style");
|
|
10
|
-
exports.CarouselLinkButton = (0, uni_jsx_1.JSX)(({ className = '', icon, ...linkProps }) => {
|
|
11
|
-
const link = (0, useLink_1.useLink)();
|
|
12
|
-
const { text, href, target, onClick } = link(linkProps);
|
|
13
|
-
return text ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('w-full pb-lg', className), children: (0, jsx_runtime_1.jsxs)("a", { className: "bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap", role: "link", href: href, target: target, onClick: onClick, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-lg", children: [icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { imageClassName: "text-green-dark", image: icon, width: "20", height: "20" })) : null, (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "text-green", name: "ArrowRightIcon", width: "20", height: "20" })] }) })) : null;
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=CarouselLinkButton.mobile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinkButton.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinkButton.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,iDAA8C;AAC9C,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAO7B,QAAA,kBAAkB,GAAG,IAAA,aAAG,EACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IAExD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,cAAc,EAAE,SAAS,CAAC,YAC9C,+BACE,SAAS,EAAC,wEAAwE,EAClF,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEhB,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IAAC,cAAc,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,IACH,EACN,uBAAC,WAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,IAC1E,GACA,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
2
|
-
import { type CarouselLinksContent } from './CarouselLinksContent';
|
|
3
|
-
export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.CarouselLinks = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
|
-
const DefaultFoldButton_1 = require("../../ui-kit/Foldable/DefaultFoldButton");
|
|
7
|
-
const Foldable_1 = require("../../ui-kit/Foldable/Foldable");
|
|
8
|
-
const FoldableSection_1 = require("../../ui-kit/Foldable/FoldableSection");
|
|
9
|
-
const Headline_1 = require("../Headline/Headline");
|
|
10
|
-
const CarouselLinkButton_1 = require("./CarouselLinkButton");
|
|
11
|
-
exports.CarouselLinks = (0, uni_jsx_1.JSX)(({ className, additionalDescription, description, links = [], title, ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: className, ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), (0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] })));
|
|
12
|
-
const renderLinks = (links, visibleLinksNum = 3) => {
|
|
13
|
-
const carouselLinks = (links || []).map((link, index) => ((0, jsx_runtime_1.jsx)(CarouselLinkButton_1.CarouselLinkButton, { ...link }, String(index))));
|
|
14
|
-
const [visibleLinks, hiddenLinks] = visibleLinksNum > 0
|
|
15
|
-
? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
|
|
16
|
-
: [carouselLinks, []];
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "mt-4xl", children: hiddenLinks.length > 0 ? ((0, jsx_runtime_1.jsx)(Foldable_1.Foldable, { renderFoldableSection: ({ isUnfolded }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-1", children: visibleLinks }), (0, jsx_runtime_1.jsx)(FoldableSection_1.FoldableSection, { isUnfolded: isUnfolded, children: hiddenLinks })] })), renderFoldButton: renderFoldButton })) : ((0, jsx_runtime_1.jsx)("div", { children: visibleLinks })) }));
|
|
18
|
-
};
|
|
19
|
-
const renderFoldButton = ({ isUnfolded, onToggle }) => isUnfolded ? null : ((0, jsx_runtime_1.jsx)(DefaultFoldButton_1.DefaultFoldButton, { className: "border-t-main-divider/50", icon: "PlusIcon", label: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435", onClick: onToggle }));
|
|
20
|
-
//# sourceMappingURL=CarouselLinks.mobile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinks.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,+EAA4E;AAC5E,6DAA0D;AAE1D,2EAAwE;AAExE,mDAAgD;AAChD,6DAA0D;AAK7C,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,wBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,aAC1C,4CACE,uBAAC,mBAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,eAAe,GAAG,CAAC,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,uBAAC,uCAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC/B,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,gCAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,uBAAC,mBAAQ,IACP,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,4CACE,gCAAK,SAAS,EAAC,MAAM,YAAE,YAAY,GAAO,EAC1C,uBAAC,iCAAe,IAAC,UAAU,EAAE,UAAU,YAAG,WAAW,GAAmB,IACpE,CACP,EACD,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF,0CAAM,YAAY,GAAO,CAC1B,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CACvE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,uBAAC,qCAAiB,IAChB,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qEAAc,EACpB,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type CarouselLinkProps } from './CarouselLinksContent';
|
|
2
|
-
export declare type CarouselLinkButtonProps = CarouselLinkProps & {
|
|
3
|
-
className?: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const CarouselLinkButton: import("@redneckz/uni-jsx").UNIComponent<CarouselLinkButtonProps, any, any>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useLink } from '../../hooks/useLink.js';
|
|
4
|
-
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
5
|
-
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
|
-
import { Text } from '../../ui-kit/Text/Text.js';
|
|
7
|
-
import { style } from '../../utils/style.js';
|
|
8
|
-
export const CarouselLinkButton = JSX(({ className = '', icon, ...linkProps }) => {
|
|
9
|
-
const link = useLink();
|
|
10
|
-
const { text, href, target, onClick } = link(linkProps);
|
|
11
|
-
return text ? (_jsx("div", { className: style('w-full pb-lg', className), children: _jsxs("a", { className: "bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap", role: "link", href: href, target: target, onClick: onClick, children: [_jsxs("div", { className: "flex items-center space-x-lg", children: [icon ? (_jsx(Img, { imageClassName: "text-green-dark", image: icon, width: "20", height: "20" })) : null, _jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })] }), _jsx(Icon, { className: "text-green", name: "ArrowRightIcon", width: "20", height: "20" })] }) })) : null;
|
|
12
|
-
});
|
|
13
|
-
//# sourceMappingURL=CarouselLinkButton.mobile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinkButton.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinkButton.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;IAExD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,CAAC,YAC9C,aACE,SAAS,EAAC,wEAAwE,EAClF,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,8BAA8B,aAC1C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IAAC,cAAc,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,IACH,EACN,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,IAC1E,GACA,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
2
|
-
import { type CarouselLinksContent } from './CarouselLinksContent';
|
|
3
|
-
export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const CarouselLinks: import("@redneckz/uni-jsx").UNIComponent<CarouselLinksProps, any, any>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
|
-
import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
|
|
5
|
-
import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
|
|
6
|
-
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
|
|
7
|
-
import { Headline } from '../Headline/Headline.js';
|
|
8
|
-
import { CarouselLinkButton } from './CarouselLinkButton.js';
|
|
9
|
-
export const CarouselLinks = JSX(({ className, additionalDescription, description, links = [], title, ...rest }) => (_jsxs(BlockWrapper, { className: className, ...rest, children: [_jsxs("div", { children: [_jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), _jsx(Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links) : null] })));
|
|
10
|
-
const renderLinks = (links, visibleLinksNum = 3) => {
|
|
11
|
-
const carouselLinks = (links || []).map((link, index) => (_jsx(CarouselLinkButton, { ...link }, String(index))));
|
|
12
|
-
const [visibleLinks, hiddenLinks] = visibleLinksNum > 0
|
|
13
|
-
? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
|
|
14
|
-
: [carouselLinks, []];
|
|
15
|
-
return (_jsx("div", { className: "mt-4xl", children: hiddenLinks.length > 0 ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs("div", { children: [_jsx("div", { className: "mb-1", children: visibleLinks }), _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenLinks })] })), renderFoldButton: renderFoldButton })) : (_jsx("div", { children: visibleLinks })) }));
|
|
16
|
-
};
|
|
17
|
-
const renderFoldButton = ({ isUnfolded, onToggle }) => isUnfolded ? null : (_jsx(DefaultFoldButton, { className: "border-t-main-divider/50", icon: "PlusIcon", label: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435", onClick: onToggle }));
|
|
18
|
-
//# sourceMappingURL=CarouselLinks.mobile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinks.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,MAAC,YAAY,IAAC,SAAS,EAAE,SAAS,KAAM,IAAI,aAC1C,0BACE,KAAC,QAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,eAAe,GAAG,CAAC,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,KAAC,kBAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,CAAC;IAEH,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC/B,eAAe,GAAG,CAAC;QACjB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAE1B,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,KAAC,QAAQ,IACP,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,0BACE,cAAK,SAAS,EAAC,MAAM,YAAE,YAAY,GAAO,EAC1C,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,YAAG,WAAW,GAAmB,IACpE,CACP,EACD,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,CACF,wBAAM,YAAY,GAAO,CAC1B,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CACvE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,iBAAiB,IAChB,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,qEAAc,EACpB,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}
|