@panneau/medias 4.0.15 → 4.0.16

package/dist/index.js

@@ -1282,46 +1282,55 @@ function MediasBrowser(_ref) {
       children: formChildren
     }) : /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsxs("div", {
-        className: classNames(['d-flex', 'justify-content-between']),
-        children: [filters !== null ? /*#__PURE__*/jsx(Filters, {
-          value: query,
-          clearValue: types !== null ? queryWithoutTypes : null,
-          filters: finalFilters,
-          onChange: onQueryChange,
-          onReset: onQueryReset,
-          theme: theme
-        }) : null, canUpload ? /*#__PURE__*/jsx(UploadField, {
-          className: "ms-auto w-auto text-nowrap mt-2 mb-2 ps-2",
-          withButton: true,
-          withoutMedia: true,
-          uppyProps: uppyConfig,
-          types: types,
-          allowMultipleUploads: true,
-          onChange: onUploadComplete,
-          disabled: uploadProcessing,
-          loading: uploadProcessing,
-          outline: false,
-          closeAfterFinish: true
+        className: "card card-body py-2 mb-3",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "row g-2 align-items-center",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "col-12 col-lg",
+            children: filters !== null ? /*#__PURE__*/jsx(Filters, {
+              value: query,
+              clearValue: types !== null ? queryWithoutTypes : null,
+              filters: finalFilters,
+              onChange: onQueryChange,
+              onReset: onQueryReset,
+              theme: theme
+            }) : null
+          }), /*#__PURE__*/jsx("div", {
+            className: "col-12 col-lg-auto",
+            children: /*#__PURE__*/jsxs("div", {
+              className: "d-flex flex-wrap gap-2 justify-content-lg-end",
+              children: [hasLayouts ? /*#__PURE__*/jsx(Buttons, {
+                size: "sm",
+                theme: "secondary",
+                outline: true,
+                items: (layouts || []).map(function (lay) {
+                  return _objectSpread(_objectSpread({}, lay), {}, {
+                    active: layout === lay.id,
+                    onClick: function onClick() {
+                      return onClickLayout(lay.id);
+                    },
+                    className: 'px-3 py-2'
+                  });
+                })
+              }) : null, canUpload ? /*#__PURE__*/jsx(UploadField, {
+                className: "w-auto text-nowrap",
+                withButton: true,
+                withoutMedia: true,
+                uppyProps: uppyConfig,
+                types: types,
+                allowMultipleUploads: true,
+                onChange: onUploadComplete,
+                disabled: uploadProcessing,
+                loading: uploadProcessing,
+                outline: false,
+                closeAfterFinish: true
+              }) : null]
+            })
+          })]
+        }), !hidePagination ? /*#__PURE__*/jsx("div", {
+          className: "d-none d-md-flex mt-2 justify-content-end",
+          children: pagination
         }) : null]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames(['d-flex', 'mt-1', 'mb-3', {
-          'justify-content-between': hasLayouts,
-          'justify-content-end': !hasLayouts
-        }]),
-        children: [hasLayouts ? /*#__PURE__*/jsx(Buttons, {
-          size: "sm",
-          theme: "secondary",
-          outline: true,
-          items: (layouts || []).map(function (lay) {
-            return _objectSpread(_objectSpread({}, lay), {}, {
-              active: layout === lay.id,
-              onClick: function onClick() {
-                return onClickLayout(lay.id);
-              },
-              className: 'px-3 py-2'
-            });
-          })
-        }) : null, !hidePagination ? pagination : /*#__PURE__*/jsx("div", {})]
       }), layout === 'grid' ? /*#__PURE__*/jsx(Grid, {
         size: "small",
         theme: theme,
@@ -1386,7 +1395,7 @@ function MediasBrowser(_ref) {
           }
         }
       }) : null, !hidePagination ? /*#__PURE__*/jsx("div", {
-        className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end']),
+        className: classNames(['d-flex', 'd-md-none', 'mt-3', 'mb-1', 'justify-content-end']),
         children: pagination
       }) : null]
     })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "4.0.15",
+    "version": "4.0.16",
     "description": "",
     "keywords": [
         "javascript"
@@ -77,5 +77,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "83c02ca2f26e02383ef452ffcafda984d0b211cd"
+    "gitHead": "7ae3a83ce03428a1f14bea0f7c45b3cb994baf95"
 }