@panneau/core 4.0.50 → 4.0.56

package/dist/contexts.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ElementType, ReactNode, ComponentType } from 'react';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
@@ -130,7 +129,7 @@ interface ComponentsProviderProps {
     manager?: ComponentsManager | null;
     components?: Record<string, ElementType>;
 }
-declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react_jsx_runtime.JSX.Element;
+declare function ComponentsProvider({ components, manager, namespace, children, }: ComponentsProviderProps): react.JSX.Element;
 
 /**
  * Core UI Types
@@ -142,10 +141,6 @@ declare function ComponentsProvider({ components, manager, namespace, children,
 interface Font {
     name: string;
 }
-/**
- * Tracking variables
- */
-type TrackingVariables = Record<string, unknown>;
 
 /**
  * Form Types
@@ -158,25 +153,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 +280,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 +299,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;
@@ -308,7 +309,7 @@ interface DefinitionProviderProps {
     definition: Definition;
     children: ReactNode;
 }
-declare function DefinitionProvider({ definition, children }: DefinitionProviderProps): react_jsx_runtime.JSX.Element;
+declare function DefinitionProvider({ definition, children }: DefinitionProviderProps): react.JSX.Element;
 
 declare const FieldsContext: react.Context<FieldsManager>;
 declare function useFieldsManager(): FieldsManager | null;
@@ -319,7 +320,7 @@ interface FieldsProviderProps {
     manager?: FieldsManager | null;
     children: ReactNode;
 }
-declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): react_jsx_runtime.JSX.Element;
+declare function FieldsProvider({ fields, manager, children }: FieldsProviderProps): react.JSX.Element;
 
 interface FontsContextValue {
     systemFonts: Font[] | null;
@@ -340,7 +341,7 @@ interface FontsProviderProps {
     systemFonts?: (Font | string)[] | null;
     customFonts?: (Font | string)[] | null;
 }
-declare function FontsProvider({ systemFonts, customFonts, children, }: FontsProviderProps): react_jsx_runtime.JSX.Element;
+declare function FontsProvider({ systemFonts, customFonts, children, }: FontsProviderProps): react.JSX.Element;
 
 interface FormContextValue {
     value: Record<string, unknown>;
@@ -354,18 +355,18 @@ interface FormProviderProps {
     setValue: (value: Record<string, unknown>) => void;
     children: ReactNode;
 }
-declare function FormProvider({ value, setValue, children }: FormProviderProps): react_jsx_runtime.JSX.Element;
+declare function FormProvider({ value, setValue, children }: FormProviderProps): react.JSX.Element;
 
 declare const GoogleApiClientContext: react.Context<any>;
 declare function useGoogleApiClient(): any | null;
 declare function withGoogleApiClient(WrappedComponent: ComponentType<any>): {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): react.JSX.Element;
     displayName: string;
 };
 interface GoogleApiClientProviderProps {
     children: ReactNode;
 }
-declare function GoogleApiClientProvider({ children }: GoogleApiClientProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleApiClientProvider({ children }: GoogleApiClientProviderProps): react.JSX.Element;
 
 interface GoogleKeysContextValue {
     apiKey: string | null;
@@ -376,12 +377,12 @@ interface GoogleKeysProviderProps {
     children: ReactNode;
     apiKey?: string | null;
 }
-declare function GoogleKeysProvider({ children, apiKey }: GoogleKeysProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleKeysProvider({ children, apiKey }: GoogleKeysProviderProps): react.JSX.Element;
 
 declare const GoogleMapsClientContext: react.Context<any>;
 declare function useGoogleMapsClient(): any | null;
 declare function withGoogleMapsClient(WrappedComponent: ComponentType<any>): {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): react.JSX.Element;
     displayName: string;
 };
 interface GoogleMapsClientProviderProps {
@@ -389,7 +390,7 @@ interface GoogleMapsClientProviderProps {
     locale?: string;
     libraries?: string[] | null;
 }
-declare function GoogleMapsClientProvider({ children, locale, libraries, }: GoogleMapsClientProviderProps): react_jsx_runtime.JSX.Element;
+declare function GoogleMapsClientProvider({ children, locale, libraries, }: GoogleMapsClientProviderProps): react.JSX.Element;
 
 interface LocalesContextValue {
     locales: string[];
@@ -402,7 +403,7 @@ interface LocalesProviderProps {
     locales?: string[];
     children: ReactNode;
 }
-declare function LocalesProvider({ locales, children }: LocalesProviderProps): react_jsx_runtime.JSX.Element;
+declare function LocalesProvider({ locales, children }: LocalesProviderProps): react.JSX.Element;
 
 interface ModalData {
     id: string;
@@ -426,7 +427,7 @@ interface ModalProviderProps {
     children: ReactNode;
     container?: unknown | null;
 }
-declare function ModalProvider({ children, container: initialContainer }: ModalProviderProps): react_jsx_runtime.JSX.Element;
+declare function ModalProvider({ children, container: initialContainer }: ModalProviderProps): react.JSX.Element;
 
 interface PanelData {
     id: string;
@@ -442,14 +443,14 @@ interface PanelsContextValue {
 declare const PanelsContext: react.Context<PanelsContextValue>;
 declare function usePanels(): PanelsContextValue;
 declare function withPanels(WrappedComponent: ComponentType<any>): {
-    (props: any): react_jsx_runtime.JSX.Element;
+    (props: any): react.JSX.Element;
     displayName: string;
 };
 interface PanelsProviderProps {
     children: ReactNode;
     container?: unknown | null;
 }
-declare function PanelsProvider({ children, container: initialContainer }: PanelsProviderProps): react_jsx_runtime.JSX.Element;
+declare function PanelsProvider({ children, container: initialContainer }: PanelsProviderProps): react.JSX.Element;
 
 declare function usePanneau(): PanneauDefinition | null;
 declare function usePanneauResources(): Resource[];
@@ -468,14 +469,14 @@ interface PanneauProviderProps {
     definition: PanneauDefinition;
     children: ReactNode;
 }
-declare function PanneauProvider({ definition, children }: PanneauProviderProps): react_jsx_runtime.JSX.Element;
+declare function PanneauProvider({ definition, children }: PanneauProviderProps): react.JSX.Element;
 
 declare function useResource(): Resource | null;
 interface ResourceProviderProps {
     resource: Resource;
     children: ReactNode;
 }
-declare function ResourceProvider({ resource, children }: ResourceProviderProps): react_jsx_runtime.JSX.Element;
+declare function ResourceProvider({ resource, children }: ResourceProviderProps): react.JSX.Element;
 
 declare function useRoutePush(): (route: string | {
     pathname?: string | null;
@@ -488,7 +489,7 @@ interface TrackingProviderProps {
     children: ReactNode;
     variables?: TrackingVariables | null;
 }
-declare function TrackingProvider({ variables, children }: TrackingProviderProps): react_jsx_runtime.JSX.Element;
+declare function TrackingProvider({ variables, children }: TrackingProviderProps): react.JSX.Element;
 
 export { ACTIONS_NAMESPACE, APP_NAMESPACE, BUTTONS_NAMESPACE, ComponentsContext, ComponentsProvider, DISPLAYS_NAMESPACE, DefinitionProvider, FIELDS_NAMESPACE, FILTERS_NAMESPACE, FORMS_NAMESPACE, FieldsContext, FieldsProvider, FontsContext, FontsProvider, FormProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, LISTS_NAMESPACE, LocalesContext, LocalesProvider, MODALS_NAMESPACE, ModalContext, ModalProvider, PAGES_NAMESPACE, PREVIEWS_NAMESPACE, PanelsContext, PanelsProvider, PanneauProvider, ResourceProvider, TrackingProvider, useActionComponent, useActionsComponents, useActionsComponentsManager, useAppComponent, useAppComponents, useAppComponentsManager, useButtonComponent, useButtonsComponents, useButtonsComponentsManager, useComponent, useComponents, useComponentsManager, useDefinition, useDefinitionContext, useDisplayComponent, useDisplaysComponents, useDisplaysComponentsManager, useField, useFieldComponent, useFields, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFilterComponent, useFiltersComponents, useFiltersComponentsManager, useFonts, useFormComponent, useFormContext, useFormSetValue, useFormValue, useFormsComponents, useFormsComponentsManager, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useListComponent, useListsComponents, useListsComponentsManager, useLocales, useLocalesContext, useModal, useModalComponent, useModalsComponents, useModalsComponentsManager, useOtherLocales, usePageComponent, usePagesComponents, usePagesComponentsManager, usePanels, usePanneau, usePanneauAuth, usePanneauColorScheme, usePanneauComponent, usePanneauComponents, usePanneauResource, usePanneauResources, usePanneauSettings, usePreviewComponent, usePreviewsComponents, usePreviewsComponentsManager, useResource, useRouteBack, useRoutePush, useTracking, withGoogleApiClient, withGoogleMapsClient, withPanels };
 export type { ModalContextValue, ModalData };

package/dist/contexts.js

@@ -1,11 +1,11 @@
 import { c } from 'react/compiler-runtime';
-import isString from 'lodash/isString';
+import isString from 'lodash-es/isString';
 import { createContext, useContext, useState, use, useEffect, useRef } from 'react';
 import { ComponentsManager, FieldsManager, Tracking } from '@panneau/core';
 import { jsx } from 'react/jsx-runtime';
-import uniqBy from 'lodash/uniqBy';
+import uniqBy from 'lodash-es/uniqBy';
 import { getJSON } from '@folklore/fetch';
-import isObject from 'lodash/isObject';
+import isObject from 'lodash-es/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
 import { useIntl } from 'react-intl';
 import { getDisplayName } from '@panneau/core/utils';

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/hooks.js

@@ -3,10 +3,10 @@ import { useRef, useEffect, useCallback, useState, useMemo } from 'react';
 import { EventsManager, MediasParser } from '@panneau/core';
 import { createUseEvent, loadPackage } from '@panneau/core/utils';
 import { getCsrfToken, postJSON, getCSRFHeaders } from '@folklore/fetch';
-import get from 'lodash/get';
-import isArray from 'lodash/isArray';
-import isObject from 'lodash/isObject';
-import isString from 'lodash/isString';
+import get from 'lodash-es/get';
+import isArray from 'lodash-es/isArray';
+import isObject from 'lodash-es/isObject';
+import isString from 'lodash-es/isString';
 import { useFieldsManager, usePanneauResources, useResource, useUrlGenerator } from '@panneau/core/contexts';
 import dayjs from 'dayjs';
 import { useIntl } from 'react-intl';

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/index.js

@@ -1,9 +1,9 @@
 import { flattenComponents, getComponentFromName } from '@panneau/core/utils';
-import isArray from 'lodash/isArray';
-import uniqBy from 'lodash/uniqBy';
+import isArray from 'lodash-es/isArray';
+import uniqBy from 'lodash-es/uniqBy';
 import EventEmitter from 'wolfy87-eventemitter';
-import isObject from 'lodash/isObject';
-import uniq from 'lodash/uniq';
+import isObject from 'lodash-es/isObject';
+import uniq from 'lodash-es/uniq';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 
 class ComponentsManager {

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
-import { ElementType, ReactNode, ComponentType, ReactElement, ForwardedRef } 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;
 

package/dist/utils.js

@@ -1,14 +1,15 @@
-import isNumber from 'lodash/isNumber';
+import isNumber from 'lodash-es/isNumber';
 import { snakeCase } from 'snake-case';
-import isObject from 'lodash/isObject';
+import isObject from 'lodash-es/isObject';
 import { useEffect, isValidElement } from 'react';
 import { isValidElementType } from 'react-is';
-import isString from 'lodash/isString';
+import isString from 'lodash-es/isString';
 import { pascalCase, kebabCase, snakeCase as snakeCase$1 } from 'change-case';
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
-import isArray from 'lodash/isArray';
-import get from 'lodash/get';
-import capitalize from 'lodash/capitalize';
+import isFunction from 'lodash-es/isFunction';
+import isArray from 'lodash-es/isArray';
+import get from 'lodash-es/get';
+import capitalize from 'lodash-es/capitalize';
 import EventEmitter from 'wolfy87-eventemitter';
 import slugify from 'slugify';
 
@@ -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) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.50",
+    "version": "4.0.56",
     "description": "",
     "keywords": [
         "javascript"
@@ -47,7 +47,7 @@
         }
     },
     "sideEffects": [
-        "./dist/hooks.js"
+        "**/*.css"
     ],
     "files": [
         "dist",
@@ -96,5 +96,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c5d4004686dae5529035f8eac83571739e24340d"
+    "gitHead": "9c3ba1bdd04699e0150f84a35f2bdbdec073bd59"
 }