@redneckz/wildless-cms-uni-blocks 0.14.1000 → 0.14.1002

package/src/ui-kit/Checkbox/Checkbox.tsx

@@ -17,7 +17,7 @@ const CHECK_PATHS = [
 ];
 
 export const Checkbox = JSX<CheckboxProps>(
-  ({ className, value, text, disabled, isRadio, onChange }) => {
+  ({ className, value, text, disabled, isRadio, onChange, name }) => {
     const handleChange = useCallback(
       (e: PreventableEvent) => {
         if (disabled) {
@@ -47,6 +47,7 @@ export const Checkbox = JSX<CheckboxProps>(
       <div className={className}>
         <label
           className={style('flex items-center relative group/box', getCursorStyle(disabled))}
+          data-test-id={name}
           onClick={handleChange}
         >
           <div

package/src/ui-kit/Checkbox/CheckboxProps.ts

@@ -2,4 +2,5 @@ import { type CommonInputProps } from '../../model/CommonInputProps';
 
 export interface CheckboxProps extends CommonInputProps<boolean> {
   isRadio?: boolean;
+  name?: string;
 }

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

@@ -35,6 +35,7 @@ interface DatePickerProps extends ControlProps<Date>, ComponentType, LabelProps,
   maxDate?: Date;
   valid?: boolean;
   weekends?: number[];
+  name?: string;
 }
 
 export const DatePicker = JSX<DatePickerProps>(
@@ -49,6 +50,7 @@ export const DatePicker = JSX<DatePickerProps>(
     disabled,
     weekends,
     onChange,
+    name,
   }) => {
     const [isCalendarVisible, { setValue, setFalse: hideCalendar }] = useBool(false);
     const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
@@ -98,6 +100,7 @@ export const DatePicker = JSX<DatePickerProps>(
             disabled,
             setSelectedMonth,
             setSelectedYear,
+            name,
           })}
           {isCalendarVisible && !disabled ? (
             <div

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

@@ -22,6 +22,7 @@ interface DatePickerInputProps extends ComponentType, DisabledProps, OnClickProp
   setSelectedYear: (selectedYear: number) => void;
   value?: string;
   onChange?: (value: Date) => void;
+  name?: string;
 }
 
 interface UpdateSelectedDateProps {
@@ -32,7 +33,7 @@ interface UpdateSelectedDateProps {
 }
 
 export const DatePickerInput = JSX<DatePickerInputProps>(
-  ({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
+  ({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick, name }) => {
     const ref = useRef<HTMLInputElement | null>(null);
     const [inputValue, setInputValue] = useState<string>(value || '');
 
@@ -76,6 +77,7 @@ export const DatePickerInput = JSX<DatePickerInputProps>(
           onChange={handleChange}
           onBlur={onBlur}
           disabled={disabled}
+          data-test-id={name}
         />
         {disabled ? null : <Icon className="mr-s" {...ICON_PROPS} />}
       </div>

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

@@ -16,12 +16,14 @@ export const renderDatePickerForm = ({
   setSelectedMonth,
   setSelectedYear,
   disabled = false,
+  name,
 }: DisabledProps &
   ControlProps<Date> & {
     handleChangeVisibleCalendar: () => void;
     valid: boolean;
     setSelectedMonth: (selectedMonth: number) => void;
     setSelectedYear: (selectedYear: number) => void;
+    name?: string;
   }) => (
   <DatePickerInput
     onChange={onChange}
@@ -31,5 +33,6 @@ export const renderDatePickerForm = ({
     setSelectedMonth={setSelectedMonth}
     setSelectedYear={setSelectedYear}
     className={style(formStyle, valid ? 'border-gray' : 'border-error')}
+    name={name}
   ></DatePickerInput>
 );

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

@@ -81,6 +81,7 @@ export const Input = JSX<InputProps>(
               onChange={handleChange}
               onFocus={onFocus}
               onBlur={onBlur}
+              data-test-id={name}
             />
           )}
         </label>

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

@@ -53,6 +53,7 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
             value={value === id}
             onChange={() => onChangeCheckedItem?.(id)}
             disabled={disabled}
+            name={id}
           />
         ))}
       </div>

package/src/ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout.tsx

@@ -74,7 +74,7 @@ const renderText = (timeNextReq: number, handleSendCode: () => void) =>
       <Timer seconds={timeNextReq} />
     </div>
   ) : (
-    <Button embedded onClick={handleSendCode}>
+    <Button embedded onClick={handleSendCode} testId="send-new-code-button">
       <ButtonTitle>Получить новый код</ButtonTitle>
     </Button>
   );