@centreon/ui 26.5.11 → 26.5.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "26.5.11",
+  "version": "26.5.12",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Form/Form.tsx

@@ -27,6 +27,7 @@ export type FormProps<T> = {
   groups?: Array<Group>;
   groupsClassName?: string;
   initialValues: T;
+  inputsClassName?: string;
   inputs: Array<InputProps>;
   isCollapsible?: boolean;
   isLoading?: boolean;
@@ -39,6 +40,7 @@ const Form = <T extends object>({
   children,
   className,
   groupsClassName,
+  inputsClassName,
   areGroupsOpen,
   initialValues,
   validate,
@@ -61,6 +63,7 @@ const Form = <T extends object>({
         groups={groups}
         groupsClassName={groupsClassName}
         inputs={inputs}
+        inputsClassName={inputsClassName}
         isCollapsible={isCollapsible}
         isLoading
       />
@@ -86,6 +89,7 @@ const Form = <T extends object>({
             groups={groups}
             groupsClassName={groupsClassName}
             inputs={inputs}
+            inputsClassName={inputsClassName}
             isCollapsible={isCollapsible}
           />
           <Buttons />

package/src/Form/Inputs/index.tsx

@@ -135,6 +135,7 @@ interface Props {
   groupDirection?: GroupDirection;
   groups?: Array<Group>;
   groupsClassName?: string;
+  inputsClassName?: string;
   inputs: Array<InputProps>;
   isCollapsible: boolean;
   isLoading?: boolean;
@@ -147,7 +148,8 @@ const Inputs = ({
   isCollapsible,
   groupDirection,
   groupsClassName,
-  areGroupsOpen
+  areGroupsOpen,
+  inputsClassName
 }: Props): JSX.Element => {
   const { classes, cx } = useStyles({ groupDirection });
   const formikContext = useFormikContext<FormikValues>();
@@ -226,7 +228,7 @@ const Inputs = ({
                 hasGroupTitle={hasGroupTitle}
                 isCollapsible={isCollapsible}
               >
-                <div className={classes.inputs}>
+                <div className={cx(classes.inputs, inputsClassName)}>
                   {groupedInputs.map((inputProps) => {
                     const key =
                       isNotNil(inputProps.label) || isNotEmpty(inputProps.label)

package/src/Icon/InstallCommandIcon.tsx

@@ -0,0 +1,23 @@
+import type { SvgIconProps } from '@mui/material';
+
+import type { ReactElement } from 'react';
+
+import BaseIcon from './BaseIcon';
+
+const icon = (
+  <g>
+    <path
+      d="M23.9999 38C22.3332 38 20.9166 37.4167 19.7499 36.25C18.5832 35.0833 17.9999 33.6667 17.9999 32C17.9999 30.3333 18.5832 28.9167 19.7499 27.75C20.9166 26.5833 22.3332 26 23.9999 26C25.6666 26 27.0832 26.5833 28.2499 27.75C29.4166 28.9167 29.9999 30.3333 29.9999 32C29.9999 33.6667 29.4166 35.0833 28.2499 36.25C27.0832 37.4167 25.6666 38 23.9999 38ZM8.1499 24C8.61657 20.0333 10.3499 16.7083 13.3499 14.025C16.3499 11.3417 19.8832 10 23.9499 10C26.3832 10 28.6332 10.4917 30.6999 11.475C32.7666 12.4583 34.5332 13.8 35.9999 15.5V10H39.9999V24H25.9999V20H34.3999C33.3332 18.2 31.8916 16.75 30.0749 15.65C28.2582 14.55 26.2332 14 23.9999 14C21.0666 14 18.4832 14.95 16.2499 16.85C14.0166 18.75 12.6666 21.1333 12.1999 24H8.1499Z"
+      fill="currentColor"
+    />
+  </g>
+);
+
+export const InstallCommandIcon = (props: SvgIconProps): ReactElement => (
+  <BaseIcon
+    {...props}
+    dataTestId="Install command"
+    Icon={icon}
+    viewBox="0 0 48 48"
+  />
+);

package/src/Icon/index.ts

@@ -5,6 +5,7 @@ export { DowntimeIcon } from './DowntimeIcon';
 export { FlappingIcon } from './FlappingIcon';
 export { HostGroupIcon } from './HostGroupIcon';
 export { HostIcon } from './HostIcon';
+export { InstallCommandIcon } from './InstallCommandIcon';
 export { MetaServiceIcon } from './MetaServiceIcon';
 export { RegexIcon } from './RegexIcon';
 export { ServiceGroupIcon } from './ServiceGroupIcon';