design-react-kit 5.9.0 → 5.9.2

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.9.0",
+  "version": "5.9.2",
   "license": "BSD-3",
   "type": "module",
   "module": "./dist/index.js",
@@ -105,7 +105,7 @@
     "@types/react-dom": "^18.2.24",
     "@types/react-transition-group": "^4.4.10",
     "@types/uuid": "^10.0.0",
-    "bootstrap-italia": "^2.16.1",
+    "bootstrap-italia": "^2.17.0",
     "browserslist-config-design-italia": "^1.0.0",
     "eslint": "^9.10.0",
     "eslint-plugin-mdx": "^3.1.5",

package/src/Input/Input.tsx

@@ -308,6 +308,7 @@ export const Input = ({
           className={classNames({
             'input-group': true,
             'input-number': true,
+            'is-invalid': valid == false,
             disabled: rest.disabled,
             'input-number-adaptive': type === 'adaptive'
           })}
@@ -327,10 +328,10 @@ export const Input = ({
             ref={inputRef}
           />
           <span className='input-group-text align-buttons flex-column'>
-            <button className='input-number-add' onClick={() => clickIncrDecr(1)}>
+            <button type='button' className='input-number-add' onClick={() => clickIncrDecr(1)}>
               <span className='visually-hidden'>{incrementLabel || ''}</span>
             </button>
-            <button className='input-number-sub' onClick={() => clickIncrDecr(-1)}>
+            <button type='button' className='input-number-sub' onClick={() => clickIncrDecr(-1)}>
               <span className='visually-hidden'>{decrementLabel || ''}</span>
             </button>
           </span>

package/src/Pager/Pager.tsx

@@ -1,5 +1,6 @@
 import React, { FC, HTMLAttributes, ElementType } from 'react';
 import classNames from 'classnames';
+import { PagerItem } from '..';
 
 export interface PagerProps extends HTMLAttributes<HTMLElement> {
   /** Etichetta di descrizione del contenuto del componente Pager */
@@ -35,9 +36,9 @@ export const Pager: FC<PagerProps> = ({
   const { ariaLabel, label } = total || {};
   const totalAriaLabel = ariaLabel ? <span className='visually-hidden'>{ariaLabel}</span> : null;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const listChildren = React.Children.toArray(children).filter((child: any) => child.type.name === 'PaginationItem');
+  const listChildren = React.Children.toArray(children).filter((child: any) => child.type === PagerItem);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const extraChildren = React.Children.toArray(children).filter((child: any)=> child.type.name !== 'PaginationItem');
+  const extraChildren = React.Children.toArray(children).filter((child: any)=> child.type !== PagerItem);
 
   // listChildren?.forEach(child => {
   //   console.log(child)