@panneau/core 3.0.158 → 3.0.160

package/es/contexts.js

@@ -300,7 +300,8 @@ var routes = PropTypes.shape({
   'resources.edit': PropTypes.string.isRequired,
   'resources.update': PropTypes.string.isRequired,
   'resources.delete': PropTypes.string.isRequired,
-  'resources.destroy': PropTypes.string.isRequired
+  'resources.destroy': PropTypes.string.isRequired,
+  'resources.duplicate': PropTypes.string.isRequired
 });
 var intl = PropTypes.shape({
   locale: PropTypes.string,

package/es/hooks.js

@@ -1,22 +1,134 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import isString from 'lodash/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/get';
 import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
-import isString from 'lodash/isString';
-import { useFieldsManager, usePanneauResources, useResource, useUrlGenerator } from '@panneau/core/contexts';
 import uniqBy from 'lodash/uniqBy';
+import { useFieldsManager, usePanneauResources, useResource, useUrlGenerator } from '@panneau/core/contexts';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
 import { match } from 'css-mediaquery';
 
+var useActions = 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$duplicateLabel = _ref.duplicateLabel,
+    duplicateLabel = _ref$duplicateLabel === void 0 ? null : _ref$duplicateLabel,
+    _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$onClickDuplicate = _ref.onClickDuplicate,
+    onClickDuplicate = _ref$onClickDuplicate === void 0 ? null : _ref$onClickDuplicate,
+    _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$getDuplicateProp = _ref.getDuplicatePropsFromItem,
+    getDuplicatePropsFromItem = _ref$getDuplicateProp === void 0 ? null : _ref$getDuplicateProp,
+    _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$preferDeleteModa = _ref.preferDeleteModal,
+    preferDeleteModal = _ref$preferDeleteModa === void 0 ? true : _ref$preferDeleteModa,
+    _ref$preferDuplicateM = _ref.preferDuplicateModal,
+    preferDuplicateModal = _ref$preferDuplicateM === void 0 ? true : _ref$preferDuplicateM;
+  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-fill' : 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 ? urlGenerator('edit', {
+              id: id
+            }) || null : null,
+            theme: 'primary',
+            onClick: onClickEdit
+          }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
+        case 'duplicate':
+          return _objectSpread({
+            id: 'duplicate',
+            component: 'duplicate',
+            label: iconsOnly ? null : duplicateLabel,
+            icon: iconsOnly ? 'copy' : null,
+            href: urlGenerator !== null && !preferDuplicateModal ? urlGenerator('duplicate', {
+              id: id
+            }) || null : null,
+            theme: 'warning',
+            onClick: onClickDuplicate,
+            endpoint: urlGenerator !== null && preferDeleteModal ? urlGenerator('duplicate', {
+              id: id
+            }) || null : null
+          }, getDuplicatePropsFromItem !== null ? getDuplicatePropsFromItem(item) : 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('destroy', {
+              id: id
+            }) || null : null
+          }, getDeletePropsFromItem !== null ? getDeletePropsFromItem(item) : null);
+      }
+    }
+    return action;
+  }).filter(function (action) {
+    return action !== null;
+  });
+};
+var useActions$1 = useActions;
+
 var useAnimationFrame = function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
@@ -552,6 +664,156 @@ var useIsVisible = function useIsVisible() {
 };
 var useIsVisible$1 = useIsVisible;
 
