@panneau/core 4.0.78 → 4.1.1

package/dist/index.js

@@ -1,13 +1,12 @@
+import isObject from 'lodash-es/isObject';
 import { flattenComponents, getComponentFromName } from '@panneau/core/utils';
-import { isObject } from 'lodash';
 import isArray from 'lodash-es/isArray';
 import uniqBy from 'lodash-es/uniqBy';
 import EventEmitter from 'wolfy87-eventemitter';
-import isObject$1 from 'lodash-es/isObject';
-import uniq from 'lodash-es/uniq';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 
 class ComponentsManager {
+  // Nested components maps are flattened with their key as namespace
   constructor(components = {}) {
     this.components = flattenComponents(components);
   }
@@ -175,7 +174,7 @@ class FontsParser {
       theme = null,
       components = []
     } = story || {};
-    const fonts = uniq(components.reduce((currentFonts, screen) => {
+    const fonts = uniqBy(components.reduce((currentFonts, screen) => {
       const {
         type
       } = screen;
@@ -196,7 +195,7 @@ class FontsParser {
       return fonts.length > 0 || themeFonts.length > 0 ? {
         ...story,
         theme: newTheme,
-        fonts: uniq([...themeFonts, ...fonts], 'name')
+        fonts: uniqBy([...themeFonts, ...fonts], 'name')
       } : story;
     }
     return fonts.length > 0 ? {
@@ -244,9 +243,9 @@ class FontsParser {
       const value = data[key];
       let font = null;
       let subFonts = null;
-      if (patternMatch && isObject$1(value) && FontsParser.valueIsFont(value)) {
+      if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
         font = value;
-      } else if (isObject$1(value) || isArray(value)) {
+      } else if (isObject(value) || isArray(value)) {
         subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
       }
       return subFonts !== null || font !== null ? [...currentFonts, ...(subFonts || []), ...(font !== null ? [font] : [])] : currentFonts;
@@ -259,7 +258,7 @@ class FormsManager extends DefinitionsManager {}
 class MediasParser {
   constructor({
     fieldsManager,
-    screensManager
+    screensManager = null
   }) {
     this.fieldsManager = fieldsManager;
     this.screensManager = screensManager;
@@ -286,7 +285,7 @@ class MediasParser {
       } = screen;
       const {
         fields = []
-      } = this.screensManager.getDefinition(type) || {};
+      } = this.screensManager?.getDefinition(type) || {};
       const fieldsPattern = this.getMediaFieldsPattern(fields);
       const {
         data: newScreen,
@@ -346,7 +345,7 @@ class MediasParser {
       } = screen;
       const {
         fields = []
-      } = this.screensManager.getDefinition(type) || {};
+      } = this.screensManager?.getDefinition(type) || {};
       const fieldsPattern = this.getMediaFieldsPattern(fields);
       return MediasParser.replacePathsWithMedias(screen, medias, fieldsPattern);
     }) : components;
@@ -405,9 +404,9 @@ class MediasParser {
       const value = data[key];
       let newValue;
       if (patternMatch) {
-        newValue = isObject$1(value) ? value : medias[value] || null;
+        newValue = isObject(value) ? value : medias[value] || null;
       } else {
-        newValue = isObject$1(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
+        newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
       }
       return dataIsArray ? [...newData, newValue] : {
         ...newData,
@@ -433,11 +432,11 @@ class MediasParser {
       let newValue;
       let media = null;
       let subMedias = null;
-      if (patternMatch && isObject$1(value)) {
+      if (patternMatch && isObject(value)) {
         const mediaPath = MediasParser.getMediaPath(value);
         newValue = mediaPath !== null ? mediaPath : value;
         media = mediaPath !== null ? value : null;
-      } else if (isObject$1(value) || isArray(value)) {
+      } else if (isObject(value) || isArray(value)) {
         const subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
         newValue = subReturn.data;
         subMedias = subReturn.medias;
@@ -459,7 +458,7 @@ class MediasParser {
         }
       };
     }, {
-      data: null,
+      data: dataIsArray ? [] : {},
       medias
     });
   }
@@ -467,16 +466,6 @@ class MediasParser {
 
 /* eslint-disable no-console */
 class Tracking extends Tracking$1 {
-  constructor(opts = {}) {
-    super(opts);
-    const {
-      variables = null
-    } = this.options;
-    this.variables = null;
-    if (variables !== null) {
-      this.setVariables(variables);
-    }
-  }
   setVariables(variables) {
     this.variables = variables;
     if (variables !== null) {
@@ -499,10 +488,15 @@ class Tracking extends Tracking$1 {
     };
     this.push(data);
   }
-  trackEvent(category, action, label, {
-    value = null,
-    ...opts
-  } = {}) {
+
+  // The options can also be a value, to stay compatible with the base trackEvent signature
+  trackEvent(category, action, label, options = {}) {
+    const {
+      value = null,
+      ...opts
+    } = isObject(options) ? options : {
+      value: options
+    };
     const data = {
       ...opts,
       event: 'eventInteraction',

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
-import { ElementType, ReactNode, ReactElement, ForwardedRef } from 'react';
-import { MessageDescriptor } from 'react-intl';
+import { ElementType, ComponentProps, ReactNode, MouseEvent, ReactElement, ForwardedRef } from 'react';
+import { FormattedMessage, MessageDescriptor } from 'react-intl';
 
 interface CheckClickableOptions {
     maxParentDistance?: number;
@@ -26,11 +26,6 @@ declare function createUseEvent(eventsManager: EventsManager | null): (event: st
 /*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
 declare function copyToClipboard(text: string): Promise<void>;
 
-type ComponentMap = Record<string, ElementType | Record<string, unknown>>;
-declare function flattenComponents(components: ComponentMap | null, prefix?: string | null): Record<string, ElementType> | null;
-
-declare function formatDuration(timeInSeconds: number | string): string;
-
 /**
  * Core UI Types
  */
@@ -39,10 +34,40 @@ declare function formatDuration(timeInSeconds: number | string): string;
  * Internationalization message definition
  */
 type Message = MessageDescriptor;
+/**
+ * Values that can be interpolated in an internationalization message
+ * (the `values` prop of FormattedMessage)
+ */
+type MessageValues = NonNullable<ComponentProps<typeof FormattedMessage>['values']>;
+type MessageValue = MessageValues[string];
 /**
  * Label can be either a message object or any React node
  */
 type Label = Message | ReactNode;
+/**
+ * Map of components, can be nested by namespace (ex: { fields: { text: TextField } })
+ */
+interface ComponentsMap {
+    [name: string]: ElementType | ComponentsMap;
+}
+/**
+ * Menu item definition
+ */
+interface MenuItem {
+    id?: number | string;
+    label?: Label;
+    url?: string;
+    href?: string | null;
+    external?: boolean;
+    active?: boolean;
+    type?: string;
+    component?: string;
+    className?: string | null;
+    linkClassName?: string | null;
+    onClick?: ((e: MouseEvent) => void) | null;
+    items?: MenuItem[] | null;
+    dropdown?: MenuItem[] | null;
+}
 /**
  * Form control size
  */
@@ -95,6 +120,8 @@ interface Field {
     size?: ControlSize;
     [key: string]: unknown;
 }
+interface FieldDefinition$1 extends Omit<Field, 'component'>, Definition {
+}
 /**
  * Form definition
  */
@@ -120,6 +147,7 @@ interface FormDefinition extends Form, Definition {
 type TableColumn = string | Column;
 interface Column extends Record<string, unknown> {
     id?: string | null;
+    name?: string | null;
     label?: unknown;
     path?: string;
     valueKey?: string;
@@ -145,7 +173,7 @@ type ActionDefinition = string | Action;
 interface ResourceIntlValues {
     a_singular?: string;
     a_plural?: string;
-    [key: string]: unknown;
+    [key: string]: MessageValue;
 }
 /**
  * Internationalization configuration
@@ -164,6 +192,11 @@ interface ResourceIndex {
     fields?: Field[];
     [key: string]: unknown;
 }
+/**
+ * Overrides of the built-in resource pages, ex: `{ show: { component: 'my-page' } }`.
+ * Used on a resource (`resource.pages`) and on the panneau definition (`definition.pages`),
+ * the resource taking precedence.
+ */
 interface ResourcePages {
     index?: PageDefinition;
     show?: PageDefinition;
@@ -171,15 +204,49 @@ interface ResourcePages {
     edit?: PageDefinition;
     delete?: PageDefinition;
     duplicate?: PageDefinition;
+    /** @deprecated Legacy resource keys, use `index`, `show`, `create`, etc. */
+    resourceIndexPage?: PageDefinition;
+    resourceShowPage?: PageDefinition;
+    resourceCreatePage?: PageDefinition;
+    resourceEditPage?: PageDefinition;
+    resourceDeletePage?: PageDefinition;
+    resourceDuplicatePage?: PageDefinition;
+    /** @deprecated Legacy panneau keys, use `index`, `show`, `create`, etc. */
+    indexPage?: PageDefinition;
+    showPage?: PageDefinition;
+    createPage?: PageDefinition;
+    editPage?: PageDefinition;
+    deletePage?: PageDefinition;
+    duplicatePage?: PageDefinition;
     [key: string]: PageDefinition | undefined;
 }
+/**
+ * Form definition of a resource (the id is optional, the form is identified by its key)
+ */
+interface ResourceForm extends Form {
+    id?: string;
+    component?: string | ElementType;
+}
 interface ResourceForms {
-    default: FormDefinition | null;
-    create: FormDefinition | null;
-    edit: FormDefinition | null;
-    delete: FormDefinition | null;
-    modal: FormDefinition | null;
-    [key: string]: FormDefinition | null;
+    default?: ResourceForm | null;
+    create?: ResourceForm | null;
+    edit?: ResourceForm | null;
+    delete?: ResourceForm | null;
+    duplicate?: ResourceForm | null;
+    modal?: ResourceForm | null;
+    [key: string]: ResourceForm | null | undefined;
+}
+/**
+ * Resource type (sub-type of a resource, ex: page types)
+ */
+interface ResourceType {
+    id?: string;
+    name?: string;
+    fields?: Field[];
+    settings?: {
+        canCreate?: boolean;
+        [key: string]: unknown;
+    };
 }
 interface Resource {
     id: string;
@@ -191,6 +258,7 @@ interface Resource {
     settings?: Record<string, unknown>;
     extraRoutes?: RouteDefinition[];
     pages?: ResourcePages;
+    types?: ResourceType[];
 }
 /**
  * Filter definition
@@ -201,6 +269,97 @@ interface Filter {
     [key: string]: unknown;
 }
 
+/**
+ * Panneau Definition Types
+ * TypeScript interfaces for main Panneau configuration and definitions
+ */
+
+/**
+ * Panneau route configuration
+ */
+interface Routes {
+    'resources.index'?: RouteDefinition | string;
+    'resources.create'?: RouteDefinition | string;
+    'resources.store'?: RouteDefinition | string;
+    'resources.show'?: RouteDefinition | string;
+    'resources.edit'?: RouteDefinition | string;
+    'resources.update'?: RouteDefinition | string;
+    'resources.delete'?: RouteDefinition | string;
+    'resources.destroy'?: RouteDefinition | string;
+    'resources.duplicate'?: RouteDefinition | string;
+    'resources.clone'?: RouteDefinition | string;
+    'resources.restore'?: RouteDefinition | string;
+    [key: string]: RouteDefinition | string;
+}
+interface PanneauTheme {
+    colorScheme?: string | null;
+    [key: string]: unknown;
+}
+interface PanneauComponents {
+    [key: string]: string | {
+        component: string;
+        [key: string]: unknown;
+    };
+}
+interface PanneauIntlValues {
+    [key: string]: string;
+}
+interface PanneauIntl {
+    locale?: string;
+    locales?: string[];
+    messages?: Record<string, string>;
+    /** @deprecated Not used: set the values of each resource in `resources[].intl.values` */
+    values?: PanneauIntlValues;
+}
+interface PanneauPages extends ResourcePages {
+    home?: PageDefinition;
+    login?: PageDefinition;
+    account?: PageDefinition;
+    error?: PageDefinition;
+}
+/**
+ * Menu item in a Panneau menu: a menu item definition or a special item id
+ * (ex: 'resources', 'account', 'separator')
+ */
+type PanneauMenuItem = MenuItem | string;
+interface PanneauMenus {
+    main?: PanneauMenuItem[] | null;
+    guest?: PanneauMenuItem[] | null;
+    [key: string]: PanneauMenuItem[] | null | undefined;
+}
+/**
+ * Links shown on the login page: `true` for the default url, or the url of the page
+ */
+interface PanneauAuth {
+    /** "Forgot your password?" link (default url: /forgot-password) */
+    forgotPassword?: boolean | string;
+    /** "Create account" link (default url: /register) */
+    register?: boolean | string;
+    [key: string]: unknown;
+}
+/**
+ * Panneau definition (main configuration)
+ */
+interface PanneauDefinition {
+    name?: string;
+    resources?: Resource[];
+    routes?: Routes;
+    pages?: PanneauPages;
+    intl?: PanneauIntl;
+    theme?: PanneauTheme;
+    /** @deprecated Not used: give the custom components to the `components` prop of the container */
+    components?: PanneauComponents;
+    settings?: Record<string, unknown>;
+    forms?: FormDefinition[];
+    fields?: FieldDefinition$1[];
+    menus?: PanneauMenus;
+    auth?: PanneauAuth;
+}
+
+declare function flattenComponents(components: ComponentsMap | null, prefix?: string | null): Record<string, ElementType> | null;
+
+declare function formatDuration(timeInSeconds: number | string): string;
+
 declare function getColumnsWithFields(resource: Resource, columns: TableColumn[] | null): Column[];
 
 interface ComponentResult {
@@ -216,6 +375,12 @@ declare function getComponentFromName(name?: string | ElementType | null, compon
 
 declare function getDefinitionFromId<T extends Definition = Definition>(id?: string | null, items?: T[] | null, defaultObject?: T | null): T | null;
 
+/**
+ * Returns a message for each key of the definition that is not supported anymore,
+ * with the key to use instead. Without it, these keys would be silently ignored.
+ */
+declare function getDefinitionWarnings(definition: PanneauDefinition | null): string[];
+
 interface ComponentWithName {
     displayName?: string | null;
     name?: string | null;
@@ -239,6 +404,8 @@ interface FieldWithSubFields extends Field {
     type?: string | null;
     fields?: Field[] | null;
     field?: Field | null;
+    settings?: Field[] | null;
+    itemsField?: Field | null;
     listItems?: boolean;
 }
 declare function getFieldFromPath(path: string | string[], fields: Field[], fieldManager: FieldManager): FieldWithSubFields | null;
@@ -259,6 +426,16 @@ declare function loadPackage<T = unknown>(name: string, loader: () => Promise<T>
 
 declare function mergeRefs<T>(...refs: Array<ForwardedRef<T> | null | undefined>): (value: T | null) => void;
 
+/**
+ * Parse a date-only value as a local date, ignoring its timezone.
+ *
+ * A date stored at midnight represents a calendar day, not an instant: converting it to the
+ * browser timezone would show the previous day west of the server timezone (ex: a date saved as
+ * 2026-10-01 00:00 UTC is 2026-09-30 20:00 in Montreal). Returns null when the value has a time,
+ * so the caller can parse it as an instant.
+ */
+declare function parseDateOnly(value: string | null | undefined): Date | null;
+
 declare function toggleSelectedItem(items: Item[] | null, item: Item, { multiple: multipleSelection }?: {
     multiple?: boolean;
 }): Item[] | null;
@@ -277,4 +454,4 @@ interface FieldWithValidation extends Field {
 }
 declare function validateFields(fields: FieldWithValidation[], value: Record<string, unknown> | null): boolean;
 
-export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, mergeRefs, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };
+export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDefinitionWarnings, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, mergeRefs, parseDateOnly, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };

package/dist/utils.js

@@ -1,10 +1,9 @@
 import isNumber from 'lodash-es/isNumber';
-import { snakeCase } from 'snake-case';
 import isObject from 'lodash-es/isObject';
 import { useEffect, isValidElement } from 'react';
 import { isValidElementType } from 'react-is';
 import isString from 'lodash-es/isString';
-import { pascalCase, kebabCase, snakeCase as snakeCase$1 } from 'change-case';
+import { pascalCase, kebabCase, snakeCase } from 'change-case';
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
 import isFunction from 'lodash-es/isFunction';
 import isArray from 'lodash-es/isArray';
@@ -44,8 +43,17 @@ function checkClickable(el, options = {}, parentDistance = 1) {
   return false;
 }
 
+// Convert a camelCase style property (ex: backgroundColor) to its CSS kebab-case
+// name (ex: background-color). Custom properties (--foo) are kept as is.
+function toCssProperty(key) {
+  if (key.startsWith('--')) {
+    return key;
+  }
+  const property = key.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
+  return property.startsWith('ms-') ? `-${property}` : property;
+}
 function convertStyleToString(style) {
-  return style !== null ? Object.keys(style).map(key => `${snakeCase(key)}:${isNumber(style[key]) ? `${style[key]}px` : style[key]};`).join('\n') : '';
+  return style !== null ? Object.keys(style).map(key => `${toCssProperty(key)}:${isNumber(style[key]) ? `${style[key]}px` : style[key]};`).join('\n') : '';
 }
 
 function createNullableOnChange(onChange = null) {
@@ -142,12 +150,15 @@ function flattenComponents(components, prefix = null) {
   if (components === null) {
     return null;
   }
-  return Object.keys(components).reduce((newMap, key) => isValidElementType(components[key]) ? {
-    ...newMap,
-    [prefix !== null ? `${prefix}.${key}` : key]: components[key]
-  } : {
-    ...newMap,
-    ...flattenComponents(components[key], key)
+  return Object.keys(components).reduce((newMap, key) => {
+    const path = prefix !== null ? `${prefix}.${key}` : key;
+    return isValidElementType(components[key]) ? {
+      ...newMap,
+      [path]: components[key]
+    } : {
+      ...newMap,
+      ...flattenComponents(components[key], path)
+    };
   }, {});
 }
 
@@ -251,6 +262,33 @@ function getDefinitionFromId(id = null, items = [], defaultObject = null) {
   return items.find(i => i.id === pascalId) || items.find(i => i.id === id) || defaultObject;
 }
 
+/**
+ * Returns a message for each key of the definition that is not supported anymore,
+ * with the key to use instead. Without it, these keys would be silently ignored.
+ */
+function getDefinitionWarnings(definition) {
+  if (!isObject(definition)) {
+    return [];
+  }
+  const {
+    components = null,
+    intl = null,
+    theme = null,
+    resources = []
+  } = definition;
+  const {
+    values = null
+  } = intl || {};
+  return [...(components !== null ? ['`components` is not supported: give the custom components to the `components` prop of the container.'] : []), ...(values !== null ? ['`intl.values` is not supported: set the values of each resource in `resources[].intl.values`.'] : []), ...Object.keys(theme || {}).filter(key => key !== 'colorScheme').map(key => `\`theme.${key}\` is not supported: only \`theme.colorScheme\` is.`), ...(resources || []).reduce((warnings, resource) => {
+    const {
+      id,
+      components: resourceComponents = null,
+      columns = null
+    } = resource;
+    return [...warnings, ...(resourceComponents !== null ? [`\`resources[${id}].components\` is not supported: use \`index.component\`, \`forms.default.component\` and \`pages\`.`] : []), ...(columns !== null ? [`\`resources[${id}].columns\` is not supported: use \`index.columns\`.`] : [])];
+  }, [])];
+}
+
 function getDisplayName({
   displayName = null,
   name = null
@@ -275,6 +313,9 @@ function getFieldByName(fields, name) {
 }
 
 function getFieldFromPath(path, fields, fieldManager) {
+  const initialField = {
+    fields
+  };
   return (isArray(path) ? path : [path]).reduce((foundField, key) => {
     if (foundField === null) {
       return null;
@@ -298,9 +339,7 @@ function getFieldFromPath(path, fields, fieldManager) {
       };
     }
     return getFieldByName([...(fieldFields || []), ...(subFields || []), ...(settings || [])], key);
-  }, {
-    fields
-  });
+  }, initialField);
 }
 
 function getFileName(url = null) {
@@ -359,24 +398,24 @@ function loadPackage(name, loader) {
         loaders[name].resource = response;
         events.emit(`loaded:${name}`, response);
         return response;
+      }, error => {
+        // Remove the failed loader so a later call can retry
+        delete loaders[name];
+        throw error;
       }),
       loaded: false,
       resource: null
     };
   }
-  return new Promise(resolve => {
-    const {
-      loaded = false,
-      resource
-    } = loaders[name] || {};
-    if (loaded === true) {
-      resolve(resource);
-    } else {
-      events.once(`loaded:${name}`, response => {
-        resolve(response);
-      });
-    }
-  });
+  const {
+    loaded = false,
+    resource = null,
+    loader: currentLoader = null
+  } = loaders[name];
+  if (loaded === true) {
+    return Promise.resolve(resource);
+  }
+  return currentLoader;
 }
 
 function mergeRefs(...refs) {
@@ -391,6 +430,30 @@ function mergeRefs(...refs) {
   };
 }
 
+// A date without time (2026-10-01), or a date at midnight with or without a timezone
+// (2026-10-01T00:00:00-04:00, 2026-10-01T00:00:00.000000Z, 2026-10-01 00:00:00)
+const DATE_ONLY_PATTERN = /^(\d{4})-(\d{2})-(\d{2})(?:[T ]00:00(?::00(?:\.0+)?)?(?:Z|[+-]\d{2}:?\d{2})?)?$/;
+
+/**
+ * Parse a date-only value as a local date, ignoring its timezone.
+ *
+ * A date stored at midnight represents a calendar day, not an instant: converting it to the
+ * browser timezone would show the previous day west of the server timezone (ex: a date saved as
+ * 2026-10-01 00:00 UTC is 2026-09-30 20:00 in Montreal). Returns null when the value has a time,
+ * so the caller can parse it as an instant.
+ */
+function parseDateOnly(value) {
+  if (typeof value !== 'string') {
+    return null;
+  }
+  const match = DATE_ONLY_PATTERN.exec(value.trim());
+  if (match === null) {
+    return null;
+  }
+  const [, year, month, day] = match;
+  return new Date(parseInt(year, 10), parseInt(month, 10) - 1, parseInt(day, 10));
+}
+
 function toggleSelectedItem(items, item, {
   multiple: multipleSelection = false
 } = {}) {
@@ -441,8 +504,18 @@ function setValue(value, keyParts, fieldValue) {
   if (value !== null || fieldValue !== null) {
     if (isArray) {
       const index = parseInt(key, 10);
-      const arrayValue = value;
-      const newArrayValue = fieldValue !== null ? [...arrayValue.slice(0, index), keyParts.length > 0 ? setValue(arrayValue !== null ? arrayValue[index] || null : null, keyParts, fieldValue) : fieldValue, ...arrayValue.slice(index + 1)] : [...arrayValue.slice(0, index), ...arrayValue.slice(index + 1)];
+      const arrayValue = Array.isArray(value) ? value : [];
+      let newArrayValue;
+      if (fieldValue !== null) {
+        newArrayValue = [...arrayValue];
+        // Pad with null so an out-of-range index lands at the right position
+        while (newArrayValue.length < index) {
+          newArrayValue.push(null);
+        }
+        newArrayValue[index] = keyParts.length > 0 ? setValue(arrayValue[index] || null, keyParts, fieldValue) : fieldValue;
+      } else {
+        newArrayValue = [...arrayValue.slice(0, index), ...arrayValue.slice(index + 1)];
+      }
       return newArrayValue.length > 0 ? newArrayValue : null;
     }
     const objectValue = value;
@@ -459,7 +532,7 @@ function slug(str, separator = null) {
   if (separator === '-') {
     toSlug = kebabCase(str);
   } else {
-    toSlug = snakeCase$1(str);
+    toSlug = snakeCase(str);
   }
   return slugify(toSlug, {
     lower: true
@@ -472,11 +545,13 @@ function validateFields(fields, value) {
       if (field.type === 'fields' && field.fields) {
         return validateFields(field.fields, value);
       }
-      const val = value && field.name && value[field.name] ? value[field.name] : false;
-      return !(field.required && !val);
+      const val = value && field.name ? value[field.name] : null;
+      // Only null, undefined and empty strings are considered missing (0 and false are valid)
+      const isMissing = val === null || typeof val === 'undefined' || val === '';
+      return !(field.required && isMissing);
     }
     return acc;
   }, true);
 }
 
-export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, mergeRefs, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };
+export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDefinitionWarnings, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, mergeRefs, parseDateOnly, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.78",
+    "version": "4.1.1",
     "description": "",
     "keywords": [
         "javascript"
@@ -75,7 +75,7 @@
         "debug": "^4.3.4",
         "flat": "^6.0.1",
         "hoist-non-react-statics": "^3.3.2",
-        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0",
         "react-is": "^19.2.5",
         "slugify": "^1.5.0",
@@ -96,5 +96,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "669f20a39ca9545acbe0f2279c6d1af23e43ae6e"
+    "gitHead": "28b394278cffa0c927989873dd4b3f184635ceff"
 }