@panneau/medias 4.0.11 → 4.0.14

package/dist/index.d.ts

@@ -0,0 +1,378 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, Dispatch, SetStateAction } from 'react';
+import { Media } from '@panneau/core';
+import * as _tanstack_query_core from '@tanstack/query-core';
+
+type MediaFormField = Record<string, unknown>;
+interface MediaFormProps {
+    value?: Media | null;
+    fields?: MediaFormField[] | null;
+    onChange?: ((newValue: Media | null) => void) | null;
+    onSave?: ((newValue: Media | null) => void) | null;
+    onReplace?: ((newValue: unknown) => void) | null;
+    onDelete?: (() => void) | null;
+    onClose?: (() => void) | null;
+    withDelete?: boolean;
+    withTrash?: boolean;
+    withReplace?: boolean;
+    className?: string | null;
+    children?: ReactNode | null;
+}
+declare function MediaForm({ value: initialValue, fields: initialFields, onChange, onSave, onReplace, onDelete, onClose, withDelete, withTrash, withReplace, className, children, }: MediaFormProps): react_jsx_runtime.JSX.Element;
+
+type FilterItem = Record<string, unknown> & {
+    id?: string | null;
+};
+type ColumnAction = string | {
+    id?: string;
+    component?: string;
+    withConfirmation?: boolean;
+    action?: (ids: Array<string | number>) => Promise<unknown> | unknown;
+    [key: string]: unknown;
+};
+type ColumnItem = Record<string, unknown> & {
+    id?: string | null;
+    actions?: ColumnAction[];
+};
+type SelectionValue = Media | Media[] | null;
+interface LayoutItem {
+    id: string;
+    label: ReactNode;
+    [key: string]: unknown;
+}
+interface MediasBrowserProps {
+    items?: Media[] | null;
+    extraItems?: Media[] | null;
+    types?: string[] | null;
+    permissions?: {
+        create?: boolean;
+        edit?: boolean;
+        delete?: boolean;
+    } | null;
+    filters?: FilterItem[] | null;
+    columns?: ColumnItem[] | null;
+    query?: Record<string, unknown> | null;
+    baseUrl?: string | null;
+    fields?: Array<Record<string, unknown>> | null;
+    layout?: string;
+    layouts?: LayoutItem[] | null;
+    theme?: string | null;
+    onMediaUploaded?: ((medias: Media[]) => Promise<Media[] | Media | null> | Media[] | Media | null) | null;
+    onItemsChange?: ((items: Media[] | null | undefined) => void) | null;
+    onLayoutChange?: ((layout: string) => void) | null;
+    onMediaFormOpen?: (() => void) | null;
+    onMediaFormClose?: (() => void) | null;
+    selectable?: boolean;
+    selectedItems?: SelectionValue;
+    onSelectionChange?: ((selection: SelectionValue) => void) | null;
+    multipleSelection?: boolean;
+    uppyConfig?: Record<string, unknown>;
+    withDelete?: boolean;
+    withTrash?: boolean;
+    withReplace?: boolean;
+    withStickySelection?: boolean;
+    withoutUpload?: boolean;
+    className?: string | null;
+    formChildren?: ReactNode | null;
+}
+declare function MediasBrowser({ items: initialItems, extraItems, types, permissions, baseUrl, filters, columns, fields, query: initialQuery, layout: initialLayout, layouts, theme, onMediaUploaded, onItemsChange, onLayoutChange, onMediaFormOpen, onMediaFormClose, selectable, selectedItems, onSelectionChange, multipleSelection, uppyConfig, withDelete, withTrash, withReplace, withStickySelection, withoutUpload, className, formChildren, }: MediasBrowserProps): react_jsx_runtime.JSX.Element;
+
+type PickerSelection = Media | Media[] | null;
+interface MediasPickerProps {
+    items?: Media[] | null;
+    value?: PickerSelection;
+    onChange?: ((selection: PickerSelection) => void) | null;
+    multiple?: boolean;
+    className?: string | null;
+    [key: string]: unknown;
+}
+declare function MediasPicker({ items: initialItems, value: initialSelectedItems, onChange, multiple, className, ...props }: MediasPickerProps): react_jsx_runtime.JSX.Element;
+
+interface MediasApi {
+    get: (...args: unknown[]) => Promise<unknown> | unknown;
+    getTrashed: (...args: unknown[]) => Promise<unknown> | unknown;
+    create: (...args: unknown[]) => Promise<unknown> | unknown;
+    find: (...args: unknown[]) => Promise<unknown> | unknown;
+    update: (...args: unknown[]) => Promise<unknown> | unknown;
+    trash: (...args: unknown[]) => Promise<unknown> | unknown;
+    restore?: (...args: unknown[]) => Promise<unknown> | unknown;
+    delete: (...args: unknown[]) => Promise<unknown> | unknown;
+}
+interface MediasApiProviderProps {
+    api?: MediasApi | null;
+    children: ReactNode;
+}
+declare const useMediasApi: () => MediasApi;
+declare function MediasApiProvider({ api: providedApi, children }: MediasApiProviderProps): react_jsx_runtime.JSX.Element;
+
+interface MediasBrowserContainerProps {
+    api?: MediasApi | null;
+    media?: Media | null;
+    [key: string]: unknown;
+}
+declare function MediasBrowserContainer({ api, media, ...props }: MediasBrowserContainerProps): react_jsx_runtime.JSX.Element;
+
+interface MediasPickerContainerProps {
+    api?: MediasApi | null;
+    media?: Media | null;
+    onChange?: ((...args: unknown[]) => void) | null;
+    [key: string]: unknown;
+}
+declare function MediasPickerContainer({ api, media, onChange, ...props }: MediasPickerContainerProps): react_jsx_runtime.JSX.Element;
+
+interface MediaContextValue {
+    currentMedia: Media | null;
+    setCurrentMedia: Dispatch<SetStateAction<Media | null>>;
+}
+interface MediaProviderProps {
+    media?: Media | null;
+    children: ReactNode;
+}
+declare const useCurrentMedia: () => MediaContextValue;
+declare function MediaProvider({ media: providedMedia, children }: MediaProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useMedias(query?: any, page?: any, count?: any, opts?: {}): {
+    isLoading: false;
+    isFetching: boolean;
+    isRefetching: boolean;
+    isFetched: boolean;
+    pages: any;
+    allItems: any;
+    loading: boolean;
+    loaded: boolean;
+    reload: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<unknown, Error>>;
+    loadPage: (newPage: any) => void;
+    loadNextPage: () => void;
+    updateItem: (item: any) => void;
+    pagination: {
+        page: any;
+        lastPage: any;
+        total: any;
+    };
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetchedAfterMount: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<unknown>;
+    items: any;
+} | {
+    isLoading: false;
+    isFetching: boolean;
+    isRefetching: boolean;
+    isFetched: boolean;
+    pages: any;
+    allItems: any;
+    loading: boolean;
+    loaded: boolean;
+    reload: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<unknown, Error>>;
+    loadPage: (newPage: any) => void;
+    loadNextPage: () => void;
+    updateItem: (item: any) => void;
+    pagination: {
+        page: any;
+        lastPage: any;
+        total: any;
+    };
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error;
+    errorUpdateCount: number;
+    isFetchedAfterMount: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<unknown>;
+    items: any;
+};
+
+declare function useMedia(id: any, opts: any): {
+    load: (...args: any[]) => any;
+    loading: boolean;
+    error: boolean;
+    story: any;
+};
+
+declare function useMediaCreate(): {
+    create: (data: any) => any;
+    creating: boolean;
+};
+
+declare function useMediaUpdate(): {
+    update: (id: any, data: any) => any;
+    updating: boolean;
+};
+
+declare function useMediaDelete(): {
+    mediaDelete: (id: any, data: any) => any;
+    deleting: boolean;
+};
+
+declare function useMediaTrash(): {
+    mediaTrash: (id: any, data: any) => any;
+    trashing: boolean;
+};
+
+declare function useMediaRestore(): {
+    mediaRestore: (id: any, data: any) => any;
+    restoring: boolean;
+};
+
+declare function useMediaReplace(): {
+    mediaReplace: (id: any, data: any) => any;
+    replacing: boolean;
+};
+
+declare const _default$2: ({
+    id: string;
+    label: react_jsx_runtime.JSX.Element;
+    component: string;
+    path: string;
+    sortable: boolean;
+    descriptionPath?: undefined;
+    descriptionValues?: undefined;
+    format?: undefined;
+    actions?: undefined;
+} | {
+    id: string;
+    label: react_jsx_runtime.JSX.Element;
+    component: string;
+    path: string;
+    descriptionPath: string;
+    descriptionValues: {
+        image: react_jsx_runtime.JSX.Element;
+        video: react_jsx_runtime.JSX.Element;
+        audio: react_jsx_runtime.JSX.Element;
+        document: react_jsx_runtime.JSX.Element;
+    };
+    sortable: boolean;
+    format?: undefined;
+    actions?: undefined;
+} | {
+    id: string;
+    label: react_jsx_runtime.JSX.Element;
+    component: string;
+    format: string;
+    path: string;
+    sortable?: undefined;
+    descriptionPath?: undefined;
+    descriptionValues?: undefined;
+    actions?: undefined;
+} | {
+    id: string;
+    label: react_jsx_runtime.JSX.Element;
+    component: string;
+    path: string;
+    format: string;
+    sortable: boolean;
+    descriptionPath?: undefined;
+    descriptionValues?: undefined;
+    actions?: undefined;
+} | {
+    id: string;
+    label: react_jsx_runtime.JSX.Element;
+    actions: string[];
+    component?: undefined;
+    path?: undefined;
+    sortable?: undefined;
+    descriptionPath?: undefined;
+    descriptionValues?: undefined;
+    format?: undefined;
+})[];
+
+declare const _default$1: ({
+    name: string;
+    label: react_jsx_runtime.JSX.Element;
+    type: string;
+    component: string;
+    id?: undefined;
+    isList?: undefined;
+    hideWithoutValue?: undefined;
+    fields?: undefined;
+} | {
+    id: string;
+    component: string;
+    label: react_jsx_runtime.JSX.Element;
+    isList: boolean;
+    hideWithoutValue: boolean;
+    fields: ({
+        id: string;
+        label: react_jsx_runtime.JSX.Element;
+        type: string;
+        display: string;
+        name: string;
+        horizontal: boolean;
+        format?: undefined;
+    } | {
+        id: string;
+        label: react_jsx_runtime.JSX.Element;
+        type: string;
+        display: string;
+        name: string;
+        format: string;
+        horizontal: boolean;
+    })[];
+    name?: undefined;
+    type?: undefined;
+})[];
+
+declare const _default: ({
+    id: string;
+    component: string;
+    name: string;
+    width: number;
+    placeholder?: undefined;
+    options?: undefined;
+    multiple?: undefined;
+} | {
+    id: string;
+    component: string;
+    name: string;
+    placeholder: react_jsx_runtime.JSX.Element;
+    options: {
+        label: react_jsx_runtime.JSX.Element;
+        value: string;
+    }[];
+    multiple: boolean;
+    width?: undefined;
+})[];
+
+interface MediasResourceBrowserProps {
+    resource?: string | null;
+    [key: string]: unknown;
+}
+declare function MediasResourceBrowser({ resource: resourceId, ...props }: MediasResourceBrowserProps): react_jsx_runtime.JSX.Element;
+
+interface MediasResourcePickerProps {
+    resource?: string | null;
+    [key: string]: unknown;
+}
+declare function MediasResourcePicker({ resource: resourceId, ...props }: MediasResourcePickerProps): react_jsx_runtime.JSX.Element;
+
+export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, _default$2 as columns, _default$1 as fields, _default as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDelete, useMediaReplace, useMediaRestore, useMediaTrash, useMediaUpdate, useMedias, useMediasApi };
+export type { MediaContextValue, MediasApi };

