@gridsuite/commons-ui 0.127.0 → 0.128.0

package/dist/components/inputs/reactHookForm/text/TextInput.d.ts

@@ -19,9 +19,11 @@ export interface TextInputProps {
     clearable?: boolean;
     formProps?: Omit<TextFieldWithAdornmentProps | TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
     disabledTooltip?: boolean;
+    disabled?: boolean;
 }
 export declare function TextInput({ name, label, labelValues, // this prop is used to add a value to label. this value is displayed without being translated
 id, adornment, customAdornment, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with number fields
 inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with number fields
 acceptValue, // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
-previousValue, clearable, formProps, disabledTooltip, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+previousValue, clearable, formProps, disabledTooltip, // In case we don't want to show tooltip on the value and warning/info icons
+disabled, }: TextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/TextInput.js

@@ -24,8 +24,9 @@ function TextInput({
   previousValue,
   clearable,
   formProps,
-  disabledTooltip
+  disabledTooltip,
   // In case we don't want to show tooltip on the value and warning/info icons
+  disabled
 }) {
   const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
   const {
@@ -60,6 +61,7 @@ function TextInput({
       label: fieldLabel,
       value: transformedValue,
       onChange: handleValueChanged,
+      disabled,
       InputProps: {
         endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
           clearable && transformedValue !== void 0 && transformedValue !== "" && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, children: /* @__PURE__ */ jsx(Clear, {}) }),

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.d.ts

@@ -11,10 +11,11 @@ export interface UniqueNameInputProps {
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'label' | 'inputRef' | 'inputProps' | 'InputProps'>;
     activeDirectory?: UUID;
     currentName?: string;
+    isPrefilled?: boolean;
     sx?: SxStyle;
     fullWidth?: boolean;
 }
 /**
  * Input component that constantly checks if the field's value is available or not
  */
-export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, currentName, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, currentName, isPrefilled, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/UniqueNameInput.js

@@ -12,6 +12,7 @@ function UniqueNameInput({
   onManualChangeCallback,
   formProps,
   currentName = "",
+  isPrefilled = false,
   activeDirectory,
   sx,
   fullWidth = true
@@ -26,7 +27,8 @@ function UniqueNameInput({
     name,
     currentName,
     elementType,
-    activeDirectory
+    activeDirectory,
+    isPrefilled
   });
   const handleManualChange = (e) => {
     onChange(e.target.value);

package/dist/components/notifications/NotificationsProvider.js

@@ -33,7 +33,7 @@ function NotificationsProvider({ urls, children }) {
       };
       rws.onopen = () => {
         console.info(`${urlKey} Notification Websocket connected`);
-        broadcastOnReopen(urlKey);
+        broadcastOnReopen(urlKey)();
       };
       return rws;
     });

package/dist/components/notifications/contexts/NotificationsContext.d.ts

@@ -4,12 +4,14 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export type ListenerEventWS = {
+export type ListenerEventBase = {
     id: string;
+    callback: (...args: any[]) => void;
+};
+export type ListenerEventWS = ListenerEventBase & {
     callback: (event: MessageEvent) => void;
 };
-export type ListenerOnReopen = {
-    id: string;
+export type ListenerOnReopen = ListenerEventBase & {
     callback: () => void;
 };
 export type NotificationsContextType = {

package/dist/components/notifications/hooks/useListenerManager.d.ts

@@ -1,6 +1,6 @@
-import { ListenerEventWS, ListenerOnReopen } from '../contexts/NotificationsContext';
-export declare const useListenerManager: <TListener extends ListenerEventWS | ListenerOnReopen, TMessage extends MessageEvent>(urls: Record<string, string | undefined>) => {
+import { ListenerEventBase } from '../contexts/NotificationsContext';
+export declare const useListenerManager: <TListener extends ListenerEventBase>(urls: Record<string, string | undefined>) => {
     addListener: (urlKey: string, listener: TListener) => void;
     removeListener: (urlKey: string, id: string) => void;
-    broadcast: (urlKey: string) => (event: TMessage) => void;
+    broadcast: (urlKey: string) => (...args: Parameters<TListener["callback"]>) => void;
 };

package/dist/components/notifications/hooks/useListenerManager.js

@@ -37,12 +37,12 @@ const useListenerManager = (urls) => {
     }
   }, []);
   const broadcast = useCallback(
-    (urlKey) => (event) => {
+    (urlKey) => (...args) => {
       var _a;
       const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
       if (listeners) {
         listeners.forEach(({ callback }) => {
-          callback(event);
+          callback(...args);
         });
       }
     },

package/dist/hooks/use-unique-name-validation.d.ts

@@ -6,8 +6,9 @@ interface UseUniqueNameValidationParams {
     elementType: ElementType;
     activeDirectory?: string;
     elementExists?: (directory: UUID, name: string, type: ElementType) => Promise<boolean>;
+    isPrefilled?: boolean;
 }
-export declare function useUniqueNameValidation({ name, currentName, elementType, activeDirectory, elementExists, }: UseUniqueNameValidationParams): {
+export declare function useUniqueNameValidation({ name, currentName, elementType, activeDirectory, elementExists, isPrefilled, }: UseUniqueNameValidationParams): {
     isValidating: Partial<{
         type: string | number;
         message: import('react-hook-form').Message;

package/dist/hooks/use-unique-name-validation.js

@@ -13,7 +13,8 @@ function useUniqueNameValidation({
   currentName = "",
   elementType,
   activeDirectory,
-  elementExists = elementAlreadyExists
+  elementExists = elementAlreadyExists,
+  isPrefilled = false
 }) {
   var _a;
   const {
@@ -23,7 +24,8 @@ function useUniqueNameValidation({
     formState: { errors, defaultValues, isDirty: formIsDirty }
   } = useFormContext();
   const {
-    field: { value }
+    field: { value },
+    fieldState: { isDirty: fieldIsDirty }
   } = useController({ name });
   const {
     field: { value: selectedDirectory }
@@ -64,11 +66,15 @@ function useUniqueNameValidation({
     if (selectedDirectory) {
       debouncedHandleCheckName(trimmedValue);
     }
-    if (!formIsDirty) {
+    if (!isPrefilled && !fieldIsDirty) {
       clearErrors(name);
       return;
     }
-    if (trimmedValue === defaultFieldValue && trimmedValue.length > 0) {
+    if (isPrefilled && !formIsDirty) {
+      clearErrors(name);
+      return;
+    }
+    if (isPrefilled && trimmedValue === defaultFieldValue && trimmedValue.length > 0) {
       return;
     }
     if (trimmedValue) {
@@ -91,7 +97,9 @@ function useUniqueNameValidation({
     setError,
     clearErrors,
     name,
+    fieldIsDirty,
     formIsDirty,
+    isPrefilled,
     defaultFieldValue,
     directory,
     selectedDirectory

package/dist/utils/types/equipmentType.d.ts

@@ -37,7 +37,8 @@ export declare const equipmentStyles: {
 /**
  * The order of the equipments in this list is important, as many UI follow it directly.
  * When EquipmentType is used for an interface this order must be maintained.
- * @deprecated move to a specialized subtype as this one is used everywhere and cause problems
+ * Should be moved to a specialized subtype as this one is used everywhere and cause problems
+ * Will be deprecated soon.
  */
 export declare enum EquipmentType {
     SUBSTATION = "SUBSTATION",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.127.0",
+    "version": "0.128.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",