@panneau/core 4.0.48 → 4.0.55

package/dist/contexts.d.ts

@@ -142,10 +142,6 @@ declare function ComponentsProvider({ components, manager, namespace, children,
 interface Font {
     name: string;
 }
-/**
- * Tracking variables
- */
-type TrackingVariables = Record<string, unknown>;
 
 /**
  * Form Types
@@ -158,25 +154,28 @@ type TrackingVariables = Record<string, unknown>;
 interface Field {
     name?: string;
     type?: string;
-    component?: string;
+    component?: string | ElementType;
     label?: ReactNode;
 }
-/**
- * Table column definition
- */
-type TableColumn = string | {
-    id?: string;
-    component?: string;
-    path?: string;
-    field?: string;
-    columnClassName?: string;
-};
 
 /**
  * Resource Types
  * TypeScript interfaces for resources, items, users, media, and other entities
  */
 
+/**
+ * Table column definition
+ */
+type TableColumn = string | Column;
+interface Column extends Record<string, unknown> {
+    id?: string | null;
+    label?: unknown;
+    path?: string;
+    valueKey?: string;
+    component?: string | ElementType | null;
+    field?: Field | string | null;
+    actions?: ActionDefinition[] | null;
+}
 interface Action {
     id?: string;
     component?: string;
@@ -282,10 +281,16 @@ interface PanneauIntl {
     values?: PanneauIntlValues;
 }
 /**
- * Panneau definition (main configuration)
+ * Generic definition
  */
-interface PanneauDefinition {
+interface Definition {
     name?: string;
+    [key: string]: unknown;
+}
+/**
+ * Panneau definition (main configuration)
+ */
+interface PanneauDefinition extends Definition {
     resources?: Resource[];
     routes?: Routes;
     pages?: Record<string, Page>;
@@ -295,12 +300,9 @@ interface PanneauDefinition {
     settings?: Record<string, unknown>;
 }
 /**
- * Generic definition
+ * Tracking variables
  */
-interface Definition {
-    name?: string;
-    [key: string]: unknown;
-}
+type TrackingVariables = Record<string, unknown>;
 
 declare function useDefinitionContext(): Definition | null;
 declare function useDefinition(): Definition | null;

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs } from 'dayjs';
-import { ReactNode, SubmitEvent, RefObject } from 'react';
+import { ElementType, ReactNode, SubmitEvent, RefObject } from 'react';
 
 interface UseAnimationFrameOptions {
     disabled?: boolean;
@@ -31,25 +31,28 @@ declare const useDocumentEvent: (event: string, callback: (...args: unknown[]) =
 interface Field$1 {
     name?: string;
     type?: string;
-    component?: string;
+    component?: string | ElementType;
     label?: ReactNode;
 }
-/**
- * Table column definition
- */
-type TableColumn = string | {
-    id?: string;
-    component?: string;
-    path?: string;
-    field?: string;
-    columnClassName?: string;
-};
 
 /**
  * Resource Types
  * TypeScript interfaces for resources, items, users, media, and other entities
  */
 
+/**
+ * Table column definition
+ */
+type TableColumn = string | Column;
+interface Column extends Record<string, unknown> {
+    id?: string | null;
+    label?: unknown;
+    path?: string;
+    valueKey?: string;
+    component?: string | ElementType | null;
+    field?: Field$1 | string | null;
+    actions?: ActionDefinition[] | null;
+}
 interface Action {
     id?: string;
     component?: string;

package/dist/index.d.ts

@@ -171,6 +171,14 @@ declare class Tracking extends Tracking$1 {
     trackMedia(type: string, media: Media$1 | null, action: string, { value, ...opts }?: TrackingEventOptions): void;
 }
 
+/**
+ * User definition
+ */
+interface User {
+    id?: number | string;
+    [key: string]: unknown;
+}
+
 /**
  * Core UI Types
  */
@@ -272,10 +280,6 @@ interface Breadcrumb {
 interface Font {
     name: string;
 }
-/**
- * Tracking variables
- */
-type TrackingVariables = Record<string, unknown>;
 /**
  * Trigger update identifier
  */
@@ -286,12 +290,11 @@ interface Pagination {
     total: number;
     last_page: number;
 }
-
 /**
- * User definition
+ * Generic item (base interface for data items)
  */
-interface User {
-    id?: number | string;
+interface Item {
+    id: string;
     [key: string]: unknown;
 }
 
@@ -320,7 +323,7 @@ type SelectOption = string | number | {
 interface Field {
     name?: string;
     type?: string;
-    component?: string;
+    component?: string | ElementType;
     label?: ReactNode;
 }
 /**
@@ -330,22 +333,59 @@ interface Form {
     title: ReactNode;
     fields?: Field[];
 }
+
+type MediaType = 'audio' | 'image' | 'video' | 'document' | 'font';
+interface MediaFile {
+    url: string;
+    type: string;
+}
 /**
- * Table column definition
+ * Media file definition
  */
-type TableColumn = string | {
-    id?: string;
-    component?: string;
-    path?: string;
-    field?: string;
-    columnClassName?: string;
-};
+interface Media extends Item {
+    id: string;
+    name: string;
+    type: string;
+    thumbnail_url?: string;
+    thumbnailUrl?: string;
+    url?: string;
+    provider?: string;
+    [key: string]: unknown;
+    files?: Record<string, MediaFile> | null;
+}
+interface VideoMedia extends Media {
+    type: 'video';
+    iframeUrl?: string;
+    width?: number | null;
+    height?: number | null;
+    duration?: number | null;
+}
+interface AudioMedia extends Media {
+    type: 'audio';
+    duration?: number | null;
+}
+interface ImageMedia extends Media {
+    type: 'image';
+}
 
 /**
  * Resource Types
  * TypeScript interfaces for resources, items, users, media, and other entities
  */
 
+/**
+ * Table column definition
+ */
+type TableColumn = string | Column;
+interface Column extends Record<string, unknown> {
+    id?: string | null;
+    label?: unknown;
+    path?: string;
+    valueKey?: string;
+    component?: string | ElementType | null;
+    field?: Field | string | null;
+    actions?: ActionDefinition[] | null;
+}
 interface Action {
     id?: string;
     component?: string;
@@ -394,26 +434,9 @@ interface Resource {
     shows_in_navbar?: boolean;
     settings?: Record<string, unknown>;
 }
-/**
- * Generic item (base interface for data items)
- */
-interface Item {
-    id: string;
-    [key: string]: unknown;
-}
 interface ResourceItem extends Item {
     type?: string;
 }
-/**
- * Media file definition
- */
-interface Media extends Item {
-    id: string;
-    name: string;
-    type: string;
-    thumbnail_url?: string;
-    [key: string]: unknown;
-}
 /**
  * Preview definition
  */
@@ -499,10 +522,16 @@ interface PanneauIntl {
     values?: PanneauIntlValues;
 }
 /**
- * Panneau definition (main configuration)
+ * Generic definition
  */
-interface PanneauDefinition {
+interface Definition {
     name?: string;
+    [key: string]: unknown;
+}
+/**
+ * Panneau definition (main configuration)
+ */
+interface PanneauDefinition extends Definition {
     resources?: Resource[];
     routes?: Routes;
     pages?: Record<string, Page>;
@@ -512,12 +541,9 @@ interface PanneauDefinition {
     settings?: Record<string, unknown>;
 }
 /**
- * Generic definition
+ * Tracking variables
  */
-interface Definition {
-    name?: string;
-    [key: string]: unknown;
-}
+type TrackingVariables = Record<string, unknown>;
 
 export { ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, FormsManager, MediasParser, Tracking };
-export type { Action, ActionDefinition, ActionValue, Breadcrumb, Button, ButtonElement, ButtonSize, ButtonTheme, ButtonType, ControlSize, Definition, DropdownAlign, Feedback, Field, FieldOption, Filter, Font, Form, FormError, FormStatus, Item, Label, Media, MenuItem, Message, Modal, Page, Pagination, PanneauComponents, PanneauDefinition, PanneauIntl, PanneauIntlValues, PanneauTheme, Preview, Resource, ResourceIndex, ResourceIntl, ResourceIntlValues, ResourceItem, Routes, SelectOption, StatusCode, TableColumn, Toggle, TrackingVariables, TriggerUpdate, Uppy, User, uppy };
+export type { Action, ActionDefinition, ActionValue, AudioMedia, Breadcrumb, Button, ButtonElement, ButtonSize, ButtonTheme, ButtonType, Column, ControlSize, Definition, DropdownAlign, Feedback, Field, FieldOption, Filter, Font, Form, FormError, FormStatus, ImageMedia, Item, Label, Media, MediaFile, MediaType, MenuItem, Message, Modal, Page, Pagination, PanneauComponents, PanneauDefinition, PanneauIntl, PanneauIntlValues, PanneauTheme, Preview, Resource, ResourceIndex, ResourceIntl, ResourceIntlValues, ResourceItem, Routes, SelectOption, StatusCode, TableColumn, Toggle, TrackingVariables, TriggerUpdate, Uppy, User, VideoMedia, uppy };

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
-import { ElementType, ReactNode, ComponentType, ReactElement } from 'react';
+import { ElementType, ReactNode, ReactElement, ForwardedRef } from 'react';
 import { MessageDescriptor } from 'react-intl';
 
 interface CheckClickableOptions {
@@ -46,6 +46,13 @@ interface Message extends MessageDescriptor {
  * Label can be either a message object or any React node
  */
 type Label = Message | ReactNode;
+/**
+ * Generic item (base interface for data items)
+ */
+interface Item {
+    id: string;
+    [key: string]: unknown;
+}
 
 /**
  * Form Types
@@ -65,25 +72,28 @@ type SelectOption = string | number | {
 interface Field {
     name?: string;
     type?: string;
-    component?: string;
+    component?: string | ElementType;
     label?: ReactNode;
 }
-/**
- * Table column definition
- */
-type TableColumn = string | {
-    id?: string;
-    component?: string;
-    path?: string;
-    field?: string;
-    columnClassName?: string;
-};
 
 /**
  * Resource Types
  * TypeScript interfaces for resources, items, users, media, and other entities
  */
 
+/**
+ * Table column definition
+ */
+type TableColumn = string | Column;
+interface Column extends Record<string, unknown> {
+    id?: string | null;
+    label?: unknown;
+    path?: string;
+    valueKey?: string;
+    component?: string | ElementType | null;
+    field?: Field | string | null;
+    actions?: ActionDefinition[] | null;
+}
 interface Action {
     id?: string;
     component?: string;
@@ -131,13 +141,6 @@ interface Resource {
     shows_in_navbar?: boolean;
     settings?: Record<string, unknown>;
 }
-/**
- * Generic item (base interface for data items)
- */
-interface Item {
-    id: string;
-    [key: string]: unknown;
-}
 /**
  * Filter definition
  */
@@ -160,22 +163,18 @@ interface Definition {
     [key: string]: unknown;
 }
 
-interface Column extends Record<string, unknown> {
-    id?: string | null;
-    label?: unknown;
-    valueKey?: string;
-    component?: string | null;
-    field?: Field | string | null;
-}
 declare function getColumnsWithFields(resource: Resource, columns: TableColumn[] | null): Column[];
 
 interface ComponentResult {
-    name: unknown;
+    name: string | ElementType | null;
     props: Record<string, unknown> | null;
 }
-declare function getComponent(component: unknown): ComponentResult;
+declare function getComponent(component: string | {
+    component: string | ElementType;
+    [key: string]: unknown;
+}): ComponentResult;
 
-declare function getComponentFromName<T = ComponentType<unknown> | 'string'>(name?: string | null, components?: Record<string, T> | null, defaultComponent?: T | null): T | null;
+declare function getComponentFromName(name?: string | ElementType | null, components?: Record<string, ElementType> | null, defaultComponent?: ElementType | null): ElementType | null;
 
 declare function getDefinitionFromId<T extends Definition = Definition>(id?: string | null, items?: T[] | null, defaultObject?: T | null): T | null;
 
@@ -220,6 +219,8 @@ declare function isMessage(message: unknown): message is Message;
 
 declare function loadPackage<T = unknown>(name: string, loader: () => Promise<T>): Promise<T>;
 
+declare function mergeRefs<T>(...refs: Array<ForwardedRef<T> | null | undefined>): (value: T | null) => void;
+
 declare function toggleSelectedItem(items: Item[] | null, item: Item, { multiple: multipleSelection }?: {
     multiple?: boolean;
 }): Item[] | null;
@@ -238,4 +239,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, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };
+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 };

package/dist/utils.js

@@ -6,6 +6,7 @@ import { isValidElementType } from 'react-is';
 import isString from 'lodash/isString';
 import { pascalCase, kebabCase, snakeCase as snakeCase$1 } from 'change-case';
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
+import isFunction from 'lodash/isFunction';
 import isArray from 'lodash/isArray';
 import get from 'lodash/get';
 import capitalize from 'lodash/capitalize';
@@ -169,13 +170,13 @@ function formatDuration(timeInSeconds) {
 
 function getComponent(component) {
   const {
-    component: name,
+    component: name = null,
     ...props
-  } = isObject(component) ? component : {
+  } = isString(component) ? {
     component
-  };
+  } : component || {};
   return {
-    name: component,
+    name,
     props: Object.keys(props).length > 0 ? props : null
   };
 }
@@ -184,7 +185,6 @@ function getColumnFromField(field) {
   if (field === null) {
     return null;
   }
-  // eslint-disable-next-line camelcase
   const {
     name,
     components: {
@@ -231,6 +231,9 @@ function getComponentFromName(name = null, components = {}, defaultComponent = n
   if (components === null || name === null) {
     return defaultComponent;
   }
+  if (isObject(name) || isFunction(name)) {
+    return name;
+  }
   const pascalName = pascalCase(name);
   const component = components[pascalName] || components[name] || defaultComponent;
   if (!component) {
@@ -375,6 +378,18 @@ function loadPackage(name, loader) {
   });
 }
 
+function mergeRefs(...refs) {
+  return value => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref !== null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
 function toggleSelectedItem(items, item, {
   multiple: multipleSelection = false
 } = {}) {
@@ -463,4 +478,4 @@ function validateFields(fields, value) {
   }, true);
 }
 
-export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.48",
+    "version": "4.0.55",
     "description": "",
     "keywords": [
         "javascript"
@@ -96,5 +96,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "668d90a05a094fe55fcea760df3f9c294c6cbb31"
+    "gitHead": "1c9183567fc5bf98ba10fa57c63cf2ed2ae4a054"
 }