@redneckz/wildless-cms-uni-blocks 0.14.594 → 0.14.596

package/mobile/src/hooks/useReducer.ts

@@ -0,0 +1,21 @@
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+
+export type NotUndefined = object | null;
+export type Reducer<S, A extends NotUndefined> = (state: S, action: A) => S;
+export type Dispatch<A extends NotUndefined> = (action: A) => void;
+
+export function useReducer<S, A extends NotUndefined>(
+  reducer: Reducer<S, A>,
+  initialArg: S,
+): [state: S, dispatch: Dispatch<A>] {
+  const [state, setState] = useState(initialArg);
+
+  const dispatch = useCallback(
+    (action: A) => {
+      setState((_) => reducer(_, action));
+    },
+    [reducer],
+  );
+
+  return [state, dispatch];
+}

package/mobile/src/hooks/useRegions.ts

@@ -11,8 +11,11 @@ export interface Region {
   localities?: string[];
 }
 
+const EMPTY_REGIONS: Region[] = [];
+
+// TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
 export function useRegions(url: string = REGIONS_URL): Region[] {
   const { data } = useAsyncData(url, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
 
-  return Array.isArray(data) ? data : [];
+  return Array.isArray(data) ? data : EMPTY_REGIONS;
 }

package/mobile/src/model/DefaultControlType.ts

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

package/mobile/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/mobile/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>
   ),

package/mobile/src/ui-kit/DialogManager/useDialogManager.ts

