@redneckz/wildless-cms-uni-blocks 0.14.593 → 0.14.595

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,19 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type TextProps } from '../../model/HeadlineType';
 import { type ListOrientation } from '../../model/ListOrientation';
 import { style } from '../../utils/style';
 import { Checkbox } from '../Checkbox/Checkbox';
+import { type ControlProps } from '../ControlProps';
 import { Text } from '../Text/Text';
 
 export type RadioButtonItem = TextProps & {
   id: string;
 };
 
-interface RadioButtonGroupProps {
-  title?: string;
+export interface RadioButtonGroupProps extends DefaultControlType, ControlProps<string> {
   items?: RadioButtonItem[];
-  checkedItem?: string;
-  className?: string;
   onChange?: (id: string) => void;
   disabled?: boolean;
   orientation?: ListOrientation;
@@ -26,19 +25,19 @@ const orientationStyleMap: Record<ListOrientation, string> = {
 
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
   ({
-    title,
+    label,
     items,
-    checkedItem,
+    value,
     className,
     onChange: onChangeCheckedItem,
     disabled = false,
     orientation = 'horizontal',
   }) => (
     <div className="grid gap-xs whitespace-nowrap">
-      {title ? (
-        <div role="radiogroup" aria-label={title}>
+      {label ? (
+        <div role="radiogroup" aria-label={label}>
           <Text color="text-secondary-text" font="font-light">
-            {title}
+            {label}
           </Text>
         </div>
       ) : null}
@@ -52,7 +51,7 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
             key={String(id)}
             isRadio
             text={text}
-            value={checkedItem === id}
+            value={value === id}
             onChange={() => onChangeCheckedItem && onChangeCheckedItem(id)}
             disabled={disabled}
           />

package/mobile/src/ui-kit/RadioButtonGroup/RadioButtonGroupControl.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
+import { style } from '../../utils/style';
+import { renderErrorText } from '../Input/renderErrorText';
+import { RadioButtonGroup, type RadioButtonGroupProps } from './RadioButtonGroup';
+
+export const RadioButtonGroupControl = JSX<RadioButtonGroupProps>(
+  ({ className, label, onChange, error, ...rest }) => (
+    <div className={style('shrink-0 w-full', className)}>
+      <RadioButtonGroup
+        label={getRequiredLabel({ label, errors: rest?.errors })}
+        onChange={(_) => onChange && onChange(_)}
+        {...rest}
+      />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

package/mobile/src/ui-kit/Select/Select.tsx

@@ -1,9 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
+import { type ControlProps } from '../ControlProps';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
 import { renderLabel } from '../Input/renderLabel';
@@ -11,21 +12,16 @@ import { formatOption } from './formatOption';
 import { type Option } from './Option';
 import { useSelectPopup } from './useSelectPopup';
 
-export type SelectProps = LabelProps & {
-  className?: string;
+export interface SelectProps extends DefaultControlType, ControlProps<Option> {
   options?: Option[];
-  value?: Option;
   valid?: boolean;
   isBorder?: boolean;
-  placeholder?: string;
   isSearch?: boolean;
-  onChange?: (value: Option) => void;
   iconVersion?: IconVersion;
   disabled?: boolean;
-};
+}
 
 export const Select = JSX<SelectProps>(
-  // eslint-disable-next-line complexity
   ({
     className,
     label,
@@ -37,11 +33,11 @@ export const Select = JSX<SelectProps>(
     isSearch = false,
     iconVersion = 'black',
     onChange,
-    disabled,
+    disabled = false,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const [query, setQuery] = useState('');
-    const isDisabled = disabled || options.length === 0;
+    const isDisabled = getDisabled(disabled, options.length);
     const hasOpen = isOpen && !isDisabled;
 
     const handleClose = useCallback(() => {
@@ -101,3 +97,5 @@ const getStyle = (isBorder: boolean, valid: boolean, disabled: boolean) =>
     disabled ? 'bg-main-divider' : 'cursor-pointer ',
     valid ? 'border-gray' : 'border-error',
   );
+
+const getDisabled = (disabled: boolean, length: number) => disabled || length === 0;

package/mobile/src/ui-kit/Select/SelectControl.tsx

@@ -1,18 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { renderErrorText } from '../Input/renderErrorText';
 import { Select, type SelectProps } from './Select';
 
-interface SelectControlProps extends SelectProps {
-  label?: string;
-  error?: string;
-  errors?: string[];
-  className?: string;
-}
-
-export const SelectControl = JSX<SelectControlProps>(
-  ({ className = '', label, error, ...rest }) => (
+export const SelectControl = JSX<SelectProps>(
+  ({ className = '', label, error, errors, ...rest }) => (
     <div className={className}>
-      <Select {...rest} valid={!error} label={rest?.errors ? `${label}*` : label} />
+      <Select {...rest} valid={!error} label={getRequiredLabel({ label, errors })} />
       {renderErrorText(error)}
     </div>
   ),

package/mobile/src/utils/getRequiredLabel.ts

@@ -0,0 +1,4 @@
+import type { DefaultControlType } from '../model/DefaultControlType';
+
+export const getRequiredLabel = ({ label, errors }: DefaultControlType) =>
+  label && errors ? `${label}*` : label;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.593",
+  "version": "0.14.595",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/icons/IconName.ts

@@ -1,17 +1,258 @@
-
 // Generated. Do not touch
 /* eslint-disable max-len, max-lines */
 
 export const IconsWithoutInversion = new Set([
-  'ActualBalanceIcon', 'AlarmIcon', 'BelarusianFlag', 'ChartIcon', 'ChevronLeftIcon', 'ClientIcon', 'DollarIcon', 'DoneIcon', 'EuroIcon', 'FullScreenIcon', 'HeadphonesIcon', 'HeartIcon', 'HouseIcon', 'LogoIcon', 'MagnifierIcon', 'MapMarkerClusterIcon', 'MapMarkerClusterYellowIcon', 'MapMarkerSingleIcon', 'MapOpenedIcon', 'MoneyInsuranceIcon', 'NewDocIcon', 'PackA4Icon', 'PassSendIcon', 'PercentIcon', 'RefreshIcon', 'ResponseFailIcon', 'ResponseOKIcon', 'SignDocsIcon', 'SoundIcon'
+  'ActualBalanceIcon',
+  'AlarmIcon',
+  'BelarusianFlag',
+  'ChartIcon',
+  'ChevronLeftIcon',
+  'ClientIcon',
+  'DollarIcon',
+  'DoneIcon',
+  'EuroIcon',
+  'FullScreenIcon',
+  'HeadphonesIcon',
+  'HeartIcon',
+  'HouseIcon',
+  'LogoIcon',
+  'MagnifierIcon',
+  'MapMarkerClusterIcon',
+  'MapMarkerClusterYellowIcon',
+  'MapMarkerSingleIcon',
+  'MapOpenedIcon',
+  'MoneyInsuranceIcon',
+  'NewDocIcon',
+  'PackA4Icon',
+  'PassSendIcon',
+  'PercentIcon',
+  'RefreshIcon',
+  'ResponseFailIcon',
+  'ResponseOKIcon',
+  'SignDocsIcon',
+  'SoundIcon',
 ]);
 
 export enum IconMap {
-  AchievementIcon = 'AchievementIcon', ActualBalanceIcon = 'ActualBalanceIcon', AlarmIcon = 'AlarmIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BelarusianFlag = 'BelarusianFlag', BriefcaseIcon = 'BriefcaseIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardSendIcon = 'CardSendIcon', CardTickIcon = 'CardTickIcon', ChartIcon = 'ChartIcon', ChartRoundIcon = 'ChartRoundIcon', ChartSquareIcon = 'ChartSquareIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ClientIcon = 'ClientIcon', CloseIcon = 'CloseIcon', CoinIcon = 'CoinIcon', ConvertCardIcon = 'ConvertCardIcon', CopyIcon = 'CopyIcon', CourtHouseIcon = 'CourtHouseIcon', CupIcon = 'CupIcon', DevIcon = 'DevIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', DzenIcon = 'DzenIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FaxIcon = 'FaxIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeadphonesIcon = 'HeadphonesIcon', HeartIcon = 'HeartIcon', HeartTickIcon = 'HeartTickIcon', HouseIcon = 'HouseIcon', HuaweiIcon = 'HuaweiIcon', LockIcon = 'LockIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MagnifierIcon = 'MagnifierIcon', MailIcon = 'MailIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapOpenedIcon = 'MapOpenedIcon', MinusIcon = 'MinusIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', NotificationBingIcon = 'NotificationBingIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentIcon = 'PercentIcon', PersonalCardIcon = 'PersonalCardIcon', PhoneCallingIcon = 'PhoneCallingIcon', PhoneIcon = 'PhoneIcon', PlayMarketIcon = 'PlayMarketIcon', PlusCircleIcon = 'PlusCircleIcon', PlusIcon = 'PlusIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', RefreshIcon = 'RefreshIcon', ResponseFailIcon = 'ResponseFailIcon', ResponseOKIcon = 'ResponseOKIcon', RoundRubleIcon = 'RoundRubleIcon', RustoreIcon = 'RustoreIcon', RutubeIcon = 'RutubeIcon', SafeIcon = 'SafeIcon', SecurityСardIcon = 'SecurityСardIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', TelegramIcon = 'TelegramIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VKIcon = 'VKIcon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', YoutubeIcon = 'YoutubeIcon'
+  AchievementIcon = 'AchievementIcon',
+  ActualBalanceIcon = 'ActualBalanceIcon',
+  AlarmIcon = 'AlarmIcon',
+  AppleIcon = 'AppleIcon',
+  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowDownSolidIcon = 'ArrowDownSolidIcon',
+  ArrowLeftIcon = 'ArrowLeftIcon',
+  ArrowRightIcon = 'ArrowRightIcon',
+  ArrowTopRightIcon = 'ArrowTopRightIcon',
+  ArrowUpIcon = 'ArrowUpIcon',
+  ArrowUpSolidIcon = 'ArrowUpSolidIcon',
+  AtmIcon = 'AtmIcon',
+  BankIcon = 'BankIcon',
+  BelarusianFlag = 'BelarusianFlag',
+  BriefcaseIcon = 'BriefcaseIcon',
+  BuildingIcon = 'BuildingIcon',
+  BurgerIcon = 'BurgerIcon',
+  CalendarCircleIcon = 'CalendarCircleIcon',
+  CalendarIcon = 'CalendarIcon',
+  CalendarTickIcon = 'CalendarTickIcon',
+  CardIcon = 'CardIcon',
+  CardPosIcon = 'CardPosIcon',
+  CardSendIcon = 'CardSendIcon',
+  CardTickIcon = 'CardTickIcon',
+  ChartIcon = 'ChartIcon',
+  ChartRoundIcon = 'ChartRoundIcon',
+  ChartSquareIcon = 'ChartSquareIcon',
+  ChevronLeftIcon = 'ChevronLeftIcon',
+  ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon',
+  ClientIcon = 'ClientIcon',
+  CloseIcon = 'CloseIcon',
+  CoinIcon = 'CoinIcon',
+  ConvertCardIcon = 'ConvertCardIcon',
+  CopyIcon = 'CopyIcon',
+  CourtHouseIcon = 'CourtHouseIcon',
+  CupIcon = 'CupIcon',
+  DevIcon = 'DevIcon',
+  DiscountShapeIcon = 'DiscountShapeIcon',
+  DocDownloadIcon = 'DocDownloadIcon',
+  DocIcon = 'DocIcon',
+  DollarIcon = 'DollarIcon',
+  DoneIcon = 'DoneIcon',
+  DoneSimpleIcon = 'DoneSimpleIcon',
+  DzenIcon = 'DzenIcon',
+  EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
+  EmptyWalletIcon = 'EmptyWalletIcon',
+  EuroIcon = 'EuroIcon',
+  FaxIcon = 'FaxIcon',
+  FullScreenIcon = 'FullScreenIcon',
+  GeolocationIcon = 'GeolocationIcon',
+  GlobalIcon = 'GlobalIcon',
+  GpsIcon = 'GpsIcon',
+  GridIcon = 'GridIcon',
+  HeadphonesIcon = 'HeadphonesIcon',
+  HeartIcon = 'HeartIcon',
+  HeartTickIcon = 'HeartTickIcon',
+  HouseIcon = 'HouseIcon',
+  HuaweiIcon = 'HuaweiIcon',
+  InfoCircleIcon = 'InfoCircleIcon',
+  LockIcon = 'LockIcon',
+  LogoIcon = 'LogoIcon',
+  LoupeIcon = 'LoupeIcon',
+  MagnifierIcon = 'MagnifierIcon',
+  MailIcon = 'MailIcon',
+  MapMarkerClusterIcon = 'MapMarkerClusterIcon',
+  MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon',
+  MapMarkerSingleIcon = 'MapMarkerSingleIcon',
+  MapOpenedIcon = 'MapOpenedIcon',
+  MinusIcon = 'MinusIcon',
+  MoneyIcon = 'MoneyIcon',
+  MoneyInsuranceIcon = 'MoneyInsuranceIcon',
+  MonitorMobileIcon = 'MonitorMobileIcon',
+  NewDocIcon = 'NewDocIcon',
+  NotificationBingIcon = 'NotificationBingIcon',
+  OkIcon = 'OkIcon',
+  PackA4Icon = 'PackA4Icon',
+  PassSendIcon = 'PassSendIcon',
+  PercentageRoundIcon = 'PercentageRoundIcon',
+  PercentIcon = 'PercentIcon',
+  PersonalCardIcon = 'PersonalCardIcon',
+  PhoneCallingIcon = 'PhoneCallingIcon',
+  PhoneIcon = 'PhoneIcon',
+  PlayMarketIcon = 'PlayMarketIcon',
+  PlusCircleIcon = 'PlusCircleIcon',
+  PlusIcon = 'PlusIcon',
+  Profile2UserIcon = 'Profile2UserIcon',
+  ProfileIcon = 'ProfileIcon',
+  RefreshIcon = 'RefreshIcon',
+  ResponseFailIcon = 'ResponseFailIcon',
+  ResponseOKIcon = 'ResponseOKIcon',
+  RoundRubleIcon = 'RoundRubleIcon',
+  RustoreIcon = 'RustoreIcon',
+  RutubeIcon = 'RutubeIcon',
+  SafeIcon = 'SafeIcon',
+  SecurityСardIcon = 'SecurityСardIcon',
+  ShieldTickIcon = 'ShieldTickIcon',
+  SignDocsIcon = 'SignDocsIcon',
+  SmallClockIcon = 'SmallClockIcon',
+  SoundIcon = 'SoundIcon',
+  TelegramIcon = 'TelegramIcon',
+  UserGeoLocationIcon = 'UserGeoLocationIcon',
+  UserSquareIcon = 'UserSquareIcon',
+  UserTickIcon = 'UserTickIcon',
+  VKIcon = 'VKIcon',
+  WalletAddIcon = 'WalletAddIcon',
+  WalletIcon = 'WalletIcon',
+  WalletWithMoneyIcon = 'WalletWithMoneyIcon',
+  YoutubeIcon = 'YoutubeIcon',
 }
 
 export enum IconTitleMap {
-  AchievementIcon = 'Достижение', ActualBalanceIcon = 'Деньги', AlarmIcon = 'Предупреждение', 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 = 'Логотип', LoupeIcon = 'Лупа', MagnifierIcon = 'MagnifierIcon', MailIcon = 'E-mail', MapMarkerClusterIcon = 'Маркер карты', MapMarkerClusterYellowIcon = 'Маркер карты (желтый)', 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 = 'Профиль', RefreshIcon = 'RefreshIcon', ResponseFailIcon = 'Ошибка', ResponseOKIcon = 'Ок', RoundRubleIcon = 'Рубль (круг.)', RustoreIcon = 'Лого «Rustore»', RutubeIcon = 'Лого «Rutube»', SafeIcon = 'Сейф', SecurityСardIcon = 'Безопасность', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Кольцо', TelegramIcon = 'Лого «Telegram»', UserGeoLocationIcon = 'Самолётик', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VKIcon = 'Лого «VK»', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', YoutubeIcon = 'Лого «Youtube»'
+  AchievementIcon = 'Достижение',
+  ActualBalanceIcon = 'Деньги',
+  AlarmIcon = 'Предупреждение',
+  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»',
+  InfoCircleIcon = 'Инфо',
+  LockIcon = 'Замок',
+  LogoIcon = 'Логотип',
+  LoupeIcon = 'Лупа',
+  MagnifierIcon = 'MagnifierIcon',
+  MailIcon = 'E-mail',
+  MapMarkerClusterIcon = 'Маркер карты',
+  MapMarkerClusterYellowIcon = 'Маркер карты (желтый)',
+  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 = 'Профиль',
+  RefreshIcon = 'RefreshIcon',
+  ResponseFailIcon = 'Ошибка',
+  ResponseOKIcon = 'Ок',
+  RoundRubleIcon = 'Рубль (круг.)',
+  RustoreIcon = 'Лого «Rustore»',
+  RutubeIcon = 'Лого «Rutube»',
+  SafeIcon = 'Сейф',
+  SecurityСardIcon = 'Безопасность',
+  ShieldTickIcon = 'Безопасность',
+  SignDocsIcon = 'Подписанные документы',
+  SmallClockIcon = 'Маленькие часы',
+  SoundIcon = 'Кольцо',
+  TelegramIcon = 'Лого «Telegram»',
+  UserGeoLocationIcon = 'Самолётик',
+  UserSquareIcon = 'Пользователь в рамке',
+  UserTickIcon = 'Пользователь',
+  VKIcon = 'Лого «VK»',
+  WalletAddIcon = 'Кошелёк с плюсом',
+  WalletIcon = 'Кошелёк',
+  WalletWithMoneyIcon = 'Кошелёк с деньгами',
+  YoutubeIcon = 'Лого «Youtube»',
 }
 
 /**
@@ -19,7 +260,116 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Достижение', 'Деньги', 'Предупреждение', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебеение', 'Ипотека', 'Лого «Huawei»', 'Замок', 'Логотип', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты (желтый)', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'RefreshIcon', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
+ *   'Достижение', 'Деньги', 'Предупреждение', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Стрелка сплошная \'Вверх\'', 'Банкомат', 'Банк', 'Белорусский флаг', 'Портфель', 'Здание с деревом', 'Бургер', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Карта', 'Кред. карта с галочкой', 'Инвестиции', 'Диаграмма (в круге)', 'Деньги внутри кошелька', 'Стрелка \'Влево\'', 'Китайский юань', 'Клиент', 'Крестик', 'Монеты', 'Конвертирование', 'Копирование', 'Здание суда', 'Кубок', 'Разработка', 'Скидка', 'Скачать документ', 'Документ', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Лого «Дзен»', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Факс', 'FullScreenIcon', 'Геолокация', 'Глобус', 'Gps', 'Сетка (белая)', 'HeadphonesIcon', 'Сердце', 'Сердцебиение', 'Ипотека', 'Лого «Huawei»', 'Инфо', 'Замок', 'Логотип', 'Лупа', 'MagnifierIcon', 'E-mail', 'Маркер карты', 'Маркер карты (желтый)', 'Маркер карты РСХБ', 'Иконка Развёрнутая карта', 'Минус', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Колокольчик нотификаций', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'PercentIcon', 'Персональная карта', 'Звонящий телефон', 'Телефон', 'Лого «PlayMarket»', 'Плюс в круге', 'Плюс', 'Профиль, 2 персоны', 'Профиль', 'RefreshIcon', 'Ошибка', 'Ок', 'Рубль (круг.)', 'Лого «Rustore»', 'Лого «Rutube»', 'Сейф', 'Безопасность', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Кольцо', 'Лого «Telegram»', 'Самолётик', 'Пользователь в рамке', 'Пользователь', 'Лого «VK»', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Лого «Youtube»'
  * ]
  */
-export type IconName = '' | 'AchievementIcon' | 'ActualBalanceIcon' | 'AlarmIcon' | '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' | 'MapMarkerClusterYellowIcon' | 'MapMarkerSingleIcon' | 'MapOpenedIcon' | 'MinusIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'NotificationBingIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PersonalCardIcon' | 'PhoneCallingIcon' | 'PhoneIcon' | 'PlayMarketIcon' | 'PlusCircleIcon' | 'PlusIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'RefreshIcon' | 'ResponseFailIcon' | 'ResponseOKIcon' | 'RoundRubleIcon' | 'RustoreIcon' | 'RutubeIcon' | 'SafeIcon' | 'SecurityСardIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'TelegramIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VKIcon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'YoutubeIcon';
+export type IconName =
+  | ''
+  | 'AchievementIcon'
+  | 'ActualBalanceIcon'
+  | 'AlarmIcon'
+  | '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'
+  | 'InfoCircleIcon'
+  | 'LockIcon'
+  | 'LogoIcon'
+  | 'LoupeIcon'
+  | 'MagnifierIcon'
+  | 'MailIcon'
+  | 'MapMarkerClusterIcon'
+  | 'MapMarkerClusterYellowIcon'
+  | 'MapMarkerSingleIcon'
+  | 'MapOpenedIcon'
+  | 'MinusIcon'
+  | 'MoneyIcon'
+  | 'MoneyInsuranceIcon'
+  | 'MonitorMobileIcon'
+  | 'NewDocIcon'
+  | 'NotificationBingIcon'
+  | 'OkIcon'
+  | 'PackA4Icon'
+  | 'PassSendIcon'
+  | 'PercentageRoundIcon'
+  | 'PercentIcon'
+  | 'PersonalCardIcon'
+  | 'PhoneCallingIcon'
+  | 'PhoneIcon'
+  | 'PlayMarketIcon'
+  | 'PlusCircleIcon'
+  | 'PlusIcon'
+  | 'Profile2UserIcon'
+  | 'ProfileIcon'
+  | 'RefreshIcon'
+  | 'ResponseFailIcon'
+  | 'ResponseOKIcon'
+  | 'RoundRubleIcon'
+  | 'RustoreIcon'
+  | 'RutubeIcon'
+  | 'SafeIcon'
+  | 'SecurityСardIcon'
+  | 'ShieldTickIcon'
+  | 'SignDocsIcon'
+  | 'SmallClockIcon'
+  | 'SoundIcon'
+  | 'TelegramIcon'
+  | 'UserGeoLocationIcon'
+  | 'UserSquareIcon'
+  | 'UserTickIcon'
+  | 'VKIcon'
+  | 'WalletAddIcon'
+  | 'WalletIcon'
+  | 'WalletWithMoneyIcon'
+  | 'YoutubeIcon';

package/src/icons/InfoCircleIcon.svg

@@ -0,0 +1,5 @@
+<svg title='Инфо' isInverse="true" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99996 6.8125C10.4602 6.8125 10.8333 7.1856 10.8333 7.64583V11.8125C10.8333 12.2727 10.4602 12.6458 9.99996 12.6458C9.53972 12.6458 9.16663 12.2727 9.16663 11.8125V7.64583C9.16663 7.1856 9.53972 6.8125 9.99996 6.8125Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.30154 2.59342C7.43399 2.08704 8.69161 1.8125 10 1.8125C15.0603 1.8125 19.1667 5.91893 19.1667 10.9792C19.1667 16.0394 15.0603 20.1458 10 20.1458C4.9398 20.1458 0.833374 16.0394 0.833374 10.9792C0.833374 8.91627 1.52148 7.00918 2.66623 5.47981C2.94202 5.11135 3.46428 5.03623 3.83273 5.31202C4.20119 5.58781 4.27631 6.11007 4.00052 6.47853C3.06193 7.73248 2.50004 9.29206 2.50004 10.9792C2.50004 15.1189 5.86028 18.4792 10 18.4792C14.1398 18.4792 17.5 15.1189 17.5 10.9792C17.5 6.8394 14.1398 3.47917 10 3.47917C8.92514 3.47917 7.89943 3.70462 6.98188 4.11491C6.56173 4.30278 6.06883 4.11448 5.88096 3.69434C5.69309 3.27419 5.88139 2.78129 6.30154 2.59342Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.16211 14.3138C9.16211 13.8536 9.53521 13.4805 9.99544 13.4805H10.0029C10.4632 13.4805 10.8363 13.8536 10.8363 14.3138C10.8363 14.774 10.4632 15.1471 10.0029 15.1471H9.99544C9.53521 15.1471 9.16211 14.774 9.16211 14.3138Z" fill="currentColor"/>
+</svg>

package/src/model/DefaultControlType.ts

@@ -0,0 +1,7 @@
+export interface DefaultControlType {
+  className?: string;
+  label?: string;
+  error?: string;
+  errors?: string[];
+  placeholder?: string;
+}

package/src/ui-kit/Calculator/renderBinaryRadioButtonGroup.tsx

@@ -44,7 +44,7 @@ export const renderBinaryRadioButtonGroup = ({
     <RadioButtonGroup
       orientation={orientation}
       items={items}
-      checkedItem={items[value ? 0 : 1].id}
+      value={items[value ? 0 : 1].id}
       onChange={(_) => onChange && onChange(_ === items[0].id)}
       {...rest}
     />

package/src/ui-kit/DatePicker/DatePickerControl.tsx

@@ -1,25 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type DefaultControlType } from '../../model/DefaultControlType';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
+import { type ControlProps } from '../ControlProps';
 import { renderErrorText } from '../Input/renderErrorText';
 import { DatePicker } from './DatePicker';
 
-export interface DatePickerControlProps {
-  className?: string;
-  label: string;
-  value?: Date;
-  error?: string;
-  errors?: string[];
-  onChange?: (value: Date) => void;
-}
+export interface DatePickerControlProps extends DefaultControlType, ControlProps<Date> {}
 
 export const DatePickerControl = JSX<DatePickerControlProps>(
-  ({ className, label, error, ...rest }) => (
+  ({ className, label, error, errors, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
-      <DatePicker
-        label={label && rest?.errors ? `${label}*` : label}
-        valid={Boolean(!error)}
-        {...rest}
-      />
+      <DatePicker label={getRequiredLabel({ label, errors })} valid={Boolean(!error)} {...rest} />
       {renderErrorText(error)}
     </div>
   ),