+function filterNullItems(items) {
+  return isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : items;
+}
+function getItemsArray(items) {
+  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
+}
+var useItemSelection = function useItemSelection(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? null : _ref$items,
+    _ref$selectedItems = _ref.selectedItems,
+    initialSelectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
+    _ref$multipleSelectio = _ref.multipleSelection,
+    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
+  var initialItems = getItemsArray(initialSelectedItems);
+  var _useState = useState(initialItems),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
+  var onSelectItem = useCallback(function (item, index) {
+    var _ref2 = item || {},
+      _ref2$id = _ref2.id,
+      itemId = _ref2$id === void 0 ? null : _ref2$id;
+    var oldItem = (selectedItems || []).find(function (_ref3) {
+      var id = _ref3.id;
+      return id === itemId;
+    }) || null;
+    var newItems = [];
+    if (oldItem === null) {
+      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
+    } else {
+      newItems = (selectedItems || []).filter(function (_ref4) {
+        var id = _ref4.id;
+        return id !== itemId;
+      });
+    }
+    setSelectedItems(filterNullItems(newItems));
+    if (onSelectionChange !== null) {
+      var _ref5 = newItems || [],
+        _ref6 = _slicedToArray(_ref5, 1),
+        _ref6$ = _ref6[0],
+        firstItem = _ref6$ === void 0 ? null : _ref6$;
+      var finalValue = multipleSelection ? newItems : firstItem;
+      onSelectionChange(finalValue, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multipleSelection]);
+  var onSelectItems = useCallback(function (newItems, index) {
+    var finalNewItems = filterNullItems(newItems);
+    setSelectedItems(finalNewItems);
+    if (onSelectionChange !== null) {
+      var _ref7 = finalNewItems || [],
+        _ref8 = _slicedToArray(_ref7, 1),
+        _ref8$ = _ref8[0],
+        firstItem = _ref8$ === void 0 ? null : _ref8$;
+      var finalValue = multipleSelection ? finalNewItems : firstItem;
+      onSelectionChange(finalValue, null, index);
+    }
+  }, [selectedItems, onSelectionChange, multipleSelection]);
+  var onSelectPage = useCallback(function () {
+    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var nextItems = [];
+    if (!pageSelected) {
+      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
+        return id;
+      });
+    } else {
+      var ids = (items || []).map(function () {
+        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref10$id = _ref10.id,
+          id = _ref10$id === void 0 ? null : _ref10$id;
+        return id;
+      }).filter(function (id) {
+        return id !== null;
+      });
+      nextItems = uniqBy((selectedItems || []).filter(function (it) {
+        var _ref11 = it || {},
+          _ref11$id = _ref11.id,
+          id = _ref11$id === void 0 ? null : _ref11$id;
+        return ids.indexOf(id) === -1;
+      }), function () {
+        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref12$id = _ref12.id,
+          id = _ref12$id === void 0 ? null : _ref12$id;
+        return id;
+      });
+    }
+    var finalNextItems = filterNullItems(nextItems);
+    setSelectedItems(finalNextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(finalNextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onClearSelected = useCallback(function () {
+    setSelectedItems([]);
+    if (onSelectionChange !== null) {
+      onSelectionChange(multipleSelection ? [] : null);
+    }
+  }, [setSelectedItems, onSelectionChange, multipleSelection]);
+  useEffect(function () {
+    setSelectedItems(getItemsArray(initialSelectedItems));
+  }, [initialSelectedItems]);
+  var pageSelected = useMemo(function () {
+    if (items === null || selectedItems === null) {
+      return false;
+    }
+    var ids = (items || []).map(function () {
+      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref13$id = _ref13.id,
+        id = _ref13$id === void 0 ? null : _ref13$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    }) || [];
+    if (ids === null || ids.length === 0) {
+      return false;
+    }
+    var currentPageItems = (selectedItems || []).filter(function (it) {
+      var _ref14 = it || {},
+        _ref14$id = _ref14.id,
+        id = _ref14$id === void 0 ? null : _ref14$id;
+      return (ids || []).indexOf(id) !== -1;
+    }) || [];
+    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
+  }, [selectedItems, items]);
+  var allSelected = useMemo(function () {
+    return selectedItems !== null && items !== null && selectedItems.length === items.length;
+  }, [selectedItems, items]);
+  var selectedCount = useMemo(function () {
+    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
+  }, [selectedItems]);
+  return {
+    onSelectItem: onSelectItem,
+    onSelectItems: onSelectItems,
+    onSelectPage: onSelectPage,
+    onClearSelected: onClearSelected,
+    pageSelected: pageSelected,
+    allSelected: allSelected,
+    selectedCount: selectedCount,
+    selectedItems: selectedItems,
+    setSelectedItems: setSelectedItems
+  };
+};
+var useItemSelection$1 = useItemSelection;
+
 var fontsMap = {
   loading: [],
   active: []
@@ -1104,154 +1366,4 @@ var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) :
 var useWindowEvent = createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
-function filterNullItems(items) {
-  return isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : items;
-}
-function getItemsArray(items) {
-  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
-}
-var useItemSelection = function useItemSelection(_ref) {
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? null : _ref$items,
-    _ref$selectedItems = _ref.selectedItems,
-    initialSelectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
-    _ref$multipleSelectio = _ref.multipleSelection,
-    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
-    _ref$onSelectionChang = _ref.onSelectionChange,
-    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
-  var initialItems = getItemsArray(initialSelectedItems);
-  var _useState = useState(initialItems),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItems = _useState2[0],
-    setSelectedItems = _useState2[1];
-  var onSelectItem = useCallback(function (item, index) {
-    var _ref2 = item || {},
-      _ref2$id = _ref2.id,
-      itemId = _ref2$id === void 0 ? null : _ref2$id;
-    var oldItem = (selectedItems || []).find(function (_ref3) {
-      var id = _ref3.id;
-      return id === itemId;
-    }) || null;
-    var newItems = [];
-    if (oldItem === null) {
-      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
-    } else {
-      newItems = (selectedItems || []).filter(function (_ref4) {
-        var id = _ref4.id;
-        return id !== itemId;
-      });
-    }
-    setSelectedItems(filterNullItems(newItems));
-    if (onSelectionChange !== null) {
-      var _ref5 = newItems || [],
-        _ref6 = _slicedToArray(_ref5, 1),
-        _ref6$ = _ref6[0],
-        firstItem = _ref6$ === void 0 ? null : _ref6$;
-      var finalValue = multipleSelection ? newItems : firstItem;
-      onSelectionChange(finalValue, item, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectItems = useCallback(function (newItems, index) {
-    var finalNewItems = filterNullItems(newItems);
-    setSelectedItems(finalNewItems);
-    if (onSelectionChange !== null) {
-      var _ref7 = finalNewItems || [],
-        _ref8 = _slicedToArray(_ref7, 1),
-        _ref8$ = _ref8[0],
-        firstItem = _ref8$ === void 0 ? null : _ref8$;
-      var finalValue = multipleSelection ? finalNewItems : firstItem;
-      onSelectionChange(finalValue, null, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectPage = useCallback(function () {
-    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var nextItems = [];
-    if (!pageSelected) {
-      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id;
-      });
-    } else {
-      var ids = (items || []).map(function () {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-      nextItems = uniqBy((selectedItems || []).filter(function (it) {
-        var _ref11 = it || {},
-          _ref11$id = _ref11.id,
-          id = _ref11$id === void 0 ? null : _ref11$id;
-        return ids.indexOf(id) === -1;
-      }), function () {
-        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref12$id = _ref12.id,
-          id = _ref12$id === void 0 ? null : _ref12$id;
-        return id;
-      });
-    }
-    var finalNextItems = filterNullItems(nextItems);
-    setSelectedItems(finalNextItems);
-    if (onSelectionChange !== null) {
-      onSelectionChange(finalNextItems);
-    }
-  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
-  var onClearSelected = useCallback(function () {
-    setSelectedItems([]);
-    if (onSelectionChange !== null) {
-      onSelectionChange(multipleSelection ? [] : null);
-    }
-  }, [setSelectedItems, onSelectionChange, multipleSelection]);
-  useEffect(function () {
-    setSelectedItems(getItemsArray(initialSelectedItems));
-  }, [initialSelectedItems]);
-  var pageSelected = useMemo(function () {
-    if (items === null || selectedItems === null) {
-      return false;
-    }
-    var ids = (items || []).map(function () {
-      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref13$id = _ref13.id,
-        id = _ref13$id === void 0 ? null : _ref13$id;
-      return id;
-    }).filter(function (id) {
-      return id !== null;
-    }) || [];
-    if (ids === null || ids.length === 0) {
-      return false;
-    }
-    var currentPageItems = (selectedItems || []).filter(function (it) {
-      var _ref14 = it || {},
-        _ref14$id = _ref14.id,
-        id = _ref14$id === void 0 ? null : _ref14$id;
-      return (ids || []).indexOf(id) !== -1;
-    }) || [];
-    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
-  }, [selectedItems, items]);
-  var allSelected = useMemo(function () {
-    return selectedItems !== null && items !== null && selectedItems.length === items.length;
-  }, [selectedItems, items]);
-  var selectedCount = useMemo(function () {
-    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
-  }, [selectedItems]);
-  return {
-    onSelectItem: onSelectItem,
-    onSelectItems: onSelectItems,
-    onSelectPage: onSelectPage,
-    onClearSelected: onClearSelected,
-    pageSelected: pageSelected,
-    allSelected: allSelected,
-    selectedCount: selectedCount,
-    selectedItems: selectedItems,
-    setSelectedItems: setSelectedItems
-  };
-};
-var useItemSelection$1 = useItemSelection;
-
-export { getObserver, useAnimationFrame$1 as useAnimationFrame, useDocumentEvent$1 as useDocumentEvent, useForm$1 as useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible$1 as useIsVisible, useItemSelection$1 as useItemSelection, useLoadedFonts$1 as useLoadedFonts, useMediaApi$1 as useMediaApi, useMediasParser$1 as useMediasParser, useObserver, useQuery$1 as useQuery, useResizeObserver, useResourceTypeName$1 as useResourceTypeName, useResourceUrlGenerator$1 as useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent$1 as useWindowEvent };
+export { getObserver, useActions$1 as useActions, useAnimationFrame$1 as useAnimationFrame, useDocumentEvent$1 as useDocumentEvent, useForm$1 as useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible$1 as useIsVisible, useItemSelection$1 as useItemSelection, useLoadedFonts$1 as useLoadedFonts, useMediaApi$1 as useMediaApi, useMediasParser$1 as useMediasParser, useObserver, useQuery$1 as useQuery, useResizeObserver, useResourceTypeName$1 as useResourceTypeName, useResourceUrlGenerator$1 as useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent$1 as useWindowEvent };

package/es/index.js

@@ -76,7 +76,8 @@ var routes = PropTypes$1.shape({
   'resources.edit': PropTypes$1.string.isRequired,
   'resources.update': PropTypes$1.string.isRequired,
   'resources.delete': PropTypes$1.string.isRequired,
-  'resources.destroy': PropTypes$1.string.isRequired
+  'resources.destroy': PropTypes$1.string.isRequired,
+  'resources.duplicate': PropTypes$1.string.isRequired
 });
 var intl = PropTypes$1.shape({
   locale: PropTypes$1.string,

package/es/utils.js

@@ -261,7 +261,7 @@ var getColumnsWithFields = function getColumnsWithFields(resource, columns) {
     return _objectSpread(_objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
       return it.name === fieldName;
     }) || null) : null), otherProps), {}, {
-      id: colId
+      id: colId || (isString(column) ? column : null) || null
     });
   }).filter(function (it) {
     return it !== null;

package/lib/contexts.js

@@ -321,7 +321,8 @@ var routes = PropTypes.shape({
   'resources.edit': PropTypes.string.isRequired,
   'resources.update': PropTypes.string.isRequired,
   'resources.delete': PropTypes.string.isRequired,
-  'resources.destroy': PropTypes.string.isRequired
+  'resources.destroy': PropTypes.string.isRequired,
+  'resources.duplicate': PropTypes.string.isRequired
 });
 var intl = PropTypes.shape({
   locale: PropTypes.string,

package/lib/hooks.js

@@ -1,24 +1,136 @@
 'use strict';
 
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var isString = require('lodash/isString');
 var react = require('react');
 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/get');
 var isArray = require('lodash/isArray');
 var isObject = require('lodash/isObject');
-var isString = require('lodash/isString');
-var contexts = require('@panneau/core/contexts');
 var uniqBy = require('lodash/uniqBy');
+var contexts = require('@panneau/core/contexts');
 var reactIntl = require('react-intl');
 var dayjs = require('dayjs');
 var cssMediaquery = require('css-mediaquery');
 
+var useActions = 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$duplicateLabel = _ref.duplicateLabel,
+    duplicateLabel = _ref$duplicateLabel === void 0 ? null : _ref$duplicateLabel,
+    _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$onClickDuplicate = _ref.onClickDuplicate,
+    onClickDuplicate = _ref$onClickDuplicate === void 0 ? null : _ref$onClickDuplicate,
+    _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$getDuplicateProp = _ref.getDuplicatePropsFromItem,
+    getDuplicatePropsFromItem = _ref$getDuplicateProp === void 0 ? null : _ref$getDuplicateProp,
+    _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$preferDeleteModa = _ref.preferDeleteModal,
+    preferDeleteModal = _ref$preferDeleteModa === void 0 ? true : _ref$preferDeleteModa,
+    _ref$preferDuplicateM = _ref.preferDuplicateModal,
+    preferDuplicateModal = _ref$preferDuplicateM === void 0 ? true : _ref$preferDuplicateM;
+  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-fill' : 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 ? urlGenerator('edit', {
+              id: id
+            }) || null : null,
+            theme: 'primary',
+            onClick: onClickEdit
+          }, getEditPropsFromItem !== null ? getEditPropsFromItem(item) : null);
+        case 'duplicate':
+          return _objectSpread({
+            id: 'duplicate',
+            component: 'duplicate',
+            label: iconsOnly ? null : duplicateLabel,
+            icon: iconsOnly ? 'copy' : null,
+            href: urlGenerator !== null && !preferDuplicateModal ? urlGenerator('duplicate', {
+              id: id
+            }) || null : null,
+            theme: 'warning',
+            onClick: onClickDuplicate,
+            endpoint: urlGenerator !== null && preferDeleteModal ? urlGenerator('duplicate', {
+              id: id
+            }) || null : null
+          }, getDuplicatePropsFromItem !== null ? getDuplicatePropsFromItem(item) : 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('destroy', {
+              id: id
+            }) || null : null
+          }, getDeletePropsFromItem !== null ? getDeletePropsFromItem(item) : null);
+      }
+    }
+    return action;
+  }).filter(function (action) {
+    return action !== null;
+  });
+};
+var useActions$1 = useActions;
+
 var useAnimationFrame = function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
@@ -554,6 +666,156 @@ var useIsVisible = function useIsVisible() {
 };
 var useIsVisible$1 = useIsVisible;
 
+function filterNullItems(items) {
+  return isArray(items) ? items.filter(function (it) {
+    return it !== null;
+  }) : items;
+}
+function getItemsArray(items) {
+  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
+}
+var useItemSelection = function useItemSelection(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? null : _ref$items,
+    _ref$selectedItems = _ref.selectedItems,
+    initialSelectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
+    _ref$multipleSelectio = _ref.multipleSelection,
+    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
+  var initialItems = getItemsArray(initialSelectedItems);
+  var _useState = react.useState(initialItems),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
+  var onSelectItem = react.useCallback(function (item, index) {
+    var _ref2 = item || {},
+      _ref2$id = _ref2.id,
+      itemId = _ref2$id === void 0 ? null : _ref2$id;
+    var oldItem = (selectedItems || []).find(function (_ref3) {
+      var id = _ref3.id;
+      return id === itemId;
+    }) || null;
+    var newItems = [];
+    if (oldItem === null) {
+      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
+    } else {
+      newItems = (selectedItems || []).filter(function (_ref4) {
+        var id = _ref4.id;
+        return id !== itemId;
+      });
+    }
+    setSelectedItems(filterNullItems(newItems));
+    if (onSelectionChange !== null) {
+      var _ref5 = newItems || [],
+        _ref6 = _slicedToArray(_ref5, 1),
+        _ref6$ = _ref6[0],
+        firstItem = _ref6$ === void 0 ? null : _ref6$;
+      var finalValue = multipleSelection ? newItems : firstItem;
+      onSelectionChange(finalValue, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multipleSelection]);
+  var onSelectItems = react.useCallback(function (newItems, index) {
+    var finalNewItems = filterNullItems(newItems);
+    setSelectedItems(finalNewItems);
+    if (onSelectionChange !== null) {
+      var _ref7 = finalNewItems || [],
+        _ref8 = _slicedToArray(_ref7, 1),
+        _ref8$ = _ref8[0],
+        firstItem = _ref8$ === void 0 ? null : _ref8$;
+      var finalValue = multipleSelection ? finalNewItems : firstItem;
+      onSelectionChange(finalValue, null, index);
+    }
+  }, [selectedItems, onSelectionChange, multipleSelection]);
+  var onSelectPage = react.useCallback(function () {
+    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var nextItems = [];
+    if (!pageSelected) {
+      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
+        return id;
+      });
+    } else {
+      var ids = (items || []).map(function () {
+        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref10$id = _ref10.id,
+          id = _ref10$id === void 0 ? null : _ref10$id;
+        return id;
+      }).filter(function (id) {
+        return id !== null;
+      });
+      nextItems = uniqBy((selectedItems || []).filter(function (it) {
+        var _ref11 = it || {},
+          _ref11$id = _ref11.id,
+          id = _ref11$id === void 0 ? null : _ref11$id;
+        return ids.indexOf(id) === -1;
+      }), function () {
+        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref12$id = _ref12.id,
+          id = _ref12$id === void 0 ? null : _ref12$id;
+        return id;
+      });
+    }
+    var finalNextItems = filterNullItems(nextItems);
+    setSelectedItems(finalNextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(finalNextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onClearSelected = react.useCallback(function () {
+    setSelectedItems([]);
+    if (onSelectionChange !== null) {
+      onSelectionChange(multipleSelection ? [] : null);
+    }
+  }, [setSelectedItems, onSelectionChange, multipleSelection]);
+  react.useEffect(function () {
+    setSelectedItems(getItemsArray(initialSelectedItems));
+  }, [initialSelectedItems]);
+  var pageSelected = react.useMemo(function () {
+    if (items === null || selectedItems === null) {
+      return false;
+    }
+    var ids = (items || []).map(function () {
+      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref13$id = _ref13.id,
+        id = _ref13$id === void 0 ? null : _ref13$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    }) || [];
+    if (ids === null || ids.length === 0) {
+      return false;
+    }
+    var currentPageItems = (selectedItems || []).filter(function (it) {
+      var _ref14 = it || {},
+        _ref14$id = _ref14.id,
+        id = _ref14$id === void 0 ? null : _ref14$id;
+      return (ids || []).indexOf(id) !== -1;
+    }) || [];
+    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
+  }, [selectedItems, items]);
+  var allSelected = react.useMemo(function () {
+    return selectedItems !== null && items !== null && selectedItems.length === items.length;
+  }, [selectedItems, items]);
+  var selectedCount = react.useMemo(function () {
+    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
+  }, [selectedItems]);
+  return {
+    onSelectItem: onSelectItem,
+    onSelectItems: onSelectItems,
+    onSelectPage: onSelectPage,
+    onClearSelected: onClearSelected,
+    pageSelected: pageSelected,
+    allSelected: allSelected,
+    selectedCount: selectedCount,
+    selectedItems: selectedItems,
+    setSelectedItems: setSelectedItems
+  };
+};
+var useItemSelection$1 = useItemSelection;
+
 var fontsMap = {
   loading: [],
   active: []
@@ -1106,157 +1368,8 @@ var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(windo
 var useWindowEvent = utils.createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
-function filterNullItems(items) {
-  return isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : items;
-}
-function getItemsArray(items) {
-  return filterNullItems(!isArray(items) && items !== null ? [items] : items);
-}
-var useItemSelection = function useItemSelection(_ref) {
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? null : _ref$items,
-    _ref$selectedItems = _ref.selectedItems,
-    initialSelectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
-    _ref$multipleSelectio = _ref.multipleSelection,
-    multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
-    _ref$onSelectionChang = _ref.onSelectionChange,
-    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
-  var initialItems = getItemsArray(initialSelectedItems);
-  var _useState = react.useState(initialItems),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItems = _useState2[0],
-    setSelectedItems = _useState2[1];
-  var onSelectItem = react.useCallback(function (item, index) {
-    var _ref2 = item || {},
-      _ref2$id = _ref2.id,
-      itemId = _ref2$id === void 0 ? null : _ref2$id;
-    var oldItem = (selectedItems || []).find(function (_ref3) {
-      var id = _ref3.id;
-      return id === itemId;
-    }) || null;
-    var newItems = [];
-    if (oldItem === null) {
-      newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
-    } else {
-      newItems = (selectedItems || []).filter(function (_ref4) {
-        var id = _ref4.id;
-        return id !== itemId;
-      });
-    }
-    setSelectedItems(filterNullItems(newItems));
-    if (onSelectionChange !== null) {
-      var _ref5 = newItems || [],
-        _ref6 = _slicedToArray(_ref5, 1),
-        _ref6$ = _ref6[0],
-        firstItem = _ref6$ === void 0 ? null : _ref6$;
-      var finalValue = multipleSelection ? newItems : firstItem;
-      onSelectionChange(finalValue, item, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectItems = react.useCallback(function (newItems, index) {
-    var finalNewItems = filterNullItems(newItems);
-    setSelectedItems(finalNewItems);
-    if (onSelectionChange !== null) {
-      var _ref7 = finalNewItems || [],
-        _ref8 = _slicedToArray(_ref7, 1),
-        _ref8$ = _ref8[0],
-        firstItem = _ref8$ === void 0 ? null : _ref8$;
-      var finalValue = multipleSelection ? finalNewItems : firstItem;
-      onSelectionChange(finalValue, null, index);
-    }
-  }, [selectedItems, onSelectionChange, multipleSelection]);
-  var onSelectPage = react.useCallback(function () {
-    var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var nextItems = [];
-    if (!pageSelected) {
-      nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id;
-      });
-    } else {
-      var ids = (items || []).map(function () {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return id;
-      }).filter(function (id) {
-        return id !== null;
-      });
-      nextItems = uniqBy((selectedItems || []).filter(function (it) {
-        var _ref11 = it || {},
-          _ref11$id = _ref11.id,
-          id = _ref11$id === void 0 ? null : _ref11$id;
-        return ids.indexOf(id) === -1;
-      }), function () {
-        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref12$id = _ref12.id,
-          id = _ref12$id === void 0 ? null : _ref12$id;
-        return id;
-      });
-    }
-    var finalNextItems = filterNullItems(nextItems);
-    setSelectedItems(finalNextItems);
-    if (onSelectionChange !== null) {
-      onSelectionChange(finalNextItems);
-    }
-  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
-  var onClearSelected = react.useCallback(function () {
-    setSelectedItems([]);
-    if (onSelectionChange !== null) {
-      onSelectionChange(multipleSelection ? [] : null);
-    }
-  }, [setSelectedItems, onSelectionChange, multipleSelection]);
-  react.useEffect(function () {
-    setSelectedItems(getItemsArray(initialSelectedItems));
-  }, [initialSelectedItems]);
-  var pageSelected = react.useMemo(function () {
-    if (items === null || selectedItems === null) {
-      return false;
-    }
-    var ids = (items || []).map(function () {
-      var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref13$id = _ref13.id,
-        id = _ref13$id === void 0 ? null : _ref13$id;
-      return id;
-    }).filter(function (id) {
-      return id !== null;
-    }) || [];
-    if (ids === null || ids.length === 0) {
-      return false;
-    }
-    var currentPageItems = (selectedItems || []).filter(function (it) {
-      var _ref14 = it || {},
-        _ref14$id = _ref14.id,
-        id = _ref14$id === void 0 ? null : _ref14$id;
-      return (ids || []).indexOf(id) !== -1;
-    }) || [];
-    return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
-  }, [selectedItems, items]);
-  var allSelected = react.useMemo(function () {
-    return selectedItems !== null && items !== null && selectedItems.length === items.length;
-  }, [selectedItems, items]);
-  var selectedCount = react.useMemo(function () {
-    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
-  }, [selectedItems]);
-  return {
-    onSelectItem: onSelectItem,
-    onSelectItems: onSelectItems,
-    onSelectPage: onSelectPage,
-    onClearSelected: onClearSelected,
-    pageSelected: pageSelected,
-    allSelected: allSelected,
-    selectedCount: selectedCount,
-    selectedItems: selectedItems,
-    setSelectedItems: setSelectedItems
-  };
-};
-var useItemSelection$1 = useItemSelection;
-
 exports.getObserver = getObserver;
+exports.useActions = useActions$1;
 exports.useAnimationFrame = useAnimationFrame$1;
 exports.useDocumentEvent = useDocumentEvent$1;
 exports.useForm = useForm$1;

package/lib/index.js

@@ -78,7 +78,8 @@ var routes = PropTypes$1.shape({
   'resources.edit': PropTypes$1.string.isRequired,
   'resources.update': PropTypes$1.string.isRequired,
   'resources.delete': PropTypes$1.string.isRequired,
-  'resources.destroy': PropTypes$1.string.isRequired
+  'resources.destroy': PropTypes$1.string.isRequired,
+  'resources.duplicate': PropTypes$1.string.isRequired
 });
 var intl = PropTypes$1.shape({
   locale: PropTypes$1.string,

package/lib/utils.js

@@ -438,7 +438,7 @@ var getColumnsWithFields = function getColumnsWithFields(resource, columns) {
     return _objectSpread(_objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
       return it.name === fieldName;
     }) || null) : null), otherProps), {}, {
-      id: colId
+      id: colId || (isString(column) ? column : null) || null
     });
   }).filter(function (it) {
     return it !== null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "3.0.158",
+    "version": "3.0.160",
     "description": "",
     "keywords": [
         "javascript"
@@ -111,5 +111,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "594a96c3421a482efe45bcce6cbccba89fcf5b95"
+    "gitHead": "71a2a64cd2e0ed3cc921b0ec3b0a69449a4a978c"
 }