package/{es → dist}/index.js

@@ -1,8 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { useContext, useMemo, createContext, useCallback, useState, useEffect } from 'react';
+import { use, useMemo, createContext, useCallback, useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useFieldComponent, usePanneauResource } from '@panneau/core/contexts';
 import { useForm, useQuery } from '@panneau/core/hooks';
@@ -16,9 +15,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import isArray from 'lodash-es/isArray';
-import uniqBy from 'lodash-es/uniqBy';
-import { PropTypes as PropTypes$1 } from '@panneau/core';
+import uniqBy from 'lodash/uniqBy';
 import Buttons from '@panneau/element-buttons';
 import Grid from '@panneau/element-grid';
 import Icon from '@panneau/element-icon';
@@ -29,23 +26,10 @@ import Filters from '@panneau/filter-filters';
 import { useItemsStore, useData, useApi } from '@panneau/data';
 
 /* eslint-disable react/jsx-props-no-spreading */
+
 var MediasApiContext = /*#__PURE__*/createContext(null);
 var useMediasApi = function useMediasApi() {
-  return useContext(MediasApiContext);
-};
-var apiPropTypes = PropTypes.shape({
-  get: PropTypes.func.isRequired,
-  getTrashed: PropTypes.func.isRequired,
-  create: PropTypes.func.isRequired,
-  find: PropTypes.func.isRequired,
-  update: PropTypes.func.isRequired,
-  trash: PropTypes.func.isRequired,
-  restore: PropTypes.func.isRequired,
-  "delete": PropTypes.func.isRequired
-});
-var propTypes$9 = {
-  api: apiPropTypes,
-  children: PropTypes.node.isRequired
+  return use(MediasApiContext);
 };
 function MediasApiProvider(_ref) {
   var _ref$api = _ref.api,
@@ -55,12 +39,11 @@ function MediasApiProvider(_ref) {
   var api = useMemo(function () {
     return providedApi || previousApi;
   }, [providedApi, previousApi]);
-  return /*#__PURE__*/jsx(MediasApiContext.Provider, {
+  return /*#__PURE__*/jsx(MediasApiContext, {
     value: api,
     children: children
   });
 }
-MediasApiProvider.propTypes = propTypes$9;
 
 var _excluded$7 = ["items"];
 var useMedias = function useMedias() {
@@ -228,14 +211,6 @@ var useMediaReplace = function useMediaReplace() {
 
 var styles = {"mediaFrame":"panneau-medias-mediaFrame"};
 
-var propTypes$8 = {
-  value: PropTypes.shape({
-    id: PropTypes.string,
-    type: PropTypes.string
-  }),
-  showPlayer: PropTypes.bool,
-  className: PropTypes.string
-};
 function MediaFrame(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
@@ -262,13 +237,10 @@ function MediaFrame(_ref) {
     }) : /*#__PURE__*/jsx(ImageDisplay, {
       className: "w-100",
       value: value,
-      maxWidth: "100%",
-      maxHeight: "100%",
       onClick: type === 'video' || type === 'audio' ? onClick : null
     })
   });
 }
-MediaFrame.propTypes = propTypes$8;
 
 var defaultFields = [{
   name: 'name',
@@ -418,24 +390,6 @@ var defaultFields = [{
   }]
 }];
 
-var propTypes$7 = {
-  value: PropTypes.shape({
-    id: PropTypes.string
-  }),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string
-  })),
-  onChange: PropTypes.func,
-  onSave: PropTypes.func,
-  onReplace: PropTypes.func,
-  onDelete: PropTypes.func,
-  onClose: PropTypes.func,
-  withDelete: PropTypes.bool,
-  withTrash: PropTypes.bool,
-  withReplace: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node
-};
 function MediaForm(_ref) {
   var _ref$value = _ref.value,
     initialValue = _ref$value === void 0 ? null : _ref$value,
@@ -532,7 +486,7 @@ function MediaForm(_ref) {
     mediaReplace(id, data).then(onReplace);
   }, [initialValue, onReplace]);
   var postForm = useCallback(function (action, data) {
-    return initialValue !== null ? update(initialValue.id, data) : new Promise();
+    return initialValue !== null ? update(initialValue.id, data) : Promise.resolve(null);
   }, [initialValue, update]);
   var _useForm = useForm({
       fields: initialFields,
@@ -667,17 +621,10 @@ function MediaForm(_ref) {
     })]
   });
 }