@@ -8,7 +8,7 @@ export interface DialogOptions {
 
 export const useDialogManager = () => ({
   open: (dialog: VNode, options: DialogOptions = {}) =>
-    defaultEventBus.fire('dialog', { type: 'open', dialog, ...options }),
-  close: () => defaultEventBus.fire('dialog', { type: 'close' }),
-  closeAll: () => defaultEventBus.fire('dialog', { type: 'close', all: true }),
+    defaultEventBus.emitter.fire('dialog', { type: 'open', dialog, ...options }),
+  close: () => defaultEventBus.emitter.fire('dialog', { type: 'close' }),
+  closeAll: () => defaultEventBus.emitter.fire('dialog', { type: 'close', all: true }),
 });

package/mobile/src/ui-kit/DialogManager/useDialogsList.ts

@@ -27,7 +27,7 @@ export const useDialogsList = ({
 
   useEffect(
     () =>
-      defaultEventBus.subscribe('dialog', (action) => {
+      defaultEventBus.observable.subscribe('dialog', (action) => {
         switch (action.type) {
           case 'open':
             push(action);

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

@@ -3,14 +3,30 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type VNode } from '../../model/VNode';
 import { type FoldablePartProps } from './FoldablePartProps';
 
-export interface FoldableProps {
+export interface FoldableWrapperProps {
   className?: string;
+}
+
+export interface FoldableProps extends FoldableWrapperProps {
   unfoldedByDefault?: boolean;
   isFoldButtonOnTop?: boolean;
   renderFoldableSection: (props: FoldablePartProps) => VNode;
   renderFoldButton?: ((props: FoldablePartProps) => VNode) | null;
 }
 
+export const FoldableWrapper = JSX<FoldableWrapperProps>(({ className, children }) => (
+  <div className={className} role="group">
+    {children}
+  </div>
+));
+
+/**
+ * Какой то бесполезный компонент. Его можно заменить на useBool
+ * Лучше оставить только обёрточный div с необходимой атрибутикой
+ * и сделать пассивный компонент
+ *
+ * @deprecated
+ */
 export const Foldable = JSX<FoldableProps>(
   ({
     className = '',
@@ -29,15 +45,15 @@ export const Foldable = JSX<FoldableProps>(
     const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
 
     return isFoldButtonOnTop ? (
-      <div className={className} role="group">
+      <FoldableWrapper className={className}>
         {buttonNode}
         {sectionNode}
-      </div>
+      </FoldableWrapper>
     ) : (
-      <div className={className} role="group">
+      <FoldableWrapper className={className}>
         {sectionNode}
         {buttonNode}
-      </div>
+      </FoldableWrapper>
     );
   },
 );

package/mobile/src/ui-kit/FormField/Fields/SexField.tsx

@@ -1,22 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { RadioButtonGroup, type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { RadioButtonGroupControl } from '../../RadioButtonGroup/RadioButtonGroupControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
 
 export const SEX_TYPES: RadioButtonItem[] = [
   { id: 'male', text: 'Мужской' },
   { id: 'female', text: 'Женский' },
 ];
 
-export const SexField = JSX<CustomFieldProps>(({ field }) => {
-  const { value, onChange } = field('sex');
-
+export const SexField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
-    <RadioButtonGroup
-      title="Пол"
-      orientation="horizontal"
-      items={SEX_TYPES}
-      checkedItem={value}
-      onChange={(_) => onChange && onChange(_)}
-    />
+    <div>
+      <RadioButtonGroupControl
+        label="Пол"
+        orientation="horizontal"
+        items={SEX_TYPES}
+        {...getValidation(field('sex'), validatorObj.sex, input?.required)}
+      />
+    </div>
   );
 });

package/mobile/src/ui-kit/FormField/Fields/VedField.tsx

@@ -25,7 +25,7 @@ export const VedField = JSX<CustomFieldProps>(({ field }) => {
         className="whitespace-normal"
         orientation="horizontal"
         items={VED_TYPES}
-        checkedItem={value}
+        value={value}
         onChange={(_) => onChange && onChange(_)}
       />
     </div>

package/mobile/src/ui-kit/FormField/constants.tsx

@@ -26,4 +26,5 @@ export const FEEDBACK_METHOD: Option[] = [
   { key: 'email', text: 'Электронное сообщение' },
 ];
 
+// TODO Тоже надо рефакторить - файлик constants
 export const OUT_SERVICE_URL = '/api/v1/outservice/outserviceregions';

package/mobile/src/ui-kit/FormField/getValidation.tsx

@@ -2,5 +2,6 @@ import { type FieldProps } from '../../hooks/useForm';
 import { type Validator } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
 
+// TODO Зачем это?
 export const getValidation = (field: FieldProps<any>, validator: Validator, required = false) =>
   required ? withValidator(field, validator) : field;

package/mobile/src/ui-kit/Input/InputControl.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { noop } from '../../utils/noop';
 import { style } from '../../utils/style';
 import { Input } from './Input';
@@ -44,7 +45,7 @@ export const InputControl = JSX<InputProps>(
           <Input
             type={type || 'text'}
             aria-label={label}
-            label={getLabel(errors, label)}
+            label={getRequiredLabel({ label, errors })}
             valid={Boolean(!error)}
             value={value}
             onChange={onChange}
@@ -59,7 +60,5 @@ export const InputControl = JSX<InputProps>(
   },
 );
 
-const getLabel = (errors?: string[], label?: string) => (label && errors ? `${label}*` : label);
-
 const getPlaceholder = (placeholder?: string, errors?: string[], label?: string) =>
   errors && !label ? `${placeholder}*` : placeholder;

package/mobile/src/ui-kit/Input/InputPhoneControl.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
 import { PhoneInput } from '../PhoneInput/PhoneInput';
 import { type InputProps } from './InputProps';
@@ -8,7 +9,7 @@ export const InputPhoneControl = JSX<InputProps>(({ className, label, error, ...
   <div className={style('shrink-0 w-full', className)}>
     <PhoneInput
       aria-label={label}
-      label={rest?.errors ? `${label}*` : label}
+      label={getRequiredLabel({ label, errors: rest?.errors })}
       valid={Boolean(!error)}
       placeholder="+7 (___) ___-__-__"
       {...rest}

package/mobile/src/ui-kit/Input/InputProps.ts

@@ -1,14 +1,12 @@
-import { type LabelProps } from '../../model/HeadlineType';
+import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type InputTypes } from '../../model/InputTypes';
 import { type ControlProps } from '../ControlProps';
 import { type PreventableEventWithTarget } from '../PreventableEvent';
 
-export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
-  className?: string;
+export interface InputProps<V = string> extends DefaultControlType, ControlProps<V> {
   id?: string;
   name?: string;
   type?: InputTypes;
-  placeholder?: string;
   pattern?: string;
   onFocus?: (ev: PreventableEventWithTarget) => void;
   onBlur?: (ev?: PreventableEventWithTarget) => void;
@@ -16,7 +14,5 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
   disabled?: boolean;
   autoFocus?: boolean;
   isTextarea?: boolean;
-  error?: string;
-  errors?: string[];
   dadata?: boolean;
 }

package/mobile/src/ui-kit/Input/InputSnilsControl.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getRequiredLabel } from '../../utils/getRequiredLabel';
 import { style } from '../../utils/style';
 import { SnilsInput } from '../SnilsInput/SnilsInput';
 import { type InputProps } from './InputProps';
@@ -9,7 +10,7 @@ export const InputSnilsControl = JSX<InputProps>(
     <div className={style('shrink-0 w-full', className)}>
       <SnilsInput
         aria-label={label}
-        label={rest?.errors ? `${label}*` : label}
+        label={getRequiredLabel({ label, errors: rest?.errors })}
         valid={Boolean(!error)}
         value={value}
         onChange={onChange}

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

@@ -1,20 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type BranchesHeader, type ForeignOfficeProps } from '../../data/HeaderData';
-import { useLink } from '../../hooks/useLink';
 import { useLocation } from '../../hooks/useLocation';
 import { useRegions, type Region } from '../../hooks/useRegions';
 import { groupBy } from '../../utils/groupBy';
 import { jaroWinklerDistance } from '../../utils/jaroWinklerDistance';
 import { Dialog } from '../DialogManager/Dialog';
 import { useDialogManager } from '../DialogManager/useDialogManager';
-import { LinkWrapper } from '../LinkWrapper/LinkWrapper';
-import { Paragraph } from '../Paragraph/Paragraph';
 import { Text } from '../Text/Text';
 import { renderForeignOffices } from './renderForeignOffices';
 import { renderRegion } from './renderRegion';
 import { renderRegionGroup } from './renderRegionGroup';
 import { SearchBar } from './SearchBar';
+import { SelectedLocation } from './SelectedLocation';
 
 const SEARCH_TERM_MIN_LENGTH = 3;
 
@@ -24,22 +22,21 @@ export interface LocationDialogProps {
 }
 
 export const LocationDialog = JSX<LocationDialogProps>(({ foreignOffices, branches }) => {
-  const [currentLocation, selectCurrentLocation] = useLocation(branches?.default);
-
-  const link = useLink();
-  const { href } = link({ href: `/branches/${currentLocation.slug}` });
+  const selectLocation = useLocation(branches?.default);
 
   const [query, setQuery] = useState('');
 
-  const regions: Region[] = cleanUpRegions(useRegions()).sort((a, b) =>
-    a.name.localeCompare(b.name),
+  const rawRegions = useRegions();
+  const regions = useMemo(
+    () => cleanUpRegions(rawRegions).sort((a, b) => (a.name ?? '').localeCompare(b.name ?? '')),
+    [rawRegions],
   );
-  const regionsGroupByLetter: Map<string, Region[]> = groupBy(regions, regionFirstLetter);
+  const regionsGroupByLetter = useMemo(() => groupBy(regions, regionFirstLetter), [regions]);
 
   const { close } = useDialogManager();
 
   const handleChangeLocation = useCallback((region: Region) => {
-    selectCurrentLocation(region);
+    selectLocation(region);
     close();
   }, []);
 
@@ -51,16 +48,7 @@ export const LocationDialog = JSX<LocationDialogProps>(({ foreignOffices, branch
           <Text size="text-h4" color="text-primary-text">
             Выберите филиал
           </Text>
-          {currentLocation ? (
-            <div className="mb-s">
-              <Paragraph size="text-l" color="text-primary-text">
-                Сейчас выбран:
-                <LinkWrapper href={href} className="inline mx-2xs text-primary-main">
-                  {currentLocation.name}
-                </LinkWrapper>
-              </Paragraph>
-            </div>
-          ) : null}
+          <SelectedLocation defaultLocation={branches?.default} />
           <SearchBar onSearch={setQuery} searchTerm={query} />
         </div>
       }
@@ -86,10 +74,10 @@ export const LocationDialog = JSX<LocationDialogProps>(({ foreignOffices, branch
   );
 });
 
-const regionFirstLetter = (region: Region) => region.name?.charAt(0) || '';
+const regionFirstLetter = (region: Region) => region.name?.charAt(0) ?? '';
 
-const cleanUpRegions = (regions: Region[]) =>
+const cleanUpRegions = (regions: Region[]): Region[] =>
   regions.map((region) => ({
     ...region,
-    name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
+    name: region.name?.replace(/республика|область|край'/gi, '').trim() ?? '',
   }));

package/mobile/src/ui-kit/LocationDialog/SelectedLocation.tsx

@@ -0,0 +1,27 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { useLocationState } from '../../hooks/useLocation';
+import { LinkWrapper } from '../LinkWrapper/LinkWrapper';
+import { Paragraph } from '../Paragraph/Paragraph';
+
+interface SelectedLocationProps {
+  defaultLocation?: string;
+}
+
+export const SelectedLocation = JSX<SelectedLocationProps>(({ defaultLocation }) => {
+  const currentLocation = useLocationState(defaultLocation);
+
+  const link = useLink();
+  const { href } = link({ href: `/branches/${currentLocation.slug}` });
+
+  return currentLocation ? (
+    <div className="mb-s">
+      <Paragraph size="text-l" color="text-primary-text">
+        Сейчас выбран:
+        <LinkWrapper href={href} className="inline mx-2xs text-primary-main">
+          {currentLocation.name}
+        </LinkWrapper>
+      </Paragraph>
+    </div>
+  ) : null;
+});

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

@@ -15,7 +15,7 @@ export const PopupManager = JSX(() => {
 
   useEffect(
     () =>
-      defaultEventBus.subscribe('popup', (action) => {
+      defaultEventBus.observable.subscribe('popup', (action) => {
         switch (action.type) {
           case 'open':
           case 'update':

package/mobile/src/ui-kit/PopupManager/usePopupManager.tsx

@@ -4,8 +4,8 @@ import { type PopupOptions } from './PopupAction';
 
 export const usePopupManager = () => ({
   open: (popup: VNode, options: PopupOptions) =>
-    defaultEventBus.fire('popup', { type: 'open', popup, ...options }),
+    defaultEventBus.emitter.fire('popup', { type: 'open', popup, ...options }),
   update: (popup: VNode, options: PopupOptions) =>
-    defaultEventBus.fire('popup', { type: 'update', popup, ...options }),
-  close: () => defaultEventBus.fire('popup', { type: 'close' }),
+    defaultEventBus.emitter.fire('popup', { type: 'update', popup, ...options }),
+  close: () => defaultEventBus.emitter.fire('popup', { type: 'close' }),
 });

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.594",
+  "version": "0.14.596",
   "private": false,
   "license": "MIT",
   "author": "ЦК",