@panneau/core 3.0.126 → 3.0.130

package/es/contexts.js

@@ -385,8 +385,18 @@ var modal = PropTypes.shape({
   name: PropTypes.string
 });
 PropTypes.arrayOf(modal);
-
-//
+var filter = PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string
+});
+PropTypes.arrayOf(filter);
+var media = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  thumbnail_url: PropTypes.string
+});
+PropTypes.arrayOf(media);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var DefinitionContext = /*#__PURE__*/React.createContext(null);

package/es/hooks.js

@@ -12,6 +12,7 @@ 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 { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
 import { match } from 'css-mediaquery';
@@ -952,12 +953,9 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
 };
 var useResourceUrlGenerator$1 = useResourceUrlGenerator;
 
-var useResourceQuery = function useResourceQuery() {
+var useQuery = function useQuery() {
   var initialBaseQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-    _ref$forceInitialQuer = _ref.forceInitialQuery,
-    forceInitialQuery = _ref$forceInitialQuer === void 0 ? false : _ref$forceInitialQuer;
   var initialQuery = useMemo(function () {
     return paginated ? _objectSpread({
       page: 1,
@@ -981,12 +979,8 @@ var useResourceQuery = function useResourceQuery() {
       var val = newQuery[key];
       return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
     }, null) : null;
-    if (forceInitialQuery) {
-      setQuery(_objectSpread(_objectSpread({}, initialBaseQuery || null), finalQuery || null));
-    } else {
-      setQuery(finalQuery);
-    }
-  }, [query, setQuery, initialBaseQuery, forceInitialQuery]);
+    setQuery(_objectSpread(_objectSpread({}, initialQuery || null), finalQuery || null));
+  }, [query, setQuery, initialQuery]);
   var onQueryReset = useCallback(function () {
     setQuery(initialQuery);
   }, [initialQuery, setQuery]);
@@ -997,7 +991,7 @@ var useResourceQuery = function useResourceQuery() {
     onQueryReset: onQueryReset
   };
 };
-var useResourceQuery$1 = useResourceQuery;
+var useQuery$1 = useQuery;
 
 var _excluded = ["width", "height"];
 var useScreenSize = function useScreenSize(_ref) {
@@ -1110,4 +1104,125 @@ var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) :
 var useWindowEvent = createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
