envoc-form 5.0.5 → 5.0.7

package/src/Input/CheckboxInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import CheckboxGroup from './CheckboxGroup';
 import { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
@@ -35,7 +35,7 @@ function CheckboxInputGroup(
       label={label}
       helpText={helpText}
       labelOnLeft={labelOnLeft}
-      className={classNames(
+      className={clsx(
         className,
         FormDefaults.cssClassPrefix + 'checkbox-group',
         { 'label-on-left': labelOnLeft },
@@ -46,7 +46,7 @@ function CheckboxInputGroup(
         type="checkbox"
         aria-invalid={!!meta.error}
         aria-errormessage={!!meta.error ? `${input.name}-error` : undefined}
-        className={classNames(
+        className={clsx(
           className,
           FormDefaults.cssClassPrefix + 'checkbox-group'
         )}

package/src/Input/IconInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import InputGroupWithRef, { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
 
@@ -28,7 +28,7 @@ function IconInputGroup(
       <InputGroupWithRef
         icon={icon}
         ref={ref}
-        className={classNames(
+        className={clsx(
           className,
           FormDefaults.cssClassPrefix + 'icon-input-group'
         )}

package/src/Input/InputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { ChangeEventHandler, LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { InjectedFieldProps } from '../Field/InjectedFieldProps';
 import { FormDefaults } from '../FormDefaults';
 import Group, { GroupProps } from '../Group';
@@ -44,10 +44,7 @@ function InputGroup<TValue>(
       disabled={disabled}
       label={label}
       helpText={helpText}
-      className={classNames(
-        className,
-        FormDefaults.cssClassPrefix + 'input-group'
-      )}>
+      className={clsx(className, FormDefaults.cssClassPrefix + 'input-group')}>
       {icon}
       <input
         {...input}
@@ -57,10 +54,7 @@ function InputGroup<TValue>(
         value={value ?? ''}
         onChange={onChange}
         ref={ref}
-        className={classNames(
-          className,
-          FormDefaults.cssClassPrefix + 'input-group'
-        )}
+        className={clsx(className, FormDefaults.cssClassPrefix + 'input-group')}
       />
     </Group>
   );

package/src/Input/MoneyInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import InputGroup, { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
 
@@ -26,10 +26,7 @@ function MoneyInputGroup(
       min={0}
       {...rest}
       type="number"
-      className={classNames(
-        className,
-        FormDefaults.cssClassPrefix + 'money-group'
-      )}
+      className={clsx(className, FormDefaults.cssClassPrefix + 'money-group')}
       value={input.value || ''}
       onChange={(e) => {
         if (!e.target.value) {

package/src/Input/NumberInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import InputGroup, { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
 
@@ -24,10 +24,7 @@ function NumberInputGroup(
       ref={ref}
       {...rest}
       type="number"
-      className={classNames(
-        className,
-        FormDefaults.cssClassPrefix + 'number-group'
-      )}
+      className={clsx(className, FormDefaults.cssClassPrefix + 'number-group')}
       value={input.value || ''}
       onChange={(e) => {
         if (!e.target.value) {

package/src/Input/PhoneNumberInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import InputGroup, { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
 import { phoneNumber } from '../Normalization/normalizers';
@@ -20,7 +20,7 @@ function PhoneNumberInputGroup(
       autoComplete="tel-national"
       {...rest}
       type="text"
-      className={classNames(
+      className={clsx(
         className,
         FormDefaults.cssClassPrefix + 'phone-number-group'
       )}

package/src/Input/StringInputGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import InputGroup, { InputGroupProps } from './InputGroup';
 import { FormDefaults } from '../FormDefaults';
 
@@ -29,10 +29,7 @@ function StringInputGroup(
     <InputGroup
       ref={ref}
       {...rest}
-      className={classNames(
-        className,
-        FormDefaults.cssClassPrefix + 'string-group'
-      )}
+      className={clsx(className, FormDefaults.cssClassPrefix + 'string-group')}
       value={input.value ?? ''}
       onChange={(e) => {
         if (!e.target.value) {

package/src/Select/SelectGroup.tsx

@@ -1,5 +1,5 @@
 import { default as ReactSelect } from 'react-select';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { InjectedFieldProps } from '../Field/InjectedFieldProps';
 import { FormDefaults } from '../FormDefaults';
 import Group, { GroupProps } from '../Group';
@@ -74,7 +74,7 @@ export default function SelectGroup<TValue>({
       meta={meta}
       required={required}
       disabled={disabled}
-      className={classNames(
+      className={clsx(
         className,
         {
           [FormDefaults.cssClassPrefix + 'multiple']: multiple,
@@ -100,7 +100,7 @@ export default function SelectGroup<TValue>({
           }
         }}
         getOptionLabel={(option) => option?.label ?? ''}
-        className={classNames(
+        className={clsx(
           className,
           FormDefaults.cssClassPrefix + 'select-group'
         )}

package/src/StandardFormActions.tsx

@@ -1,8 +1,8 @@
 import { MouseEventHandler } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { useFormikContext } from 'formik';
-import SubmitFormButton from './SubmitFormButton';
 import { FormDefaults } from './FormDefaults';
+import SubmitFormButton from './SubmitFormButton';
 
 export interface StandardFormActionsProps {
   /** Allow the form to be submitted without any changes. By default this is not allowed. */
@@ -25,7 +25,7 @@ export default function StandardFormActions({
       <SubmitFormButton allowPristineSubmit={allowPristineSubmit} />
       &nbsp;
       <button
-        className={classNames(
+        className={clsx(
           FormDefaults.cssClassPrefix + 'standard-form-actions-cancel-button'
         )}
         type="button"

package/src/SubmitFormButton.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { useFormikContext } from 'formik';
 import { FormDefaults } from './FormDefaults';
 
@@ -39,7 +39,7 @@ function SubmitFormButton(
           ? "You haven't made any changes"
           : ''
       }
-      className={classNames(
+      className={clsx(
         FormDefaults.cssClassPrefix + 'submit-form-button',
         className
       )}>

package/src/TextArea/TextAreaGroup.tsx

@@ -1,5 +1,5 @@
 import React, { LegacyRef } from 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { InjectedFieldProps } from '../Field/InjectedFieldProps';
 import { FormDefaults } from '../FormDefaults';
 import Group, { GroupProps } from '../Group';
@@ -36,7 +36,7 @@ function TextAreaGroup(
       disabled={disabled}
       label={label}
       helpText={helpText}
-      className={classNames(
+      className={clsx(
         className,
         FormDefaults.cssClassPrefix + 'text-area-group'
       )}>
@@ -47,7 +47,7 @@ function TextAreaGroup(
         value={input.value ?? ''}
         onChange={(val) => input.onChange(val.target.value)}
         ref={ref}
-        className={classNames(
+        className={clsx(
           className,
           FormDefaults.cssClassPrefix + 'text-area-group'
         )}