@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.58 → 0.146.0-node18-tooltips.45

package/CHANGELOG.md

@@ -3,34 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.146.0-node18-core-styles-tooltips.58](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.57...v0.146.0-node18-core-styles-tooltips.58) (2026-04-28)
-
-
-### Bug Fixes
-
-* fix lint and tests errors across repository ([#5047](https://github.com/thebyte9/blaze/issues/5047)) ([c2b86dd](https://github.com/thebyte9/blaze/commit/c2b86dd7aebb12198a49097692a549a9f9378d6e))
-
-
-
-
-
-# [0.146.0-node18-core-styles-tooltips.56](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.55...v0.146.0-node18-core-styles-tooltips.56) (2026-03-27)
-
-**Note:** Version bump only for package @blaze-cms/plugin-media-ui
-
-
-
-
-
-# [0.146.0-node18-core-styles-tooltips.55](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.54...v0.146.0-node18-core-styles-tooltips.55) (2026-03-10)
-
-**Note:** Version bump only for package @blaze-cms/plugin-media-ui
-
-
-
-
-
-# [0.146.0-node18-core-styles-tooltips.54](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.53...v0.146.0-node18-core-styles-tooltips.54) (2026-03-02)
+# [0.146.0-node18-tooltips.45](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.44...v0.146.0-node18-tooltips.45) (2026-05-13)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -38,26 +11,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.49](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.48...v0.146.0-node18-core-styles-tooltips.49) (2026-01-29)
-
-**Note:** Version bump only for package @blaze-cms/plugin-media-ui
-
-
+# [0.146.0-node18-tooltips.44](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.43...v0.146.0-node18-tooltips.44) (2026-05-13)
 
 
+### Bug Fixes
 
-# [0.146.0-node18-core-styles-tooltips.48](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.47...v0.146.0-node18-core-styles-tooltips.48) (2026-01-27)
+* fix lint and tests errors across repository ([#5047](https://github.com/thebyte9/blaze/issues/5047)) ([c2b86dd](https://github.com/thebyte9/blaze/commit/c2b86dd7aebb12198a49097692a549a9f9378d6e))
 
 
 ### Features
 
-* add superscript and subscript formatting options to DraftJS texteditor ([#5057](https://github.com/thebyte9/blaze/issues/5057)) ([1e898c7](https://github.com/thebyte9/blaze/commit/1e898c72a350b925d98d7ef0be0d11648dc2718d))
+* update media listing to use schema based search filters ([#4873](https://github.com/thebyte9/blaze/issues/4873)) ([c3f3d03](https://github.com/thebyte9/blaze/commit/c3f3d032062e76a5496e5c7b2c22bcb8af63a3ae))
 
 
 
 
 
-# [0.146.0-node18-core-styles-tooltips.46](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.45...v0.146.0-node18-core-styles-tooltips.46) (2026-01-16)
+# [0.146.0-node18-tooltips.42](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.41...v0.146.0-node18-tooltips.42) (2026-03-24)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -65,7 +35,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.45](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.44...v0.146.0-node18-core-styles-tooltips.45) (2026-01-15)
+# [0.146.0-node18-tooltips.41](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.40...v0.146.0-node18-tooltips.41) (2026-03-03)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -73,7 +43,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.44](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.43...v0.146.0-node18-core-styles-tooltips.44) (2026-01-02)
+# [0.146.0-node18-tooltips.40](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.39...v0.146.0-node18-tooltips.40) (2026-01-29)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -81,23 +51,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.42](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.41...v0.146.0-node18-core-styles-tooltips.42) (2025-12-17)
-
-**Note:** Version bump only for package @blaze-cms/plugin-media-ui
-
-
-
+# [0.146.0-node18-tooltips.38](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.37...v0.146.0-node18-tooltips.38) (2026-01-27)
 
 
-# [0.146.0-node18-core-styles-tooltips.41](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.40...v0.146.0-node18-core-styles-tooltips.41) (2025-12-15)
+### Features
 
-**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+* add superscript and subscript formatting options to DraftJS texteditor ([#5057](https://github.com/thebyte9/blaze/issues/5057)) ([1e898c7](https://github.com/thebyte9/blaze/commit/1e898c72a350b925d98d7ef0be0d11648dc2718d))
 
 
 
 
 
-# [0.146.0-node18-core-styles-tooltips.39](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.38...v0.146.0-node18-core-styles-tooltips.39) (2025-12-04)
+# [0.146.0-node18-tooltips.37](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.36...v0.146.0-node18-tooltips.37) (2026-01-08)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -105,7 +70,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.38](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.37...v0.146.0-node18-core-styles-tooltips.38) (2025-12-04)
+# [0.146.0-node18-tooltips.34](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.33...v0.146.0-node18-tooltips.34) (2025-12-17)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -113,7 +78,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.30](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.29...v0.146.0-node18-core-styles-tooltips.30) (2025-11-25)
+# [0.146.0-node18-tooltips.33](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.32...v0.146.0-node18-tooltips.33) (2025-12-15)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -121,7 +86,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.27](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.26...v0.146.0-node18-core-styles-tooltips.27) (2025-11-13)
+# [0.146.0-node18-tooltips.32](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.31...v0.146.0-node18-tooltips.32) (2025-12-15)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -129,7 +94,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.26](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.25...v0.146.0-node18-core-styles-tooltips.26) (2025-11-12)
+# [0.146.0-node18-tooltips.31](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.30...v0.146.0-node18-tooltips.31) (2025-11-18)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -137,7 +102,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.25](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.24...v0.146.0-node18-core-styles-tooltips.25) (2025-11-07)
+# [0.146.0-node18-tooltips.30](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.29...v0.146.0-node18-tooltips.30) (2025-11-17)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -145,7 +110,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.24](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.23...v0.146.0-node18-core-styles-tooltips.24) (2025-11-03)
+# [0.146.0-node18-tooltips.28](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.27...v0.146.0-node18-tooltips.28) (2025-11-10)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -153,7 +118,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.22](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.21...v0.146.0-node18-core-styles-tooltips.22) (2025-10-20)
+# [0.146.0-node18-tooltips.27](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.26...v0.146.0-node18-tooltips.27) (2025-11-06)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -161,7 +126,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.19](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.18...v0.146.0-node18-core-styles-tooltips.19) (2025-10-01)
+# [0.146.0-node18-tooltips.26](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.25...v0.146.0-node18-tooltips.26) (2025-10-29)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -169,7 +134,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.15](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.14...v0.146.0-node18-core-styles-tooltips.15) (2025-09-23)
+# [0.146.0-node18-tooltips.22](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.21...v0.146.0-node18-tooltips.22) (2025-10-17)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -177,25 +142,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.11](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.10...v0.146.0-node18-core-styles-tooltips.11) (2025-08-27)
-
-
-### Bug Fixes
-
-* fixes pagination issues in fileuploadadapter ([fb31a56](https://github.com/thebyte9/blaze/commit/fb31a563c6bf7560fe6e83d3ff567193ed0259cb))
-* fixes pagination issues in fileuploadadapter ([4f8b786](https://github.com/thebyte9/blaze/commit/4f8b786b3e8e015a8775f9a9147efa4016147cdf))
-* fixes pagination issues in fileuploadadapter ([b1d7740](https://github.com/thebyte9/blaze/commit/b1d7740b841bd151e96b4c8046c6b9c736b5d109))
-
-
-### Features
-
-* limit store type on using schema properties ([#4855](https://github.com/thebyte9/blaze/issues/4855)) ([d0ca5af](https://github.com/thebyte9/blaze/commit/d0ca5afd11b8b1803d5feed6656dfb3ba3a151a2))
-
-
-
-
-
-# [0.146.0-node18-core-styles-tooltips.10](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.9...v0.146.0-node18-core-styles-tooltips.10) (2025-08-05)
+# [0.146.0-node18-tooltips.11](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.10...v0.146.0-node18-tooltips.11) (2025-10-01)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -203,7 +150,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.5](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.4...v0.146.0-node18-core-styles-tooltips.5) (2025-07-18)
+# [0.146.0-node18-tooltips.4](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.3...v0.146.0-node18-tooltips.4) (2025-09-22)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui
 
@@ -211,18 +158,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [0.146.0-node18-core-styles-tooltips.4](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.3...v0.146.0-node18-core-styles-tooltips.4) (2025-07-10)
-
-
-### Features
-
-* show change file button  modal  using React context ([#4816](https://github.com/thebyte9/blaze/issues/4816)) ([040089a](https://github.com/thebyte9/blaze/commit/040089a55a74f522e2bfd66870c3a1e703a081fa))
-
-
-
-
-
-# [0.146.0-node18-core-styles-tooltips.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-node18-core-styles-tooltips.0) (2025-06-18)
+# [0.146.0-node18-tooltips.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-node18-tooltips.0) (2025-09-09)
 
 
 ### Bug Fixes
@@ -232,6 +168,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * fixed breaking tests, updated next to 14 ([fecb0e1](https://github.com/thebyte9/blaze/commit/fecb0e1d822bd69ebbaa084072a219f0fddd23f1))
 * fixed more tests ([46a2fb9](https://github.com/thebyte9/blaze/commit/46a2fb9467f9f3c9cf320c9caf36c66503cc1f49))
 * fixed remaining failing tests ([8a5963f](https://github.com/thebyte9/blaze/commit/8a5963ff8a0bf615a2ced9fb77b8986a9b05d80c))
+* fixes pagination issues in fileuploadadapter ([fb31a56](https://github.com/thebyte9/blaze/commit/fb31a563c6bf7560fe6e83d3ff567193ed0259cb))
+* fixes pagination issues in fileuploadadapter ([4f8b786](https://github.com/thebyte9/blaze/commit/4f8b786b3e8e015a8775f9a9147efa4016147cdf))
+* fixes pagination issues in fileuploadadapter ([b1d7740](https://github.com/thebyte9/blaze/commit/b1d7740b841bd151e96b4c8046c6b9c736b5d109))
 * linting fixed automatically ([73135b9](https://github.com/thebyte9/blaze/commit/73135b9b8b0d5407e2e1dfba42ab2381f290607f))
 * more test fixes ([a2a2f7a](https://github.com/thebyte9/blaze/commit/a2a2f7a650bb2c995660ba8e88e2d8f1c54586d7))
 * removed unused  var in test ([0143cb8](https://github.com/thebyte9/blaze/commit/0143cb80a591d7cdf894e7d74f5087dad5ff4a18))
@@ -247,7 +186,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### Features
 
 * add read only file viewer component ([#4527](https://github.com/thebyte9/blaze/issues/4527)) ([0bc416f](https://github.com/thebyte9/blaze/commit/0bc416f4cbdccaaa24e2e780b17636e84e4f8ffe))
+* limit store type on using schema properties ([#4855](https://github.com/thebyte9/blaze/issues/4855)) ([d0ca5af](https://github.com/thebyte9/blaze/commit/d0ca5afd11b8b1803d5feed6656dfb3ba3a151a2))
 * preserving filename on file update ([9a3a415](https://github.com/thebyte9/blaze/commit/9a3a4157db99820dae08130da47f6fe8f5f3f9e9))
+* show change file button  modal  using React context ([#4816](https://github.com/thebyte9/blaze/issues/4816)) ([040089a](https://github.com/thebyte9/blaze/commit/040089a55a74f522e2bfd66870c3a1e703a081fa))
 * simplify modal layout ([#4504](https://github.com/thebyte9/blaze/issues/4504)) ([fb513ff](https://github.com/thebyte9/blaze/commit/fb513ffd898d7b2b039469c0f76b7b21f54bf833))
 * updated react to 18 ([9335f84](https://github.com/thebyte9/blaze/commit/9335f8432b376494501abb9c3deef1ddaa9b35a8))
 

package/lib/components/CardMedia/CardMedia.js

@@ -14,26 +14,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.function.name.js");
 var _react = _interopRequireWildcard(require("react"));
-var _more = _interopRequireDefault(require("@blaze-react/more"));
-var _button = _interopRequireDefault(require("@blaze-react/button"));
 var _admin = require("@blaze-cms/admin");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 var _client = require("@apollo/client");
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _toaster = require("@blaze-react/toaster");
 var _modal = _interopRequireDefault(require("@blaze-react/modal"));
 var _reactDom = require("react-dom");
 var _reactRouterDom = require("react-router-dom");
+var _pluginPageBuilderUi = require("@blaze-cms/plugin-page-builder-ui");
 var _EditMediaFile = _interopRequireDefault(require("../EditMediaFile"));
 var _bustUrl = _interopRequireDefault(require("../../utils/bustUrl"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var CardMedia = function CardMedia(_ref) {
   var onSelected = _ref.onSelected,
     name = _ref.name,
@@ -75,8 +73,20 @@ var CardMedia = function CardMedia(_ref) {
     type = _mimetype$split2[0],
     extension = _mimetype$split2[1];
   var client = (0, _client.useApolloClient)();
+  var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
+      variables: {
+        identifier: 'file'
+      }
+    }),
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
+    _useQuery$data2$getEn = _useQuery$data2.getEntitySchemas,
+    _useQuery$data2$getEn2 = _useQuery$data2$getEn === void 0 ? [] : _useQuery$data2$getEn,
+    _useQuery$data2$getEn3 = (0, _slicedToArray2["default"])(_useQuery$data2$getEn2, 1),
+    schemaData = _useQuery$data2$getEn3[0],
+    schemaLoading = _useQuery.loading;
   var deleteFileById = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -117,22 +127,38 @@ var CardMedia = function CardMedia(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleClick = function handleClick() {
+  var handleRowClick = function handleRowClick() {
+    return onSelected({
+      id: id,
+      url: url,
+      name: name,
+      data: data
+    });
+  };
+  var handleCheckboxToggle = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
     onSelected({
       id: id,
       url: url,
       name: name,
       data: data
     });
+  }, [id, url, name, data, onSelected]);
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === ' ' || e.key === 'Enter') {
+      e.preventDefault();
+      handleRowClick();
+    }
   };
-  var cardMediaClassNames = (0, _classnames2["default"])('card card--media-list', (0, _defineProperty2["default"])({
+  var cardMediaClassNames = (0, _classnames["default"])('card card--media-list card--media-list-row', "card--media-".concat(displayLayout), {
     'card--media-list--selected': selected
-  }, "card--media-".concat(displayLayout), displayLayout));
+  });
   var handleCloseModal = function handleCloseModal() {
-    setDisplayEditModal(false);
+    return setDisplayEditModal(false);
   };
   var handleSaveButtonStatus = function handleSaveButtonStatus(state) {
-    setEnableSaveButton(state);
+    return setEnableSaveButton(state);
   };
   var modalActions = [{
     textButton: 'Cancel',
@@ -146,10 +172,13 @@ var CardMedia = function CardMedia(_ref) {
     modifiers: enableSaveButton ? [] : ['disabled']
   }];
   var handleFileChange = function handleFileChange(file) {
-    setFileData(file);
+    return setFileData(file);
+  };
+  var handleStopPropagation = function handleStopPropagation(e) {
+    return e.stopPropagation();
   };
   var handleFormSave = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var _yield$client$mutate, updatedFile;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -159,7 +188,7 @@ var CardMedia = function CardMedia(_ref) {
             return client.mutate({
               mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
               variables: {
-                input: fileData
+                input: fileData.formData
               },
               update: function update(cache, _ref4) {
                 var fileUpdated = _ref4.data.updateFile;
@@ -208,7 +237,8 @@ var CardMedia = function CardMedia(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, displayEditModal && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(_modal["default"], {
+  if (schemaLoading) return null;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, displayEditModal && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_modal["default"], {
     title: "Edit",
     actions: modalActions,
     onClose: handleCloseModal
@@ -217,12 +247,9 @@ var CardMedia = function CardMedia(_ref) {
     fileId: id,
     handleSaveButtonStatus: handleSaveButtonStatus,
     handleFormSave: handleFormSave,
-    enableSaveButton: enableSaveButton
-  })), modalTargetRef.current), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cardMediaClassNames,
-    role: "button",
-    onClick: handleClick
-  }, displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(_admin.DeleteAction, {
+    enableSaveButton: enableSaveButton,
+    schemaData: schemaData
+  })), modalTargetRef.current), displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_admin.DeleteAction, {
     onClose: function onClose() {
       return setDisplayDeleteModal(false);
     },
@@ -230,7 +257,22 @@ var CardMedia = function CardMedia(_ref) {
       return deleteFileById();
     },
     itemName: name
-  }), modalTargetRef.current), type === 'image' ? /*#__PURE__*/_react["default"].createElement("div", {
+  }), modalTargetRef.current), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cardMediaClassNames,
+    role: "option",
+    "aria-selected": selected,
+    tabIndex: 0,
+    onClick: handleRowClick,
+    onKeyDown: handleKeyDown
+  }, openEditInModal && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card__select"
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "checkbox",
+    "aria-label": "Select ".concat(name),
+    checked: !!selected,
+    onChange: handleCheckboxToggle,
+    onClick: handleStopPropagation
+  })), type === 'image' ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "card__image card__image--media-".concat(displayLayout)
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: (0, _bustUrl["default"])(url, updated),
@@ -241,7 +283,8 @@ var CardMedia = function CardMedia(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     width: "100",
     height: "100",
-    viewBox: "0 0 8 8"
+    viewBox: "0 0 8 8",
+    "aria-hidden": "true"
   }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z"
   }))), /*#__PURE__*/_react["default"].createElement("footer", {
@@ -250,36 +293,50 @@ var CardMedia = function CardMedia(_ref) {
     className: "card__details card__details--media-".concat(displayLayout)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "card__title card__title--media-".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, name)), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, "format: ", extension))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "card__menu card__menu--".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "more-menu__wrapper more-menu__wrapper--card"
-  }, /*#__PURE__*/_react["default"].createElement(_more["default"], {
-    displayBg: true
-  }, /*#__PURE__*/_react["default"].createElement(_more["default"].Avatar, {
-    isMoreMenu: true
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "material-icons"
-  }, "more_vert")), /*#__PURE__*/_react["default"].createElement(_more["default"].Content, {
-    isMoreMenu: true
-  }, openEditInModal ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    onClick: function onClick(event) {
-      event.preventDefault();
-      event.stopPropagation();
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "card__file-name"
+  }, name)), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "card__meta"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "Format: ", extension))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card__menu card__menu--icons card__menu--".concat(displayLayout)
+  }, openEditInModal ? /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    className: "card__icon-btn",
+    title: "Edit",
+    "aria-label": "Edit",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
       setDisplayEditModal(true);
-    },
-    className: "more-menu__link"
-  }, "Edit") : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_pluginPageBuilderUi.EditIcon, {
+    width: "20px",
+    height: "20px"
+  })) : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
     to: "/media/edit/".concat(id),
-    className: "more-menu__link"
-  }, "Edit"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    onClick: function onClick(event) {
-      event.preventDefault();
-      event.stopPropagation();
+    className: "card__icon-btn",
+    title: "Edit",
+    "aria-label": "Edit",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_pluginPageBuilderUi.EditIcon, {
+    width: "20px",
+    height: "20px"
+  })), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    className: "card__icon-btn",
+    title: "Delete",
+    "aria-label": "Delete",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
       setDisplayDeleteModal(true);
-    },
-    className: "more-menu__link"
-  }, "Delete"))))))));
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_pluginPageBuilderUi.DeleteIcon, {
+    width: "18px",
+    height: "18px"
+  }))))));
 };
 CardMedia.propTypes = {
   name: _propTypes["default"].string.isRequired,