-export { getObserver, useAnimationFrame$1 as useAnimationFrame, useDocumentEvent$1 as useDocumentEvent, useForm$1 as useForm, useFormattedDate, useFormattedTime, useIntersectionObserver, useIsVisible$1 as useIsVisible, useLoadedFonts$1 as useLoadedFonts, useMediaApi$1 as useMediaApi, useMediasParser$1 as useMediasParser, useObserver, useResizeObserver, useResourceQuery$1 as useResourceQuery, useResourceTypeName$1 as useResourceTypeName, useResourceUrlGenerator$1 as useResourceUrlGenerator, useScreenSizeFromElement, useScreenSizeFromWindow, useWindowEvent$1 as useWindowEvent };
+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$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
+  var initialItems = !isArray(initialSelectedItems) && initialSelectedItems !== null ? [initialSelectedItems] : initialSelectedItems;
+  var _useState = useState(initialItems),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
+  var onSelectItem = useCallback(function (item, index) {
+    var newItems = selectedItems !== null && multiple ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(newItems, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onDeselectItem = useCallback(function (item, index) {
+    var _ref2 = item || {},
+      _ref2$id = _ref2.id,
+      itemId = _ref2$id === void 0 ? null : _ref2$id;
+    var newItems = (selectedItems || []).filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== itemId;
+    });
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(multiple ? newItems : null, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onSelectPage = useCallback(function () {
+    var nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref4$id = _ref4.id,
+        id = _ref4$id === void 0 ? null : _ref4$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onDeselectPage = useCallback(function () {
+    var ids = (items || []).map(function () {
+      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref5$id = _ref5.id,
+        id = _ref5$id === void 0 ? null : _ref5$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    var nextItems = uniqBy((selectedItems || []).filter(function (it) {
+      var _ref6 = it || {},
+        _ref6$id = _ref6.id,
+        id = _ref6$id === void 0 ? null : _ref6$id;
+      return ids.indexOf(id) === -1;
+    }), function () {
+      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref7$id = _ref7.id,
+        id = _ref7$id === void 0 ? null : _ref7$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onClearAll = useCallback(function () {
+    setSelectedItems([]);
+    if (onSelectionChange !== null) {
+      onSelectionChange([]);
+    }
+  }, [setSelectedItems, onSelectionChange]);
+  useEffect(function () {
+    setSelectedItems(initialSelectedItems);
+  }, [initialSelectedItems]);
+  var pageSelected = useMemo(function () {
+    var ids = (items || []).map(function () {
+      var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref8$id = _ref8.id,
+        id = _ref8$id === void 0 ? null : _ref8$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    // console.log('selectedItems', selectedItems);
+    var currentPageItems = (selectedItems || []).filter(function (it) {
+      var _ref9 = it || {},
+        _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
+      return ids.indexOf(id) !== -1;
+    });
+    // console.log('currentPageItems', currentPageItems);
+    return currentPageItems.length === (items || []).length;
+  }, [selectedItems, items]);
+
+  // const allSelected = useMemo(
+  //     () => selectedItems !== null && selectedItems.length === selectedItemsCount,
+  //     [selectedItems, selectedItemsCount],
+  // );
+
+  var countSelected = useMemo(function () {
+    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
+  }, [selectedItems]);
+  return {
+    onSelectItem: onSelectItem,
+    onDeselectItem: onDeselectItem,
+    onSelectPage: onSelectPage,
+    onDeselectPage: onDeselectPage,
+    onClearAll: onClearAll,
+    pageSelected: pageSelected,
+    count: countSelected,
+    selectedItems: selectedItems
+  };
+};
+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 };

package/es/index.js

@@ -161,8 +161,18 @@ var modal = PropTypes$1.shape({
   name: PropTypes$1.string
 });
 var modals = PropTypes$1.arrayOf(modal);
-
-//
+var filter = PropTypes$1.shape({
+  id: PropTypes$1.string,
+  component: PropTypes$1.string
+});
+var filters = PropTypes$1.arrayOf(filter);
+var media = PropTypes$1.shape({
+  id: PropTypes$1.string.isRequired,
+  name: PropTypes$1.string.isRequired,
+  type: PropTypes$1.string.isRequired,
+  thumbnail_url: PropTypes$1.string
+});
+var medias = PropTypes$1.arrayOf(media);
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -181,6 +191,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     fieldOption: fieldOption,
     fieldOptions: fieldOptions,
     fields: fields,
+    filter: filter,
+    filters: filters,
     font: font,
     fonts: fonts,
     form: form,
@@ -192,6 +204,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     item: item,
     items: items,
     label: label,
+    media: media,
+    medias: medias,
     menuItem: menuItem,
     menuItems: menuItems,
     message: message,

package/es/utils.js

@@ -189,6 +189,24 @@ var flattenComponents = function flattenComponents(components) {
 };
 var flattenComponents$1 = flattenComponents;
 
+var formatDuration = function formatDuration(timeInSeconds) {
+  var numberOfSeconds = parseInt(timeInSeconds, 10); // don't forget the second param
+  var hours = Math.floor(numberOfSeconds / 3600);
+  var minutes = Math.floor((numberOfSeconds - hours * 3600) / 60);
+  var seconds = numberOfSeconds - hours * 3600 - minutes * 60;
+  if (hours < 10) {
+    hours = "0".concat(hours);
+  }
+  if (minutes < 10) {
+    minutes = "0".concat(minutes);
+  }
+  if (seconds < 10) {
+    seconds = "0".concat(seconds);
+  }
+  return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+};
+var formatDuration$1 = formatDuration;
+
 var _excluded$1 = ["component"];
 var getComponent = function getComponent(component) {
   var _ref = isObject(component) ? component : {
@@ -467,4 +485,4 @@ var validateFields = function validateFields(fields, value) {
 };
 var validateFields$1 = validateFields;
 
-export { convertStyleToString$1 as convertStyleToString, copyToClipboard, createNullableOnChange$1 as createNullableOnChange, createUseEvent$1 as createUseEvent, flattenComponents$1 as flattenComponents, getColumnsWithFields$1 as getColumnsWithFields, getComponent$1 as getComponent, getComponentFromName$1 as getComponentFromName, getDefinitionFromId$1 as getDefinitionFromId, getDisplayName$1 as getDisplayName, getFieldByName$1 as getFieldByName, getFieldFromPath$1 as getFieldFromPath, getFileName$1 as getFileName, getPathValue$1 as getPathValue, getSelectOptions$1 as getSelectOptions, isMessage$1 as isMessage, loadPackage, setValue$1 as setFieldValue, slug$1 as slug, validateFields$1 as validateFields };
+export { convertStyleToString$1 as convertStyleToString, copyToClipboard, createNullableOnChange$1 as createNullableOnChange, createUseEvent$1 as createUseEvent, flattenComponents$1 as flattenComponents, formatDuration$1 as formatDuration, getColumnsWithFields$1 as getColumnsWithFields, getComponent$1 as getComponent, getComponentFromName$1 as getComponentFromName, getDefinitionFromId$1 as getDefinitionFromId, getDisplayName$1 as getDisplayName, getFieldByName$1 as getFieldByName, getFieldFromPath$1 as getFieldFromPath, getFileName$1 as getFileName, getPathValue$1 as getPathValue, getSelectOptions$1 as getSelectOptions, isMessage$1 as isMessage, loadPackage, setValue$1 as setFieldValue, slug$1 as slug, validateFields$1 as validateFields };

package/lib/contexts.js

@@ -406,8 +406,18 @@ var modal = PropTypes.shape({
   name: PropTypes.string
 });
 PropTypes.arrayOf(modal);
-
-//
+var filter = PropTypes.shape({
+  id: PropTypes.string,
+  component: PropTypes.string
+});
+PropTypes.arrayOf(filter);
+var media = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  thumbnail_url: PropTypes.string
+});
+PropTypes.arrayOf(media);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var DefinitionContext = /*#__PURE__*/React.createContext(null);

package/lib/hooks.js

@@ -14,6 +14,7 @@ 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 reactIntl = require('react-intl');
 var dayjs = require('dayjs');
 var cssMediaquery = require('css-mediaquery');
@@ -954,12 +955,9 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
 };
 var useResourceUrlGenerator$1 = useResourceUrlGenerator;
 
-var useResourceQuery = function useResourceQuery() {
+var useQuery = function useQuery() {
   var initialBaseQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-    _ref$forceInitialQuer = _ref.forceInitialQuery,
-    forceInitialQuery = _ref$forceInitialQuer === void 0 ? false : _ref$forceInitialQuer;
   var initialQuery = react.useMemo(function () {
     return paginated ? _objectSpread({
       page: 1,
@@ -983,12 +981,8 @@ var useResourceQuery = function useResourceQuery() {
       var val = newQuery[key];
       return val !== null ? _objectSpread(_objectSpread({}, currentQuery), {}, _defineProperty({}, key, val)) : currentQuery;
     }, null) : null;
-    if (forceInitialQuery) {
-      setQuery(_objectSpread(_objectSpread({}, initialBaseQuery || null), finalQuery || null));
-    } else {
-      setQuery(finalQuery);
-    }
-  }, [query, setQuery, initialBaseQuery, forceInitialQuery]);
+    setQuery(_objectSpread(_objectSpread({}, initialQuery || null), finalQuery || null));
+  }, [query, setQuery, initialQuery]);
   var onQueryReset = react.useCallback(function () {
     setQuery(initialQuery);
   }, [initialQuery, setQuery]);
@@ -999,7 +993,7 @@ var useResourceQuery = function useResourceQuery() {
     onQueryReset: onQueryReset
   };
 };
-var useResourceQuery$1 = useResourceQuery;
+var useQuery$1 = useQuery;
 
 var _excluded = ["width", "height"];
 var useScreenSize = function useScreenSize(_ref) {
@@ -1112,6 +1106,127 @@ var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(windo
 var useWindowEvent = utils.createUseEvent(eventsManager);
 var useWindowEvent$1 = useWindowEvent;
 
+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$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
+  var initialItems = !isArray(initialSelectedItems) && initialSelectedItems !== null ? [initialSelectedItems] : initialSelectedItems;
+  var _useState = react.useState(initialItems),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
+  var onSelectItem = react.useCallback(function (item, index) {
+    var newItems = selectedItems !== null && multiple ? [].concat(_toConsumableArray(selectedItems), [item]) : [item];
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(newItems, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onDeselectItem = react.useCallback(function (item, index) {
+    var _ref2 = item || {},
+      _ref2$id = _ref2.id,
+      itemId = _ref2$id === void 0 ? null : _ref2$id;
+    var newItems = (selectedItems || []).filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== itemId;
+    });
+    setSelectedItems(newItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(multiple ? newItems : null, item, index);
+    }
+  }, [selectedItems, onSelectionChange, multiple]);
+  var onSelectPage = react.useCallback(function () {
+    var nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref4$id = _ref4.id,
+        id = _ref4$id === void 0 ? null : _ref4$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onDeselectPage = react.useCallback(function () {
+    var ids = (items || []).map(function () {
+      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref5$id = _ref5.id,
+        id = _ref5$id === void 0 ? null : _ref5$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    var nextItems = uniqBy((selectedItems || []).filter(function (it) {
+      var _ref6 = it || {},
+        _ref6$id = _ref6.id,
+        id = _ref6$id === void 0 ? null : _ref6$id;
+      return ids.indexOf(id) === -1;
+    }), function () {
+      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref7$id = _ref7.id,
+        id = _ref7$id === void 0 ? null : _ref7$id;
+      return id;
+    });
+    setSelectedItems(nextItems);
+    if (onSelectionChange !== null) {
+      onSelectionChange(nextItems);
+    }
+  }, [items, selectedItems, setSelectedItems, onSelectionChange]);
+  var onClearAll = react.useCallback(function () {
+    setSelectedItems([]);
+    if (onSelectionChange !== null) {
+      onSelectionChange([]);
+    }
+  }, [setSelectedItems, onSelectionChange]);
+  react.useEffect(function () {
+    setSelectedItems(initialSelectedItems);
+  }, [initialSelectedItems]);
+  var pageSelected = react.useMemo(function () {
+    var ids = (items || []).map(function () {
+      var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref8$id = _ref8.id,
+        id = _ref8$id === void 0 ? null : _ref8$id;
+      return id;
+    }).filter(function (id) {
+      return id !== null;
+    });
+    // console.log('selectedItems', selectedItems);
+    var currentPageItems = (selectedItems || []).filter(function (it) {
+      var _ref9 = it || {},
+        _ref9$id = _ref9.id,
+        id = _ref9$id === void 0 ? null : _ref9$id;
+      return ids.indexOf(id) !== -1;
+    });
+    // console.log('currentPageItems', currentPageItems);
+    return currentPageItems.length === (items || []).length;
+  }, [selectedItems, items]);
+
+  // const allSelected = useMemo(
+  //     () => selectedItems !== null && selectedItems.length === selectedItemsCount,
+  //     [selectedItems, selectedItemsCount],
+  // );
+
+  var countSelected = react.useMemo(function () {
+    return selectedItems !== null && selectedItems.length > 0 ? selectedItems.length : null;
+  }, [selectedItems]);
+  return {
+    onSelectItem: onSelectItem,
+    onDeselectItem: onDeselectItem,
+    onSelectPage: onSelectPage,
+    onDeselectPage: onDeselectPage,
+    onClearAll: onClearAll,
+    pageSelected: pageSelected,
+    count: countSelected,
+    selectedItems: selectedItems
+  };
+};
+var useItemSelection$1 = useItemSelection;
+
 exports.getObserver = getObserver;
 exports.useAnimationFrame = useAnimationFrame$1;
 exports.useDocumentEvent = useDocumentEvent$1;
@@ -1120,12 +1235,13 @@ exports.useFormattedDate = useFormattedDate;
 exports.useFormattedTime = useFormattedTime;
 exports.useIntersectionObserver = useIntersectionObserver;
 exports.useIsVisible = useIsVisible$1;
+exports.useItemSelection = useItemSelection$1;
 exports.useLoadedFonts = useLoadedFonts$1;
 exports.useMediaApi = useMediaApi$1;
 exports.useMediasParser = useMediasParser$1;
 exports.useObserver = useObserver;
+exports.useQuery = useQuery$1;
 exports.useResizeObserver = useResizeObserver;
-exports.useResourceQuery = useResourceQuery$1;
 exports.useResourceTypeName = useResourceTypeName$1;
 exports.useResourceUrlGenerator = useResourceUrlGenerator$1;
 exports.useScreenSizeFromElement = useScreenSizeFromElement;

package/lib/index.js

@@ -163,8 +163,18 @@ var modal = PropTypes$1.shape({
   name: PropTypes$1.string
 });
 var modals = PropTypes$1.arrayOf(modal);
-
-//
+var filter = PropTypes$1.shape({
+  id: PropTypes$1.string,
+  component: PropTypes$1.string
+});
+var filters = PropTypes$1.arrayOf(filter);
+var media = PropTypes$1.shape({
+  id: PropTypes$1.string.isRequired,
+  name: PropTypes$1.string.isRequired,
+  type: PropTypes$1.string.isRequired,
+  thumbnail_url: PropTypes$1.string
+});
+var medias = PropTypes$1.arrayOf(media);
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -183,6 +193,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     fieldOption: fieldOption,
     fieldOptions: fieldOptions,
     fields: fields,
+    filter: filter,
+    filters: filters,
     font: font,
     fonts: fonts,
     form: form,
@@ -194,6 +206,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     item: item,
     items: items,
     label: label,
+    media: media,
+    medias: medias,
     menuItem: menuItem,
     menuItems: menuItems,
     message: message,

package/lib/utils.js

@@ -282,6 +282,24 @@ var flattenComponents = function flattenComponents(components) {
 };
 var flattenComponents$1 = flattenComponents;
 
+var formatDuration = function formatDuration(timeInSeconds) {
+  var numberOfSeconds = parseInt(timeInSeconds, 10); // don't forget the second param
+  var hours = Math.floor(numberOfSeconds / 3600);
+  var minutes = Math.floor((numberOfSeconds - hours * 3600) / 60);
+  var seconds = numberOfSeconds - hours * 3600 - minutes * 60;
+  if (hours < 10) {
+    hours = "0".concat(hours);
+  }
+  if (minutes < 10) {
+    minutes = "0".concat(minutes);
+  }
+  if (seconds < 10) {
+    seconds = "0".concat(seconds);
+  }
+  return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+};
+var formatDuration$1 = formatDuration;
+
 var _excluded$1 = ["component"];
 var getComponent = function getComponent(component) {
   var _ref = isObject(component) ? component : {
@@ -566,6 +584,7 @@ exports.createNullableOnChange = createNullableOnChange$1;
 exports.createUseEvent = createUseEvent$1;
 exports.dashCase = paramCase;
 exports.flattenComponents = flattenComponents$1;
+exports.formatDuration = formatDuration$1;
 exports.getColumnsWithFields = getColumnsWithFields$1;
 exports.getComponent = getComponent$1;
 exports.getComponentFromName = getComponentFromName$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "3.0.126",
+    "version": "3.0.130",
     "description": "",
     "keywords": [
         "javascript"
@@ -80,7 +80,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@folklore/fetch": "^0.1.16",
+        "@folklore/fetch": "^0.1.17",
         "@folklore/forms": "^0.0.22",
         "@folklore/routes": "^0.2.26",
         "@folklore/services": "^0.1.24",
@@ -111,5 +111,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fa69ddff3f8cf22b00504093087608d5701e6f6a"
+    "gitHead": "e6070daacb45351ccbef67ae8006f1a293ca8e2b"
 }