@panneau/core 4.0.7 → 4.0.11

package/es/contexts.js

@@ -15,9 +15,9 @@ import { getDisplayName } from '@panneau/core/utils';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useUrlGenerator } from '@folklore/routes';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
-import { useLocation } from 'wouter';
-import { TrackingContext, TrackingContainer } from '@folklore/tracking';
+import { TrackingContainer, TrackingContext } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
+import { useLocation } from 'wouter';
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';

package/es/hooks.js

@@ -1,188 +1,21 @@
-import get from 'lodash-es/get';
-import isArray from 'lodash-es/isArray';
-import { useMemo, useRef, useEffect, useCallback, useState } from 'react';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import isObject from 'lodash-es/isObject';
-import isString from 'lodash-es/isString';
+import { useRef, useEffect, useCallback, useState, useMemo } from 'react';
 import { EventsManager, MediasParser } from '@panneau/core';
 import { createUseEvent, loadPackage } from '@panneau/core/utils';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { getCsrfToken, postJSON, getCSRFHeaders } from '@folklore/fetch';
+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';
 import { match } from 'css-mediaquery';
 
-function useActionProps(action, value) {
-  var labelPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var values = useMemo(function () {
-    if (value === null) {
-      return null;
-    }
-    if (isArray(value)) {
-      return value;
-    }
-    return value || null;
-  }, [value]);
-  var ids = useMemo(function () {
-    if (value === null) {
-      return null;
-    }
-    if (isArray(value)) {
-      return value.map(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$id = _ref.id,
-          id = _ref$id === void 0 ? null : _ref$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-    }
-    return value !== null && typeof value.id !== 'undefined' ? [value.id] : null;
-  }, [value]);
-  var idKeys = useMemo(function () {
-    return (ids || []).map(function (id) {
-      return "".concat(id);
-    }).join('-');
-  }, [ids]);
-  var idLabels = useMemo(function () {
-    return isArray(values) ? values.map(function () {
-      var it = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      return "#".concat(get(it, 'id', '')).concat(labelPath !== null ? " ".concat(get(it, labelPath, '')) : '');
-    }).join(', ') : get(values, 'id', 'no-value');
-  }, [ids]);
-  var modalKey = useMemo(function () {
-    return "".concat(action, "-").concat(idKeys);
-  }, [idKeys]);
-  return {
-    ids: ids,
-    idKeys: idKeys,
-    idLabels: idLabels,
-    modalKey: modalKey
-  };
-}
-
-// For backwards compatibility with the old actions element
-
-function useActions() {
-  var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var actions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var urlGenerator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-    _ref$iconsOnly = _ref.iconsOnly,
-    iconsOnly = _ref$iconsOnly === void 0 ? true : _ref$iconsOnly,
-    _ref$showLabel = _ref.showLabel,
-    showLabel = _ref$showLabel === void 0 ? null : _ref$showLabel,
-    _ref$editLabel = _ref.editLabel,
-    editLabel = _ref$editLabel === void 0 ? null : _ref$editLabel,
-    _ref$deleteLabel = _ref.deleteLabel,
-    deleteLabel = _ref$deleteLabel === void 0 ? null : _ref$deleteLabel,
-    _ref$onClickShow = _ref.onClickShow,
-    onClickShow = _ref$onClickShow === void 0 ? null : _ref$onClickShow,
-    _ref$onClickEdit = _ref.onClickEdit,
-    onClickEdit = _ref$onClickEdit === void 0 ? null : _ref$onClickEdit,
-    _ref$onClickDelete = _ref.onClickDelete,
-    onClickDelete = _ref$onClickDelete === void 0 ? null : _ref$onClickDelete,
-    _ref$getShowPropsFrom = _ref.getShowPropsFromItem,
-    getShowPropsFromItem = _ref$getShowPropsFrom === void 0 ? null : _ref$getShowPropsFrom,
-    _ref$getEditPropsFrom = _ref.getEditPropsFromItem,
-    getEditPropsFromItem = _ref$getEditPropsFrom === void 0 ? null : _ref$getEditPropsFrom,
-    _ref$getDeletePropsFr = _ref.getDeletePropsFromItem,
-    getDeletePropsFromItem = _ref$getDeletePropsFr === void 0 ? null : _ref$getDeletePropsFr,
-    _ref$showUrl = _ref.showUrl,
-    showUrl = _ref$showUrl === void 0 ? null : _ref$showUrl,
-    _ref$withoutItemShowU = _ref.withoutItemShowUrl,
-    withoutItemShowUrl = _ref$withoutItemShowU === void 0 ? null : _ref$withoutItemShowU,
-    _ref$preferEditModal = _ref.preferEditModal,
-    preferEditModal = _ref$preferEditModal === void 0 ? false : _ref$preferEditModal,
-    _ref$preferDeleteModa = _ref.preferDeleteModal,
-    preferDeleteModal = _ref$preferDeleteModa === void 0 ? false : _ref$preferDeleteModa,
-    _ref$hasDuplicateRout = _ref.hasDuplicateRoute,
-    hasDuplicateRoute = _ref$hasDuplicateRout === void 0 ? false : _ref$hasDuplicateRout;
-  var _ref2 = item || {},
-    id = _ref2.id,
-    _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? null : _ref2$url;
-  var hasCustomShowUrl = showUrl !== null || url !== null;
-  return (actions || []).map(function (action) {
-    if (isString(action)) {
-      switch (action) {
-        case 'show':
-          return _objectSpread({
-            id: 'show',
-            component: 'show',
-            label: iconsOnly ? null : showLabel,
-            icon: iconsOnly ? 'eye' : null,
-            href: urlGenerator !== null && (!hasCustomShowUrl || withoutItemShowUrl) ? urlGenerator('show', {
-              id: id
-            }) || null : showUrl || url,
-            external: hasCustomShowUrl,
-            theme: 'info',
-            target: '_blank',
-            onClick: onClickShow
-          }, getShowPropsFromItem !== null ? getShowPropsFromItem(item) : null);
-        case 'edit':
-          return _objectSpread({
-            id: 'edit',
-            component: 'edit',
-            label: iconsOnly ? null : editLabel,
-            icon: iconsOnly ? 'pencil-square' : null,
-            href: urlGenerator !== null && !preferEditModal ? urlGenerator('edit', {
-              id: id
-            }) || null : null,
-            theme: 'primary',
-            onClick: onClickEdit
-          }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
-        case 'duplicate':
-          return {
-            id: 'duplicate',
-            component: 'duplicate',
-            label: null,
-            href: urlGenerator !== null && hasDuplicateRoute ? urlGenerator('duplicate', {
-              id: id
-            }) || null : null
-          };
-        case 'restore':
-          return {
-            id: 'restore',
-            component: 'restore',
-            label: null
-          };
-        case 'delete':
-          return _objectSpread({
-            id: 'delete',
-            component: 'delete',
-            label: iconsOnly ? null : deleteLabel,
-            icon: iconsOnly ? 'trash3' : null,
-            href: urlGenerator !== null && !preferDeleteModal ? urlGenerator('delete', {
-              id: id
-            }) || null : null,
-            theme: 'danger',
-            onClick: onClickDelete,
-            endpoint: urlGenerator !== null && preferDeleteModal ? urlGenerator('delete', {
-              id: id
-            }) || null : null,
-            withConfirmation: preferDeleteModal
-          }, getDeletePropsFromItem !== null ? getDeletePropsFromItem(item) : null);
-      }
-    }
-    if (isObject(action)) {
-      var _ref3 = action || {},
-        _ref3$itemLinkProp = _ref3.itemLinkProp,
-        itemLinkProp = _ref3$itemLinkProp === void 0 ? null : _ref3$itemLinkProp;
-      return _objectSpread(_objectSpread({}, action), itemLinkProp !== null && isObject(item) && typeof item[itemLinkProp] !== 'undefined' ? {
-        href: item[itemLinkProp]
-      } : null);
-    }
-    return action;
-  }).filter(function (action) {
-    return action !== null;
-  });
-}
-
 function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
@@ -274,7 +107,7 @@ var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref)
     _onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var locales = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return fields.reduce(function (allFields, field) {
+  return (fields || []).reduce(function (allFields, field) {
     var _ref2 = isObject(field) ? field : {},
       _ref2$name = _ref2.name,
       name = _ref2$name === void 0 ? isString(field) ? field : null : _ref2$name,
@@ -310,7 +143,7 @@ var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref)
       onChange: function onChange(fieldValue) {
         return _onChange(name, fieldValue);
       },
-      fields: fieldFields !== null ? _getFieldsPropsFromFields(fieldFields, {
+      fields: fieldFields !== null && isArray(fieldFields) ? _getFieldsPropsFromFields(fieldFields, {
         value: value !== null && name !== null && isObject(value[name]) ? value[name] : null,
         errors: subfieldErrors,
         onChange: _onChange
@@ -1310,4 +1143,4 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow() {
 var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 var useWindowEvent = createUseEvent(eventsManager);
 
-export { KEYCODES, getObserver, useActionProps, useActions, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useKeyboardKeys, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useQuery, useResizeObserver, useResourceTypeName, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };
+export { KEYCODES, getObserver, useAnimationFrame, useDocumentEvent, useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible, useKeyboardKeys, useLoadedFonts, useMediaApi, useMediasParser, useObserver, useQuery, useResizeObserver, useResourceTypeName, useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent };

package/es/types/index.d.ts

@@ -8,32 +8,13 @@
  */
 
 // Core UI Types
-export type {
-    Message,
-    Label,
-    StatusCode,
-    MenuItem,
-    Button,
-    ButtonTheme,
-    ButtonSize,
-    ButtonType,
-    DropdownAlign,
-    ControlSize,
-    FormStatus,
-    Feedback,
-    FormError,
-    Toggle,
-    Breadcrumb,
-    Font,
-    TrackingVariables,
-    TriggerUpdate,
-} from './core';
+export type * from './core';
 
 // Form Types
-export type { FieldOption, SelectOption, Field, Form, TableColumn } from './form';
+export type * from './form';
 
 // Resource Types
-export type { Intl, Resource, Item, User, Media, Preview, Modal, Filter, Uppy } from './resource';
+export type * from './resource';
 
 // Panneau Definition Types
-export type { Routes, Page, PanneauDefinition, Definition } from './panneau';
+export type * from './panneau';

package/es/types/panneau.d.ts

@@ -19,6 +19,7 @@ export interface Routes {
     'resources.duplicate': string;
     'resources.clone': string;
     'resources.restore': string;
+    [key: string]: string;
 }
 
 /**

package/es/types/resource.d.ts

@@ -4,6 +4,25 @@
  */
 import { Field } from './form';
 
+export interface Action {
+    id?: string;
+    component?: string;
+    label?: string | null;
+    icon?: string | null;
+    href?: string | null;
+    external?: boolean;
+    theme?: string;
+    target?: string;
+    onClick?: (() => void) | null;
+    endpoint?: string | null;
+    withConfirmation?: boolean;
+    [key: string]: unknown;
+}
+
+export type ActionDefinition = string | Action;
+
+type ActionValue = Item | Item[] | null;
+
 /**
  * Internationalization configuration
  */

package/es/utils.js

@@ -1,9 +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 _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import isObject from 'lodash-es/isObject';
+import { useEffect, isValidElement } from 'react';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import ReactIs from 'react-is';

package/lib/contexts.js

@@ -17,9 +17,9 @@ var utils = require('@panneau/core/utils');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var PropTypes = require('prop-types');
 var pathToRegexp = require('path-to-regexp');
+var tracking = require('@folklore/tracking');
 var regexparam = require('regexparam');
 var index_js = require('use-sync-external-store/shim/index.js');
-var tracking = require('@folklore/tracking');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -978,11 +978,14 @@ var currentSearch = function currentSearch() {
 };
 var useSearch = function useSearch() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$ssrSearch = _ref.ssrSearch,
-    ssrSearch = _ref$ssrSearch === void 0 ? "" : _ref$ssrSearch;
-  return useLocationProperty(currentSearch, function () {
+    ssrSearch = _ref.ssrSearch;
+  return useLocationProperty(currentSearch,
+  // != null checks for both null and undefined, but allows empty string ""
+  // This allows proper hydration: server renders with ssrSearch="?foo",
+  // client hydrates with just <Router /> and reads from location.search
+  ssrSearch != null ? function () {
     return ssrSearch;
-  });
+  } : currentSearch);
 };
 var currentPathname = function currentPathname() {
   return location.pathname;
@@ -990,7 +993,11 @@ var currentPathname = function currentPathname() {
 var usePathname = function usePathname() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     ssrPath = _ref2.ssrPath;
-  return useLocationProperty(currentPathname, ssrPath ? function () {
+  return useLocationProperty(currentPathname,
+  // != null checks for both null and undefined, but allows empty string ""
+  // This allows proper hydration: server renders with ssrPath="/foo",
+  // client hydrates with just <Router /> and reads from location.pathname
+  ssrPath != null ? function () {
     return ssrPath;
   } : currentPathname);
 };
@@ -1042,8 +1049,6 @@ if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
   });
 }
 
-var _excluded3 = ["to", "href", "onClick", "asChild", "children", "className", "replace", "state"];
-
 /*
  * Transforms `path` into its relative `base` version
  * If base isn't part of the path provided returns absolute path e.g. `~/app`
@@ -1080,6 +1085,8 @@ var unescape = function unescape(str) {
   }
 };
 
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "className", "replace", "state", "transition"];
+
 /*
  * Router and router context. Router is a lightweight object that represents the current
  * routing options: how location is managed, base path etc.
@@ -1101,6 +1108,10 @@ var defaultRouter = {
   // customizes how `href` props are transformed for <Link />
   hrefs: function hrefs(x) {
     return x;
+  },
+  // wraps navigate calls, useful for view transitions
+  aroundNav: function aroundNav(n, t, o) {
+    return n(t, o);
   }
 };
 var RouterCtx = React.createContext(defaultRouter);
@@ -1133,8 +1144,8 @@ var useLocationFromRouter = function useLocationFromRouter(router) {
   // the function reference should stay the same between re-renders, so that
   // it can be passed down as an element prop without any performance concerns.
   // (This is achieved via `useEvent`.)
-  return [relativePath(router.base, location), useEvent(function (to, navOpts) {
-    return navigate(absolutePath(to, router.base), navOpts);
+  return [relativePath(router.base, location), useEvent(function (to, opts) {
+    return router.aroundNav(navigate, absolutePath(to, router.base), opts);
   })];
 };
 var useLocation = function useLocation() {
@@ -1156,6 +1167,7 @@ React.forwardRef(function (props, ref) {
     cls = props.className;
     props.replace;
     props.state;
+    props.transition;
     var restProps = _objectWithoutProperties(props, _excluded3);
   var onClick = useEvent(function (event) {
     // ignores the navigation when clicked using right mouse button or

package/lib/hooks.js

@@ -1,190 +1,23 @@
 'use strict';
 
-var get = require('lodash-es/get');
-var isArray = require('lodash-es/isArray');
 var react = require('react');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var isObject = require('lodash-es/isObject');
-var isString = require('lodash-es/isString');
 var core = require('@panneau/core');
 var utils = require('@panneau/core/utils');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var fetch = require('@folklore/fetch');
+var get = require('lodash-es/get');
+var isArray = require('lodash-es/isArray');
+var isObject = require('lodash-es/isObject');
+var isString = require('lodash-es/isString');
 var contexts = require('@panneau/core/contexts');
 var dayjs = require('dayjs');
 var reactIntl = require('react-intl');
 var cssMediaquery = require('css-mediaquery');
 
-function useActionProps(action, value) {
-  var labelPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var values = react.useMemo(function () {
-    if (value === null) {
-      return null;
-    }
-    if (isArray(value)) {
-      return value;
-    }
-    return value || null;
-  }, [value]);
-  var ids = react.useMemo(function () {
-    if (value === null) {
-      return null;
-    }
-    if (isArray(value)) {
-      return value.map(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$id = _ref.id,
-          id = _ref$id === void 0 ? null : _ref$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-    }
-    return value !== null && typeof value.id !== 'undefined' ? [value.id] : null;
-  }, [value]);
-  var idKeys = react.useMemo(function () {
-    return (ids || []).map(function (id) {
-      return "".concat(id);
-    }).join('-');
-  }, [ids]);
-  var idLabels = react.useMemo(function () {
-    return isArray(values) ? values.map(function () {
-      var it = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      return "#".concat(get(it, 'id', '')).concat(labelPath !== null ? " ".concat(get(it, labelPath, '')) : '');
-    }).join(', ') : get(values, 'id', 'no-value');
-  }, [ids]);
-  var modalKey = react.useMemo(function () {
-    return "".concat(action, "-").concat(idKeys);
-  }, [idKeys]);
-  return {
-    ids: ids,
-    idKeys: idKeys,
-    idLabels: idLabels,
-    modalKey: modalKey
-  };
-}
-
-// For backwards compatibility with the old actions element
-
-function useActions() {
-  var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var actions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var urlGenerator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-    _ref$iconsOnly = _ref.iconsOnly,
-    iconsOnly = _ref$iconsOnly === void 0 ? true : _ref$iconsOnly,
-    _ref$showLabel = _ref.showLabel,
-    showLabel = _ref$showLabel === void 0 ? null : _ref$showLabel,
-    _ref$editLabel = _ref.editLabel,
-    editLabel = _ref$editLabel === void 0 ? null : _ref$editLabel,
-    _ref$deleteLabel = _ref.deleteLabel,
-    deleteLabel = _ref$deleteLabel === void 0 ? null : _ref$deleteLabel,
-    _ref$onClickShow = _ref.onClickShow,
-    onClickShow = _ref$onClickShow === void 0 ? null : _ref$onClickShow,
-    _ref$onClickEdit = _ref.onClickEdit,
-    onClickEdit = _ref$onClickEdit === void 0 ? null : _ref$onClickEdit,
-    _ref$onClickDelete = _ref.onClickDelete,
-    onClickDelete = _ref$onClickDelete === void 0 ? null : _ref$onClickDelete,
-    _ref$getShowPropsFrom = _ref.getShowPropsFromItem,
-    getShowPropsFromItem = _ref$getShowPropsFrom === void 0 ? null : _ref$getShowPropsFrom,
-    _ref$getEditPropsFrom = _ref.getEditPropsFromItem,
-    getEditPropsFromItem = _ref$getEditPropsFrom === void 0 ? null : _ref$getEditPropsFrom,
-    _ref$getDeletePropsFr = _ref.getDeletePropsFromItem,
-    getDeletePropsFromItem = _ref$getDeletePropsFr === void 0 ? null : _ref$getDeletePropsFr,
-    _ref$showUrl = _ref.showUrl,
-    showUrl = _ref$showUrl === void 0 ? null : _ref$showUrl,
-    _ref$withoutItemShowU = _ref.withoutItemShowUrl,
-    withoutItemShowUrl = _ref$withoutItemShowU === void 0 ? null : _ref$withoutItemShowU,
-    _ref$preferEditModal = _ref.preferEditModal,
-    preferEditModal = _ref$preferEditModal === void 0 ? false : _ref$preferEditModal,
-    _ref$preferDeleteModa = _ref.preferDeleteModal,
-    preferDeleteModal = _ref$preferDeleteModa === void 0 ? false : _ref$preferDeleteModa,
-    _ref$hasDuplicateRout = _ref.hasDuplicateRoute,
-    hasDuplicateRoute = _ref$hasDuplicateRout === void 0 ? false : _ref$hasDuplicateRout;
-  var _ref2 = item || {},
-    id = _ref2.id,
-    _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? null : _ref2$url;
-  var hasCustomShowUrl = showUrl !== null || url !== null;
-  return (actions || []).map(function (action) {
-    if (isString(action)) {
-      switch (action) {
-        case 'show':
-          return _objectSpread({
-            id: 'show',
-            component: 'show',
-            label: iconsOnly ? null : showLabel,
-            icon: iconsOnly ? 'eye' : null,
-            href: urlGenerator !== null && (!hasCustomShowUrl || withoutItemShowUrl) ? urlGenerator('show', {
-              id: id
-            }) || null : showUrl || url,
-            external: hasCustomShowUrl,
-            theme: 'info',
-            target: '_blank',
-            onClick: onClickShow
-          }, getShowPropsFromItem !== null ? getShowPropsFromItem(item) : null);
-        case 'edit':
-          return _objectSpread({
-            id: 'edit',
-            component: 'edit',
-            label: iconsOnly ? null : editLabel,
-            icon: iconsOnly ? 'pencil-square' : null,
-            href: urlGenerator !== null && !preferEditModal ? urlGenerator('edit', {
-              id: id
-            }) || null : null,
-            theme: 'primary',
-            onClick: onClickEdit
-          }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
-        case 'duplicate':
-          return {
-            id: 'duplicate',
-            component: 'duplicate',
-            label: null,
-            href: urlGenerator !== null && hasDuplicateRoute ? urlGenerator('duplicate', {
-              id: id
-            }) || null : null
-          };
-        case 'restore':
-          return {
-            id: 'restore',
-            component: 'restore',
-            label: null
-          };
-        case 'delete':
-          return _objectSpread({
-            id: 'delete',
-            component: 'delete',
-            label: iconsOnly ? null : deleteLabel,
-            icon: iconsOnly ? 'trash3' : null,
-            href: urlGenerator !== null && !preferDeleteModal ? urlGenerator('delete', {
-              id: id
-            }) || null : null,
-            theme: 'danger',
-            onClick: onClickDelete,
-            endpoint: urlGenerator !== null && preferDeleteModal ? urlGenerator('delete', {
-              id: id
-            }) || null : null,
-            withConfirmation: preferDeleteModal
-          }, getDeletePropsFromItem !== null ? getDeletePropsFromItem(item) : null);
-      }
-    }
-    if (isObject(action)) {
-      var _ref3 = action || {},
-        _ref3$itemLinkProp = _ref3.itemLinkProp,
-        itemLinkProp = _ref3$itemLinkProp === void 0 ? null : _ref3$itemLinkProp;
-      return _objectSpread(_objectSpread({}, action), itemLinkProp !== null && isObject(item) && typeof item[itemLinkProp] !== 'undefined' ? {
-        href: item[itemLinkProp]
-      } : null);
-    }
-    return action;
-  }).filter(function (action) {
-    return action !== null;
-  });
-}
-
 function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
@@ -276,7 +109,7 @@ var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref)
     _onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var locales = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return fields.reduce(function (allFields, field) {
+  return (fields || []).reduce(function (allFields, field) {
     var _ref2 = isObject(field) ? field : {},
       _ref2$name = _ref2.name,
       name = _ref2$name === void 0 ? isString(field) ? field : null : _ref2$name,
@@ -312,7 +145,7 @@ var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref)
       onChange: function onChange(fieldValue) {
         return _onChange(name, fieldValue);
       },
-      fields: fieldFields !== null ? _getFieldsPropsFromFields(fieldFields, {
+      fields: fieldFields !== null && isArray(fieldFields) ? _getFieldsPropsFromFields(fieldFields, {
         value: value !== null && name !== null && isObject(value[name]) ? value[name] : null,
         errors: subfieldErrors,
         onChange: _onChange
@@ -1314,8 +1147,6 @@ var useWindowEvent = utils.createUseEvent(eventsManager);
 
 exports.KEYCODES = KEYCODES;
 exports.getObserver = getObserver;
-exports.useActionProps = useActionProps;
-exports.useActions = useActions;
 exports.useAnimationFrame = useAnimationFrame;
 exports.useDocumentEvent = useDocumentEvent;
 exports.useForm = useForm;

package/lib/utils.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var isNumber = require('lodash-es/isNumber');
-var isObject = require('lodash-es/isObject');
-var react = require('react');
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var isObject = require('lodash-es/isObject');
+var react = require('react');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var ReactIs = require('react-is');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "4.0.7",
+    "version": "4.0.11",
     "description": "",
     "keywords": [
         "javascript"
@@ -27,36 +27,20 @@
     "license": "ISC",
     "type": "module",
     "module": "es/index.js",
+    "types": "es/types/index.d.ts",
     "exports": {
         ".": {
             "import": {
                 "default": "./es/index.js",
                 "types": "./es/types/index.d.ts"
-            },
-            "require": {
-                "types": "./lib/types/index.d.ts",
-                "default": "./lib/index.js"
             }
         },
-        "./contexts": {
-            "require": "./lib/contexts.js",
-            "import": "./es/contexts.js"
-        },
-        "./hooks": {
-            "require": "./lib/hooks.js",
-            "import": "./es/hooks.js"
-        },
-        "./utils": {
-            "require": "./lib/utils.js",
-            "import": "./es/utils.js"
-        },
-        "./types": {
-            "require": "./lib/types/index.d.ts",
-            "import": "./es/types/index.d.ts"
-        }
+        "./contexts": "./es/contexts.js",
+        "./hooks": "./es/hooks.js",
+        "./utils": "./es/utils.js",
+        "./types": "./es/types/index.d.ts"
     },
     "sideEffects": [
-        "./lib/hooks.js",
         "./es/hooks.js"
     ],
     "files": [
@@ -70,15 +54,15 @@
     ],
     "scripts": {
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --scss"
+        "build": "../../scripts/prepare-package.sh"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
@@ -112,5 +96,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "8d44fb7aa253ad3ef23c1aca2e7f1a4884c357a6"
+    "gitHead": "fe8264ed2815da0b5a40339dec99999c6fe70751"
 }

package/contexts.js

@@ -1 +0,0 @@
-module.exports = require('./lib/contexts');

package/hooks.js

@@ -1 +0,0 @@
-module.exports = require('./lib/hooks');

package/utils.js

@@ -1 +0,0 @@
-module.exports = require('./lib/utils');