-MediaForm.propTypes = propTypes$7;
 
 var MediaContext = /*#__PURE__*/createContext(null);
 var useCurrentMedia = function useCurrentMedia() {
-  return useContext(MediaContext);
-};
-var propTypes$6 = {
-  media: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  }),
-  children: PropTypes.node.isRequired
+  return use(MediaContext);
 };
 function MediaProvider(_ref) {
   var _ref$media = _ref.media,
@@ -693,12 +640,11 @@ function MediaProvider(_ref) {
       setCurrentMedia: setCurrentMedia
     };
   }, [currentMedia, setCurrentMedia]);
-  return /*#__PURE__*/jsx(MediaContext.Provider, {
+  return /*#__PURE__*/jsx(MediaContext, {
     value: values,
     children: children
   });
 }
-MediaProvider.propTypes = propTypes$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -911,7 +857,7 @@ var defaultFilters = [{
 ];
 
 var _excluded$5 = ["page", "count"],
-  _excluded2 = ["types", "trashed"];
+  _excluded2 = ["trashed"];
 var DEFAULT_LAYOUTS = [{
   id: 'table',
   label: /*#__PURE__*/jsx(Icon, {
@@ -924,41 +870,6 @@ var DEFAULT_LAYOUTS = [{
   })
 }];
 var DEFAULT_UPPY_CONFIG = {};
-var propTypes$5 = {
-  items: PropTypes$1.medias,
-  extraItems: PropTypes$1.medias,
-  types: PropTypes.arrayOf(PropTypes.string),
-  permissions: PropTypes.shape({
-    create: PropTypes.bool,
-    edit: PropTypes.bool,
-    "delete": PropTypes.bool
-  }),
-  filters: PropTypes$1.filters,
-  columns: PropTypes$1.tableColumns,
-  query: PropTypes.shape({}),
-  baseUrl: PropTypes.string,
-  fields: PropTypes$1.fields,
-  layout: PropTypes.string,
-  layouts: PropTypes.arrayOf(PropTypes.shape({})),
-  theme: PropTypes.string,
-  onMediaUploaded: PropTypes.func,
-  onItemsChange: PropTypes.func,
-  onLayoutChange: PropTypes.func,
-  onMediaFormOpen: PropTypes.func,
-  onMediaFormClose: PropTypes.func,
-  selectable: PropTypes.bool,
-  selectedItems: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.arrayOf(PropTypes.shape({}))]),
-  onSelectionChange: PropTypes.func,
-  multipleSelection: PropTypes.bool,
-  uppyConfig: PropTypes.shape({}),
-  withDelete: PropTypes.bool,
-  withTrash: PropTypes.bool,
-  withReplace: PropTypes.bool,
-  withStickySelection: PropTypes.bool,
-  withoutUpload: PropTypes.bool,
-  className: PropTypes.string,
-  formChildren: PropTypes.node
-};
 function MediasBrowser(_ref) {
   var _ref$items = _ref.items,
     initialItems = _ref$items === void 0 ? null : _ref$items,
@@ -1060,11 +971,8 @@ function MediasBrowser(_ref) {
     _ref3$delete = _ref3["delete"],
     canDelete = _ref3$delete === void 0 ? true : _ref3$delete;
   var canUpload = canCreate && !withoutUpload;
-
-  // eslint-disable-next-line no-unused-vars
-  var _ref4 = query || {};
-    _ref4.types;
-    var _ref4$trashed = _ref4.trashed,
+  var _ref4 = query || {},
+    _ref4$trashed = _ref4.trashed,
     trashed = _ref4$trashed === void 0 ? null : _ref4$trashed,
     queryWithoutTypes = _objectWithoutProperties(_ref4, _excluded2);
   var _useMediaTrash = useMediaTrash(),
@@ -1155,20 +1063,16 @@ function MediasBrowser(_ref) {
   var onTrashMedia = useCallback(function (id) {
     return !showTrashed && withTrash ? mediaTrash(id).then(function () {
       if (!multipleSelection) {
-        var _ref5 = selectedItems || {},
-          _ref5$id = _ref5.id,
-          selectedId = _ref5$id === void 0 ? null : _ref5$id;
-        if (selectedId !== null && selectedId === id) {
+        var selectedId = selectedItems !== null && !Array.isArray(selectedItems) ? selectedItems.id || null : null;
+        if (selectedId !== null && selectedId === id && onSelectionChange !== null) {
           onSelectionChange(null);
         }
       }
       // Todo remove from mult selection
     }).then(reload) : mediaDelete(id).then(function () {
       if (!multipleSelection) {
-        var _ref6 = selectedItems || {},
-          _ref6$id = _ref6.id,
-          selectedId = _ref6$id === void 0 ? null : _ref6$id;
-        if (selectedId !== null && selectedId === id) {
+        var selectedId = selectedItems !== null && !Array.isArray(selectedItems) ? selectedItems.id || null : null;
+        if (selectedId !== null && selectedId === id && onSelectionChange !== null) {
           onSelectionChange(null);
         }
       }
@@ -1184,16 +1088,14 @@ function MediasBrowser(_ref) {
     uploadProcessing = _useState0[0],
     setUploadProcessing = _useState0[1];
   var onUploadedMediaChanged = useCallback(function (newMedias) {
-    var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
+    var uploadedNewMedias = (Array.isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
       return it !== null;
     });
     setUploadedMedias(uploadedNewMedias);
     if (onSelectionChange !== null) {
-      var _ref7 = newMedias || [],
-        _ref8 = _slicedToArray(_ref7, 1),
-        _ref8$ = _ref8[0],
-        firstMedia = _ref8$ === void 0 ? null : _ref8$;
-      onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
+      var _newMedias$;
+      var firstMedia = Array.isArray(newMedias) ? (_newMedias$ = newMedias[0]) !== null && _newMedias$ !== void 0 ? _newMedias$ : null : newMedias !== null && newMedias !== void 0 ? newMedias : null;
+      onSelectionChange(multipleSelection && Array.isArray(newMedias) ? newMedias : firstMedia);
       onQueryReset();
       reload().then(function () {
         setUploadedMedias(null);
@@ -1206,13 +1108,13 @@ function MediasBrowser(_ref) {
       setShowTrashed(false);
     }
     if (medias === null) return;
-    var rawMedias = (isArray(medias) ? medias : [medias]).filter(function (it) {
+    var rawMedias = (Array.isArray(medias) ? medias : [medias]).filter(function (it) {
       return it !== null;
     });
     if (onMediaUploaded !== null) {
       setUploadProcessing(true);
-      onMediaUploaded(rawMedias).then(function (newMedias) {
-        onUploadedMediaChanged(newMedias);
+      Promise.resolve(onMediaUploaded(rawMedias)).then(function (newMedias) {
+        onUploadedMediaChanged(newMedias || null);
         setUploadProcessing(false);
       })["catch"](function () {
         setUploadProcessing(false);
@@ -1251,9 +1153,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref9 = filter || {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
+        var _ref5 = filter || {},
+          _ref5$id = _ref5.id,
+          id = _ref5$id === void 0 ? null : _ref5$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1263,9 +1165,9 @@ function MediasBrowser(_ref) {
   }, [filters, types, withTrash, showTrashed, uploadProcessing, onClickTrash]);
   var partialColumns = useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref0 = column || {},
-        _ref0$id = _ref0.id,
-        columnId = _ref0$id === void 0 ? null : _ref0$id;
+      var _ref6 = column || {},
+        _ref6$id = _ref6.id,
+        columnId = _ref6$id === void 0 ? null : _ref6$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1279,9 +1181,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref1 = column || {},
-          _ref1$actions = _ref1.actions,
-          actions = _ref1$actions === void 0 ? [] : _ref1$actions;
+        var _ref7 = column || {},
+          _ref7$actions = _ref7.actions,
+          actions = _ref7$actions === void 0 ? [] : _ref7$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1306,13 +1208,13 @@ function MediasBrowser(_ref) {
   }, [columns, withTrash, showTrashed]);
   var finalColumns = useMemo(function () {
     return (partialColumns || []).map(function (column) {
-      var _ref10 = column || {},
-        _ref10$id = _ref10.id,
-        columnId = _ref10$id === void 0 ? null : _ref10$id;
+      var _ref8 = column || {},
+        _ref8$id = _ref8.id,
+        columnId = _ref8$id === void 0 ? null : _ref8$id;
       if (columnId === 'actions') {
-        var _ref11 = column || {},
-          _ref11$actions = _ref11.actions,
-          actions = _ref11$actions === void 0 ? [] : _ref11$actions;
+        var _ref9 = column || {},
+          _ref9$actions = _ref9.actions,
+          actions = _ref9$actions === void 0 ? [] : _ref9$actions;
         var availableActions = actions.filter(function (act) {
           return act !== 'delete' || canDelete;
         }).filter(function (act) {
@@ -1345,9 +1247,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref12$id = _ref12.id,
-            otherId = _ref12$id === void 0 ? null : _ref12$id;
+          var _ref0 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref0$id = _ref0.id,
+            otherId = _ref0$id === void 0 ? null : _ref0$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1490,16 +1392,8 @@ function MediasBrowser(_ref) {
     })
   });
 }
-MediasBrowser.propTypes = propTypes$5;
 
 var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
-var propTypes$4 = {
-  items: PropTypes.arrayOf(PropTypes.shape({})),
-  value: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.arrayOf(PropTypes.shape({}))]),
-  multiple: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  className: PropTypes.string
-};
 function MediasPicker(_ref) {
   var _ref$items = _ref.items,
     initialItems = _ref$items === void 0 ? null : _ref$items,
@@ -1516,7 +1410,7 @@ function MediasPicker(_ref) {
     if (initialSelectedItems === null) {
       return null;
     }
-    return isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems];
+    return Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems];
   }, []);
 
   // Mostly for testing
@@ -1550,15 +1444,8 @@ function MediasPicker(_ref) {
     }, props))
   });
 }
-MediasPicker.propTypes = propTypes$4;
 
 var _excluded$3 = ["api", "media"];
-var propTypes$3 = {
-  api: apiPropTypes,
-  media: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })
-};
 function MediasBrowserContainer(_ref) {
   var _ref$api = _ref.api,
     api = _ref$api === void 0 ? null : _ref$api,
@@ -1573,22 +1460,15 @@ function MediasBrowserContainer(_ref) {
     })
   });
 }
-MediasBrowserContainer.propTypes = propTypes$3;
 
 var _excluded$2 = ["api", "media", "onChange"];
-var propTypes$2 = {
-  api: apiPropTypes,
-  media: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  }),
-  onChange: PropTypes.func.isRequired
-};
 function MediasPickerContainer(_ref) {
   var _ref$api = _ref.api,
     api = _ref$api === void 0 ? null : _ref$api,
     _ref$media = _ref.media,
     media = _ref$media === void 0 ? null : _ref$media,
-    onChange = _ref.onChange,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
     props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/jsx(MediasApiProvider, {
     api: api,
@@ -1600,12 +1480,8 @@ function MediasPickerContainer(_ref) {
     })
   });
 }
-MediasPickerContainer.propTypes = propTypes$2;
 
 var _excluded$1 = ["resource"];
-var propTypes$1 = {
-  resource: PropTypes.string
-};
 function MediasResourceBrowser(_ref) {
   var _ref$resource = _ref.resource,
     resourceId = _ref$resource === void 0 ? 'medias' : _ref$resource,
@@ -1669,12 +1545,8 @@ function MediasResourceBrowser(_ref) {
     api: mediasApi
   }, props));
 }
-MediasResourceBrowser.propTypes = propTypes$1;
 
 var _excluded = ["resource"];
-var propTypes = {
-  resource: PropTypes.string
-};
 function MediasResourcePicker(_ref) {
   var _ref$resource = _ref.resource,
     resourceId = _ref$resource === void 0 ? 'medias' : _ref$resource,
@@ -1754,6 +1626,5 @@ function MediasResourcePicker(_ref) {
     columns: columns
   } : null), props));
 }
-MediasResourcePicker.propTypes = propTypes;
 
-export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDelete, useMediaReplace, useMediaRestore, useMediaTrash, useMediaUpdate, useMedias, useMediasApi };
+export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDelete, useMediaReplace, useMediaRestore, useMediaTrash, useMediaUpdate, useMedias, useMediasApi };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "4.0.11",
+    "version": "4.0.14",
     "description": "",
     "keywords": [
         "javascript"
@@ -26,21 +26,24 @@
     ],
     "license": "ISC",
     "type": "module",
-    "module": "es/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "style": "./assets/css/styles.css",
     "exports": {
-        ".": "./es/index.js",
+        ".": {
+            "default": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        },
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "files": [
-        "lib",
-        "es",
+        "dist",
         "assets"
     ],
     "scripts": {
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
         "react": "^19.0.0",
@@ -52,28 +55,27 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^4.0.11",
-        "@panneau/data": "^4.0.11",
-        "@panneau/display-image": "^4.0.11",
-        "@panneau/element-button": "^4.0.11",
-        "@panneau/element-buttons": "^4.0.11",
-        "@panneau/element-form": "^4.0.11",
-        "@panneau/element-form-status": "^4.0.11",
-        "@panneau/element-grid": "^4.0.11",
-        "@panneau/element-icon": "^4.0.11",
-        "@panneau/element-media-card": "^4.0.11",
-        "@panneau/element-media-player": "^4.0.11",
-        "@panneau/element-pagination": "^4.0.11",
-        "@panneau/element-table": "^4.0.11",
-        "@panneau/field-upload": "^4.0.11",
-        "@panneau/filter-filters": "^4.0.11",
+        "@panneau/core": "^4.0.14",
+        "@panneau/data": "^4.0.14",
+        "@panneau/display-image": "^4.0.14",
+        "@panneau/element-button": "^4.0.14",
+        "@panneau/element-buttons": "^4.0.14",
+        "@panneau/element-form": "^4.0.14",
+        "@panneau/element-form-status": "^4.0.14",
+        "@panneau/element-grid": "^4.0.14",
+        "@panneau/element-icon": "^4.0.14",
+        "@panneau/element-media-card": "^4.0.14",
+        "@panneau/element-media-player": "^4.0.14",
+        "@panneau/element-pagination": "^4.0.14",
+        "@panneau/element-table": "^4.0.14",
+        "@panneau/field-upload": "^4.0.14",
+        "@panneau/filter-filters": "^4.0.14",
         "classnames": "^2.5.1",
-        "lodash-es": "^4.17.21",
-        "prop-types": "^15.7.2",
+        "lodash": "^4.17.21",
         "react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fe8264ed2815da0b5a40339dec99999c6fe70751"
+    "gitHead": "ce35c2ddb30a7be2efe951882d9826dca577f5d4"
 }