@panneau/core 3.0.119 → 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,60 +161,74 @@ 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,
-    message: message,
-    label: label,
-    statusCode: statusCode,
-    menuItem: menuItem,
-    menuItems: menuItems,
+    breadcrumb: breadcrumb,
+    breadcrumbs: breadcrumbs,
     button: button,
-    buttons: buttons,
-    buttonTheme: buttonTheme,
     buttonSize: buttonSize,
+    buttonTheme: buttonTheme,
     buttonType: buttonType,
-    dropdownAlign: dropdownAlign,
+    buttons: buttons,
     controlSize: controlSize,
-    formStatus: formStatus,
+    definition: definition,
+    dropdownAlign: dropdownAlign,
+    feedback: feedback,
+    field: field,
     fieldOption: fieldOption,
     fieldOptions: fieldOptions,
-    toggle: toggle,
-    toggles: toggles,
-    tableColumn: tableColumn,
-    tableColumns: tableColumns,
-    routes: routes,
-    intl: intl,
-    page: page,
-    pages: pages,
-    field: field,
     fields: fields,
+    filter: filter,
+    filters: filters,
+    font: font,
+    fonts: fonts,
     form: form,
+    formError: formError,
+    formErrors: formErrors,
+    formStatus: formStatus,
     forms: forms,
-    resource: resource,
-    resources: resources,
-    panneauDefinition: panneauDefinition,
-    definition: definition,
+    intl: intl,
     item: item,
     items: items,
-    user: user,
-    users: users,
+    label: label,
+    media: media,
+    medias: medias,
+    menuItem: menuItem,
+    menuItems: menuItems,
+    message: message,
+    modal: modal,
+    modals: modals,
+    page: page,
+    pages: pages,
+    panneauDefinition: panneauDefinition,
+    resource: resource,
+    resources: resources,
+    routes: routes,
     selectOption: selectOption,
     selectOptions: selectOptions,
-    feedback: feedback,
-    formError: formError,
-    formErrors: formErrors,
-    uppy: uppy,
-    triggerUpdate: triggerUpdate,
-    breadcrumb: breadcrumb,
-    breadcrumbs: breadcrumbs,
-    font: font,
-    fonts: fonts,
+    statusCode: statusCode,
+    tableColumn: tableColumn,
+    tableColumns: tableColumns,
+    toggle: toggle,
+    toggles: toggles,
     trackingVariables: trackingVariables,
-    modal: modal,
-    modals: modals
+    triggerUpdate: triggerUpdate,
+    uppy: uppy,
+    user: user,
+    users: users
 });
 
 var flattenComponents = function flattenComponents(components) {
@@ -226,7 +240,6 @@ var flattenComponents = function flattenComponents(components) {
     return ReactIs.isValidElementType(components[key]) ? _objectSpread(_objectSpread({}, newMap), {}, _defineProperty({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread(_objectSpread({}, newMap), flattenComponents(components[key], key));
   }, {});
 };
-var flattenComponents$1 = flattenComponents;
 
 var getComponentFromName = function getComponentFromName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -243,13 +256,12 @@ var getComponentFromName = function getComponentFromName() {
   }
   return component;
 };
-var getComponentFromName$1 = getComponentFromName;
 
 var ComponentsManager = /*#__PURE__*/function () {
   function ComponentsManager() {
     var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, ComponentsManager);
-    this.components = flattenComponents$1(components);
+    this.components = flattenComponents(components);
   }
   _createClass(ComponentsManager, [{
     key: "addComponent",
@@ -290,7 +302,7 @@ var ComponentsManager = /*#__PURE__*/function () {
     value: function getComponent(name) {
       var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       var components = this.getComponents(namespace);
-      return getComponentFromName$1(name, components);
+      return getComponentFromName(name, components);
     }
   }, {
     key: "getComponents",

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 };