@wordpress/media-utils 5.37.0 → 5.37.1-next.06ee73755.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/LICENSE.md +1 -1
  3. package/build/components/{index.js → index.cjs} +3 -3
  4. package/build/components/{index.js.map → index.cjs.map} +1 -1
  5. package/build/components/media-upload/{index.js → index.cjs} +1 -1
  6. package/build/components/media-upload-modal/{index.js → index.cjs} +25 -13
  7. package/build/components/media-upload-modal/index.cjs.map +7 -0
  8. package/build/{index.js → index.cjs} +9 -9
  9. package/build/{index.js.map → index.cjs.map} +1 -1
  10. package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
  11. package/build/{private-apis.js → private-apis.cjs} +4 -4
  12. package/build/utils/{flatten-form-data.js → flatten-form-data.cjs} +1 -1
  13. package/build/utils/{get-mime-types-array.js → get-mime-types-array.cjs} +1 -1
  14. package/build/utils/{sideload-media.js → sideload-media.cjs} +3 -3
  15. package/build/utils/{sideload-to-server.js → sideload-to-server.cjs} +3 -3
  16. package/build/utils/{transform-attachment.js → transform-attachment.cjs} +1 -1
  17. package/build/utils/{types.js → types.cjs} +1 -1
  18. package/build/utils/{upload-error.js → upload-error.cjs} +1 -1
  19. package/build/utils/{upload-media.js → upload-media.cjs} +6 -6
  20. package/build/utils/{upload-to-server.js → upload-to-server.cjs} +3 -3
  21. package/build/utils/{validate-file-size.js → validate-file-size.cjs} +2 -2
  22. package/build/utils/{validate-mime-type-for-user.js → validate-mime-type-for-user.cjs} +3 -3
  23. package/build/utils/{validate-mime-type.js → validate-mime-type.cjs} +2 -2
  24. package/build-module/components/index.mjs +6 -0
  25. package/build-module/components/{index.js.map → index.mjs.map} +1 -1
  26. package/build-module/components/media-upload/{index.js → index.mjs} +1 -1
  27. package/build-module/components/media-upload-modal/{index.js → index.mjs} +28 -13
  28. package/build-module/components/media-upload-modal/index.mjs.map +7 -0
  29. package/build-module/index.mjs +17 -0
  30. package/build-module/{lock-unlock.js → lock-unlock.mjs} +1 -1
  31. package/build-module/{private-apis.js → private-apis.mjs} +4 -4
  32. package/build-module/utils/{flatten-form-data.js → flatten-form-data.mjs} +1 -1
  33. package/build-module/utils/{get-mime-types-array.js → get-mime-types-array.mjs} +1 -1
  34. package/build-module/utils/{sideload-media.js → sideload-media.mjs} +3 -3
  35. package/build-module/utils/{sideload-to-server.js → sideload-to-server.mjs} +3 -3
  36. package/build-module/utils/{transform-attachment.js → transform-attachment.mjs} +1 -1
  37. package/build-module/utils/types.mjs +1 -0
  38. package/build-module/utils/{upload-error.js → upload-error.mjs} +1 -1
  39. package/build-module/utils/{upload-media.js → upload-media.mjs} +6 -6
  40. package/build-module/utils/{upload-to-server.js → upload-to-server.mjs} +3 -3
  41. package/build-module/utils/{validate-file-size.js → validate-file-size.mjs} +2 -2
  42. package/build-module/utils/{validate-mime-type-for-user.js → validate-mime-type-for-user.mjs} +3 -3
  43. package/build-module/utils/{validate-mime-type.js → validate-mime-type.mjs} +2 -2
  44. package/build-style/style-rtl.css +64 -0
  45. package/build-style/style.css +64 -0
  46. package/build-types/components/index.d.ts +1 -1
  47. package/build-types/components/index.d.ts.map +1 -1
  48. package/build-types/components/media-upload-modal/index.d.ts.map +1 -1
  49. package/package.json +26 -17
  50. package/src/components/media-upload-modal/index.tsx +25 -10
  51. package/src/components/media-upload-modal/style.scss +23 -0
  52. package/src/style.scss +1 -0
  53. package/build/components/media-upload-modal/index.js.map +0 -7
  54. package/build-module/components/index.js +0 -6
  55. package/build-module/components/media-upload-modal/index.js.map +0 -7
  56. package/build-module/index.js +0 -17
  57. package/build-module/utils/types.js +0 -1
  58. package/tsconfig.json +0 -21
  59. package/tsconfig.tsbuildinfo +0 -1
  60. /package/build/components/media-upload/{index.js.map → index.cjs.map} +0 -0
  61. /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
  62. /package/build/{private-apis.js.map → private-apis.cjs.map} +0 -0
  63. /package/build/utils/{flatten-form-data.js.map → flatten-form-data.cjs.map} +0 -0
  64. /package/build/utils/{get-mime-types-array.js.map → get-mime-types-array.cjs.map} +0 -0
  65. /package/build/utils/{sideload-media.js.map → sideload-media.cjs.map} +0 -0
  66. /package/build/utils/{sideload-to-server.js.map → sideload-to-server.cjs.map} +0 -0
  67. /package/build/utils/{transform-attachment.js.map → transform-attachment.cjs.map} +0 -0
  68. /package/build/utils/{types.js.map → types.cjs.map} +0 -0
  69. /package/build/utils/{upload-error.js.map → upload-error.cjs.map} +0 -0
  70. /package/build/utils/{upload-media.js.map → upload-media.cjs.map} +0 -0
  71. /package/build/utils/{upload-to-server.js.map → upload-to-server.cjs.map} +0 -0
  72. /package/build/utils/{validate-file-size.js.map → validate-file-size.cjs.map} +0 -0
  73. /package/build/utils/{validate-mime-type-for-user.js.map → validate-mime-type-for-user.cjs.map} +0 -0
  74. /package/build/utils/{validate-mime-type.js.map → validate-mime-type.cjs.map} +0 -0
  75. /package/build-module/components/media-upload/{index.js.map → index.mjs.map} +0 -0
  76. /package/build-module/{index.js.map → index.mjs.map} +0 -0
  77. /package/build-module/{lock-unlock.js.map → lock-unlock.mjs.map} +0 -0
  78. /package/build-module/{private-apis.js.map → private-apis.mjs.map} +0 -0
  79. /package/build-module/utils/{flatten-form-data.js.map → flatten-form-data.mjs.map} +0 -0
  80. /package/build-module/utils/{get-mime-types-array.js.map → get-mime-types-array.mjs.map} +0 -0
  81. /package/build-module/utils/{sideload-media.js.map → sideload-media.mjs.map} +0 -0
  82. /package/build-module/utils/{sideload-to-server.js.map → sideload-to-server.mjs.map} +0 -0
  83. /package/build-module/utils/{transform-attachment.js.map → transform-attachment.mjs.map} +0 -0
  84. /package/build-module/utils/{types.js.map → types.mjs.map} +0 -0
  85. /package/build-module/utils/{upload-error.js.map → upload-error.mjs.map} +0 -0
  86. /package/build-module/utils/{upload-media.js.map → upload-media.mjs.map} +0 -0
  87. /package/build-module/utils/{upload-to-server.js.map → upload-to-server.mjs.map} +0 -0
  88. /package/build-module/utils/{validate-file-size.js.map → validate-file-size.mjs.map} +0 -0
  89. /package/build-module/utils/{validate-mime-type-for-user.js.map → validate-mime-type-for-user.mjs.map} +0 -0
  90. /package/build-module/utils/{validate-mime-type.js.map → validate-mime-type.mjs.map} +0 -0
  91. /package/src/components/{index.js → index.ts} +0 -0
@@ -0,0 +1,17 @@
1
+ // packages/media-utils/src/index.ts
2
+ export * from "./components/index.mjs";
3
+ import { uploadMedia } from "./utils/upload-media.mjs";
4
+ import { transformAttachment } from "./utils/transform-attachment.mjs";
5
+ import { validateFileSize } from "./utils/validate-file-size.mjs";
6
+ import { validateMimeType } from "./utils/validate-mime-type.mjs";
7
+ import { validateMimeTypeForUser } from "./utils/validate-mime-type-for-user.mjs";
8
+ import { privateApis } from "./private-apis.mjs";
9
+ export {
10
+ privateApis,
11
+ transformAttachment,
12
+ uploadMedia,
13
+ validateFileSize,
14
+ validateMimeType,
15
+ validateMimeTypeForUser
16
+ };
17
+ //# sourceMappingURL=index.mjs.map
@@ -8,4 +8,4 @@ export {
8
8
  lock,
9
9
  unlock
10
10
  };
11
- //# sourceMappingURL=lock-unlock.js.map
11
+ //# sourceMappingURL=lock-unlock.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/media-utils/src/private-apis.ts
2
- import { sideloadMedia } from "./utils/sideload-media";
3
- import { MediaUploadModal } from "./components/media-upload-modal";
4
- import { lock } from "./lock-unlock";
2
+ import { sideloadMedia } from "./utils/sideload-media.mjs";
3
+ import { MediaUploadModal } from "./components/media-upload-modal/index.mjs";
4
+ import { lock } from "./lock-unlock.mjs";
5
5
  var privateApis = {};
6
6
  lock(privateApis, {
7
7
  sideloadMedia,
@@ -10,4 +10,4 @@ lock(privateApis, {
10
10
  export {
11
11
  privateApis
12
12
  };
13
- //# sourceMappingURL=private-apis.js.map
13
+ //# sourceMappingURL=private-apis.mjs.map
@@ -14,4 +14,4 @@ function flattenFormData(formData, key, data) {
14
14
  export {
15
15
  flattenFormData
16
16
  };
17
- //# sourceMappingURL=flatten-form-data.js.map
17
+ //# sourceMappingURL=flatten-form-data.mjs.map
@@ -19,4 +19,4 @@ function getMimeTypesArray(wpMimeTypesObject) {
19
19
  export {
20
20
  getMimeTypesArray
21
21
  };
22
- //# sourceMappingURL=get-mime-types-array.js.map
22
+ //# sourceMappingURL=get-mime-types-array.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/media-utils/src/utils/sideload-media.ts
2
2
  import { __, sprintf } from "@wordpress/i18n";
3
- import { sideloadToServer } from "./sideload-to-server";
4
- import { UploadError } from "./upload-error";
3
+ import { sideloadToServer } from "./sideload-to-server.mjs";
4
+ import { UploadError } from "./upload-error.mjs";
5
5
  var noop = () => {
6
6
  };
7
7
  async function sideloadMedia({
@@ -44,4 +44,4 @@ async function sideloadMedia({
44
44
  export {
45
45
  sideloadMedia
46
46
  };
47
- //# sourceMappingURL=sideload-media.js.map
47
+ //# sourceMappingURL=sideload-media.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/media-utils/src/utils/sideload-to-server.ts
2
2
  import apiFetch from "@wordpress/api-fetch";
3
- import { flattenFormData } from "./flatten-form-data";
4
- import { transformAttachment } from "./transform-attachment";
3
+ import { flattenFormData } from "./flatten-form-data.mjs";
4
+ import { transformAttachment } from "./transform-attachment.mjs";
5
5
  async function sideloadToServer(file, attachmentId, additionalData = {}, signal) {
6
6
  const data = new FormData();
7
7
  data.append("file", file, file.name || file.type.replace("/", "."));
@@ -24,4 +24,4 @@ async function sideloadToServer(file, attachmentId, additionalData = {}, signal)
24
24
  export {
25
25
  sideloadToServer
26
26
  };
27
- //# sourceMappingURL=sideload-to-server.js.map
27
+ //# sourceMappingURL=sideload-to-server.mjs.map
@@ -13,4 +13,4 @@ function transformAttachment(attachment) {
13
13
  export {
14
14
  transformAttachment
15
15
  };
16
- //# sourceMappingURL=transform-attachment.js.map
16
+ //# sourceMappingURL=transform-attachment.mjs.map
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=types.mjs.map
@@ -12,4 +12,4 @@ var UploadError = class extends Error {
12
12
  export {
13
13
  UploadError
14
14
  };
15
- //# sourceMappingURL=upload-error.js.map
15
+ //# sourceMappingURL=upload-error.mjs.map
@@ -1,11 +1,11 @@
1
1
  // packages/media-utils/src/utils/upload-media.ts
2
2
  import { __, sprintf } from "@wordpress/i18n";
3
3
  import { createBlobURL, revokeBlobURL } from "@wordpress/blob";
4
- import { uploadToServer } from "./upload-to-server";
5
- import { validateMimeType } from "./validate-mime-type";
6
- import { validateMimeTypeForUser } from "./validate-mime-type-for-user";
7
- import { validateFileSize } from "./validate-file-size";
8
- import { UploadError } from "./upload-error";
4
+ import { uploadToServer } from "./upload-to-server.mjs";
5
+ import { validateMimeType } from "./validate-mime-type.mjs";
6
+ import { validateMimeTypeForUser } from "./validate-mime-type-for-user.mjs";
7
+ import { validateFileSize } from "./validate-file-size.mjs";
8
+ import { UploadError } from "./upload-error.mjs";
9
9
  function uploadMedia({
10
10
  wpAllowedMimeTypes,
11
11
  allowedTypes,
@@ -93,4 +93,4 @@ function uploadMedia({
93
93
  export {
94
94
  uploadMedia
95
95
  };
96
- //# sourceMappingURL=upload-media.js.map
96
+ //# sourceMappingURL=upload-media.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/media-utils/src/utils/upload-to-server.ts
2
2
  import apiFetch from "@wordpress/api-fetch";
3
- import { flattenFormData } from "./flatten-form-data";
4
- import { transformAttachment } from "./transform-attachment";
3
+ import { flattenFormData } from "./flatten-form-data.mjs";
4
+ import { transformAttachment } from "./transform-attachment.mjs";
5
5
  async function uploadToServer(file, additionalData = {}, signal) {
6
6
  const data = new FormData();
7
7
  data.append("file", file, file.name || file.type.replace("/", "."));
@@ -25,4 +25,4 @@ async function uploadToServer(file, additionalData = {}, signal) {
25
25
  export {
26
26
  uploadToServer
27
27
  };
28
- //# sourceMappingURL=upload-to-server.js.map
28
+ //# sourceMappingURL=upload-to-server.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/media-utils/src/utils/validate-file-size.ts
2
2
  import { __, sprintf } from "@wordpress/i18n";
3
- import { UploadError } from "./upload-error";
3
+ import { UploadError } from "./upload-error.mjs";
4
4
  function validateFileSize(file, maxUploadFileSize) {
5
5
  if (file.size <= 0) {
6
6
  throw new UploadError({
@@ -30,4 +30,4 @@ function validateFileSize(file, maxUploadFileSize) {
30
30
  export {
31
31
  validateFileSize
32
32
  };
33
- //# sourceMappingURL=validate-file-size.js.map
33
+ //# sourceMappingURL=validate-file-size.mjs.map
@@ -1,7 +1,7 @@
1
1
  // packages/media-utils/src/utils/validate-mime-type-for-user.ts
2
2
  import { __, sprintf } from "@wordpress/i18n";
3
- import { UploadError } from "./upload-error";
4
- import { getMimeTypesArray } from "./get-mime-types-array";
3
+ import { UploadError } from "./upload-error.mjs";
4
+ import { getMimeTypesArray } from "./get-mime-types-array.mjs";
5
5
  function validateMimeTypeForUser(file, wpAllowedMimeTypes) {
6
6
  const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
7
7
  if (!allowedMimeTypesForUser) {
@@ -27,4 +27,4 @@ function validateMimeTypeForUser(file, wpAllowedMimeTypes) {
27
27
  export {
28
28
  validateMimeTypeForUser
29
29
  };
30
- //# sourceMappingURL=validate-mime-type-for-user.js.map
30
+ //# sourceMappingURL=validate-mime-type-for-user.mjs.map
@@ -1,6 +1,6 @@
1
1
  // packages/media-utils/src/utils/validate-mime-type.ts
2
2
  import { __, sprintf } from "@wordpress/i18n";
3
- import { UploadError } from "./upload-error";
3
+ import { UploadError } from "./upload-error.mjs";
4
4
  function validateMimeType(file, allowedTypes) {
5
5
  if (!allowedTypes) {
6
6
  return;
@@ -26,4 +26,4 @@ function validateMimeType(file, allowedTypes) {
26
26
  export {
27
27
  validateMimeType
28
28
  };
29
- //# sourceMappingURL=validate-mime-type.js.map
29
+ //# sourceMappingURL=validate-mime-type.mjs.map
@@ -83,6 +83,10 @@
83
83
  /**
84
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
85
85
  */
86
+ /**
87
+ * Creates a checkerboard pattern background to indicate transparency.
88
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89
+ */
86
90
  .dataviews-media-field__media-thumbnail {
87
91
  display: flex;
88
92
  align-items: center;
@@ -129,4 +133,64 @@
129
133
  .dataviews-media-field__media-thumbnail__filename__truncate {
130
134
  display: none !important;
131
135
  }
136
+ }
137
+ /**
138
+ * SCSS Variables.
139
+ *
140
+ * Please use variables from this sheet to ensure consistency across the UI.
141
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
142
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
143
+ */
144
+ /**
145
+ * Colors
146
+ */
147
+ /**
148
+ * Fonts & basic variables.
149
+ */
150
+ /**
151
+ * Typography
152
+ */
153
+ /**
154
+ * Grid System.
155
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
156
+ */
157
+ /**
158
+ * Radius scale.
159
+ */
160
+ /**
161
+ * Elevation scale.
162
+ */
163
+ /**
164
+ * Dimensions.
165
+ */
166
+ /**
167
+ * Mobile specific styles
168
+ */
169
+ /**
170
+ * Editor styles.
171
+ */
172
+ /**
173
+ * Block & Editor UI.
174
+ */
175
+ /**
176
+ * Block paddings.
177
+ */
178
+ /**
179
+ * React Native specific.
180
+ * These variables do not appear to be used anywhere else.
181
+ */
182
+ .media-upload-modal .components-modal__header {
183
+ padding-bottom: 8px;
184
+ }
185
+ .media-upload-modal .components-modal__frame.is-full-screen .components-modal__content {
186
+ margin-bottom: 16px;
187
+ }
188
+ .media-upload-modal .components-modal__content {
189
+ padding: 0;
190
+ }
191
+ .media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
192
+ padding-top: 8px;
193
+ }
194
+ .media-upload-modal .dataviews-footer {
195
+ padding-bottom: 8px;
132
196
  }
@@ -83,6 +83,10 @@
83
83
  /**
84
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
85
85
  */
86
+ /**
87
+ * Creates a checkerboard pattern background to indicate transparency.
88
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89
+ */
86
90
  .dataviews-media-field__media-thumbnail {
87
91
  display: flex;
88
92
  align-items: center;
@@ -129,4 +133,64 @@
129
133
  .dataviews-media-field__media-thumbnail__filename__truncate {
130
134
  display: none !important;
131
135
  }
136
+ }
137
+ /**
138
+ * SCSS Variables.
139
+ *
140
+ * Please use variables from this sheet to ensure consistency across the UI.
141
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
142
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
143
+ */
144
+ /**
145
+ * Colors
146
+ */
147
+ /**
148
+ * Fonts & basic variables.
149
+ */
150
+ /**
151
+ * Typography
152
+ */
153
+ /**
154
+ * Grid System.
155
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
156
+ */
157
+ /**
158
+ * Radius scale.
159
+ */
160
+ /**
161
+ * Elevation scale.
162
+ */
163
+ /**
164
+ * Dimensions.
165
+ */
166
+ /**
167
+ * Mobile specific styles
168
+ */
169
+ /**
170
+ * Editor styles.
171
+ */
172
+ /**
173
+ * Block & Editor UI.
174
+ */
175
+ /**
176
+ * Block paddings.
177
+ */
178
+ /**
179
+ * React Native specific.
180
+ * These variables do not appear to be used anywhere else.
181
+ */
182
+ .media-upload-modal .components-modal__header {
183
+ padding-bottom: 8px;
184
+ }
185
+ .media-upload-modal .components-modal__frame.is-full-screen .components-modal__content {
186
+ margin-bottom: 16px;
187
+ }
188
+ .media-upload-modal .components-modal__content {
189
+ padding: 0;
190
+ }
191
+ .media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
192
+ padding-top: 8px;
193
+ }
194
+ .media-upload-modal .dataviews-footer {
195
+ padding-bottom: 8px;
132
196
  }
@@ -1,2 +1,2 @@
1
- export { default as MediaUpload } from "./media-upload";
1
+ export { default as MediaUpload } from './media-upload';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media-upload-modal/index.tsx"],"names":[],"mappings":"AAyBA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,mBAAmB,CAAC;AAWpE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,KAAM,IAAI,CAAC;IAEvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE;QAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;QACxB,SAAS,EAAE,IAAI,EAAE,CAAC;QAClB,YAAY,CAAC,EAAE,CAAE,WAAW,EAAE,OAAO,CAAE,UAAU,CAAE,EAAE,KAAM,IAAI,CAAC;QAChE,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,KAAM,IAAI,CAAC;QACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,KAAM,IAAI,CAAC;IAEZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAE,EACjC,YAA0B,EAC1B,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAA4B,EAC5B,MAAM,EACN,aAAoB,EACpB,UAAU,EACV,MAAa,EACb,WAAkC,GAClC,EAAE,qBAAqB,sCAsQvB;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media-upload-modal/index.tsx"],"names":[],"mappings":"AA4BA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,mBAAmB,CAAC;AAWpE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,KAAM,IAAI,CAAC;IAEvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE;QAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;QACxB,SAAS,EAAE,IAAI,EAAE,CAAC;QAClB,YAAY,CAAC,EAAE,CAAE,WAAW,EAAE,OAAO,CAAE,UAAU,CAAE,EAAE,KAAM,IAAI,CAAC;QAChE,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,KAAM,IAAI,CAAC;QACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,KAAM,IAAI,CAAC;IAEZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAE,EACjC,YAA0B,EAC1B,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAA4B,EAC5B,MAAM,EACN,aAAoB,EACpB,UAAU,EACV,MAAa,EACb,WAAkC,GAClC,EAAE,qBAAqB,sCAkRvB;AAED,eAAe,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/media-utils",
3
- "version": "5.37.0",
3
+ "version": "5.37.1-next.06ee73755.0",
4
4
  "description": "WordPress Media Upload Utils.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -23,13 +23,21 @@
23
23
  "node": ">=18.12.0",
24
24
  "npm": ">=8.19.2"
25
25
  },
26
- "main": "build/index.js",
27
- "module": "build-module/index.js",
26
+ "files": [
27
+ "src",
28
+ "build",
29
+ "build-module",
30
+ "build-style",
31
+ "build-types",
32
+ "*.md"
33
+ ],
34
+ "main": "build/index.cjs",
35
+ "module": "build-module/index.mjs",
28
36
  "exports": {
29
37
  ".": {
30
38
  "types": "./build-types/index.d.ts",
31
- "import": "./build-module/index.js",
32
- "require": "./build/index.js"
39
+ "import": "./build-module/index.mjs",
40
+ "require": "./build/index.cjs"
33
41
  },
34
42
  "./package.json": "./package.json"
35
43
  },
@@ -39,17 +47,18 @@
39
47
  "build-style/**"
40
48
  ],
41
49
  "dependencies": {
42
- "@wordpress/api-fetch": "^7.37.0",
43
- "@wordpress/blob": "^4.37.0",
44
- "@wordpress/components": "^31.0.0",
45
- "@wordpress/core-data": "^7.37.0",
46
- "@wordpress/data": "^10.37.0",
47
- "@wordpress/dataviews": "^11.1.0",
48
- "@wordpress/element": "^6.37.0",
49
- "@wordpress/i18n": "^6.10.0",
50
- "@wordpress/icons": "^11.4.0",
51
- "@wordpress/media-fields": "^0.2.0",
52
- "@wordpress/private-apis": "^1.37.0"
50
+ "@wordpress/api-fetch": "^7.37.1-next.06ee73755.0",
51
+ "@wordpress/base-styles": "^6.13.2-next.06ee73755.0",
52
+ "@wordpress/blob": "^4.37.1-next.06ee73755.0",
53
+ "@wordpress/components": "^32.0.1-next.06ee73755.0",
54
+ "@wordpress/core-data": "^7.37.1-next.06ee73755.0",
55
+ "@wordpress/data": "^10.37.1-next.06ee73755.0",
56
+ "@wordpress/dataviews": "^11.2.1-next.06ee73755.0",
57
+ "@wordpress/element": "^6.37.1-next.06ee73755.0",
58
+ "@wordpress/i18n": "^6.10.1-next.06ee73755.0",
59
+ "@wordpress/icons": "^11.4.1-next.06ee73755.0",
60
+ "@wordpress/media-fields": "^0.2.1-next.06ee73755.0",
61
+ "@wordpress/private-apis": "^1.37.1-next.06ee73755.0"
53
62
  },
54
63
  "peerDependencies": {
55
64
  "react": "^18.0.0"
@@ -57,5 +66,5 @@
57
66
  "publishConfig": {
58
67
  "access": "public"
59
68
  },
60
- "gitHead": "2cf13ec6cf86153c9b3cf369bf5c59046f5cd950"
69
+ "gitHead": "fd315436f44683a993d5f053789b5279d95b2872"
61
70
  }
@@ -14,7 +14,10 @@ import { DataViewsPicker } from '@wordpress/dataviews';
14
14
  import type { View, Field, ActionButton } from '@wordpress/dataviews';
15
15
  import {
16
16
  altTextField,
17
+ attachedToField,
17
18
  captionField,
19
+ dateAddedField,
20
+ dateModifiedField,
18
21
  descriptionField,
19
22
  filenameField,
20
23
  filesizeField,
@@ -184,9 +187,12 @@ export function MediaUploadModal( {
184
187
  filters.author = filter.value;
185
188
  }
186
189
  // Handle date filters
187
- if ( filter.field === 'date' ) {
188
- filters.after = filter.value?.after;
189
- filters.before = filter.value?.before;
190
+ if ( filter.field === 'date' || filter.field === 'modified' ) {
191
+ if ( filter.operator === 'before' ) {
192
+ filters.before = filter.value;
193
+ } else if ( filter.operator === 'after' ) {
194
+ filters.after = filter.value;
195
+ }
190
196
  }
191
197
  // Handle mime type filters
192
198
  if ( filter.field === 'mime_type' ) {
@@ -208,6 +214,7 @@ export function MediaUploadModal( {
208
214
  order: view.sort?.direction,
209
215
  orderby: view.sort?.field,
210
216
  search: view.search,
217
+ _embed: 'wp:attached-to',
211
218
  ...filters,
212
219
  };
213
220
  }, [ view, allowedTypes ] );
@@ -222,6 +229,12 @@ export function MediaUploadModal( {
222
229
 
223
230
  const fields: Field< RestAttachment >[] = useMemo(
224
231
  () => [
232
+ // Media field definitions from @wordpress/media-fields
233
+ // Cast is safe because RestAttachment has the same properties as Attachment
234
+ {
235
+ ...( mediaThumbnailField as Field< RestAttachment > ),
236
+ enableHiding: false, // Within the modal, the thumbnail should always be shown.
237
+ },
225
238
  {
226
239
  id: 'title',
227
240
  type: 'text' as const,
@@ -231,16 +244,16 @@ export function MediaUploadModal( {
231
244
  return titleValue || __( '(no title)' );
232
245
  },
233
246
  },
234
- // Media field definitions from @wordpress/media-fields
235
- // Cast is safe because RestAttachment has the same properties as Attachment
236
- mediaThumbnailField as Field< RestAttachment >,
237
247
  altTextField as Field< RestAttachment >,
238
248
  captionField as Field< RestAttachment >,
239
249
  descriptionField as Field< RestAttachment >,
250
+ dateAddedField as Field< RestAttachment >,
251
+ dateModifiedField as Field< RestAttachment >,
240
252
  filenameField as Field< RestAttachment >,
241
253
  filesizeField as Field< RestAttachment >,
242
254
  mediaDimensionsField as Field< RestAttachment >,
243
255
  mimeTypeField as Field< RestAttachment >,
256
+ attachedToField as Field< RestAttachment >,
244
257
  ],
245
258
  []
246
259
  );
@@ -264,15 +277,16 @@ export function MediaUploadModal( {
264
277
 
265
278
  const selectedPosts = await resolveSelect(
266
279
  coreStore
267
- ).getEntityRecords(
280
+ ).getEntityRecords< RestAttachment >(
268
281
  'postType',
269
282
  'attachment',
270
283
  selectedPostsQuery
271
284
  );
272
285
 
273
286
  // Transform the selected posts to the expected Attachment format
274
- const transformedPosts =
275
- selectedPosts?.map( transformAttachment );
287
+ const transformedPosts = ( selectedPosts ?? [] )
288
+ .map( transformAttachment )
289
+ .filter( Boolean );
276
290
 
277
291
  const selectedItems = multiple
278
292
  ? transformedPosts
@@ -321,7 +335,7 @@ export function MediaUploadModal( {
321
335
  showTitle: false,
322
336
  },
323
337
  [ LAYOUT_PICKER_TABLE ]: {
324
- fields: [ 'filename', 'filesize', 'media_dimensions' ],
338
+ fields: [ 'filename', 'filesize', 'media_dimensions', 'date' ],
325
339
  showTitle: true,
326
340
  },
327
341
  } ),
@@ -346,6 +360,7 @@ export function MediaUploadModal( {
346
360
  onRequestClose={ handleModalClose }
347
361
  isDismissible={ isDismissible }
348
362
  className={ modalClass }
363
+ overlayClassName="media-upload-modal"
349
364
  size="fill"
350
365
  headerActions={
351
366
  <FormFileUpload
@@ -0,0 +1,23 @@
1
+ @use "@wordpress/base-styles/variables" as *;
2
+
3
+ .media-upload-modal {
4
+ .components-modal__header {
5
+ padding-bottom: $grid-unit-10;
6
+ }
7
+
8
+ .components-modal__frame.is-full-screen .components-modal__content {
9
+ margin-bottom: $grid-unit-20;
10
+ }
11
+
12
+ .components-modal__content {
13
+ padding: 0;
14
+ }
15
+
16
+ .dataviews-picker-wrapper > .dataviews__view-actions {
17
+ padding-top: $grid-unit-10;
18
+ }
19
+
20
+ .dataviews-footer {
21
+ padding-bottom: $grid-unit-10;
22
+ }
23
+ }
package/src/style.scss CHANGED
@@ -1 +1,2 @@
1
1
  @use "@wordpress/media-fields/build-style/style.css" as *;
2
+ @use "./components/media-upload-modal/style.scss" as *;
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/media-upload-modal/index.tsx"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useCallback, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tprivateApis as coreDataPrivateApis,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { resolveSelect } from '@wordpress/data';\nimport { Modal, DropZone, FormFileUpload, Button } from '@wordpress/components';\nimport { upload as uploadIcon } from '@wordpress/icons';\nimport { DataViewsPicker } from '@wordpress/dataviews';\nimport type { View, Field, ActionButton } from '@wordpress/dataviews';\nimport {\n\taltTextField,\n\tcaptionField,\n\tdescriptionField,\n\tfilenameField,\n\tfilesizeField,\n\tmediaDimensionsField,\n\tmediaThumbnailField,\n\tmimeTypeField,\n} from '@wordpress/media-fields';\n\n/**\n * Internal dependencies\n */\nimport type { Attachment, RestAttachment } from '../../utils/types';\nimport { transformAttachment } from '../../utils/transform-attachment';\nimport { uploadMedia } from '../../utils/upload-media';\nimport { unlock } from '../../lock-unlock';\n\nconst { useEntityRecordsWithPermissions } = unlock( coreDataPrivateApis );\n\n// Layout constants - matching the picker layout types\nconst LAYOUT_PICKER_GRID = 'pickerGrid';\nconst LAYOUT_PICKER_TABLE = 'pickerTable';\n\ninterface MediaUploadModalProps {\n\t/**\n\t * Array of allowed media types.\n\t * @default ['image']\n\t */\n\tallowedTypes?: string[];\n\n\t/**\n\t * Whether multiple files can be selected.\n\t * @default false\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * The currently selected media item(s).\n\t * Can be a single ID number or array of IDs for multiple selection.\n\t */\n\tvalue?: number | number[];\n\n\t/**\n\t * Function called when media is selected.\n\t * Receives single attachment object or array of attachments.\n\t */\n\tonSelect: ( media: Attachment | Attachment[] ) => void;\n\n\t/**\n\t * Function called when the modal is closed without selection.\n\t */\n\tonClose?: () => void;\n\n\t/**\n\t * Function to handle media uploads.\n\t * If not provided, drag and drop will be disabled.\n\t */\n\tonUpload?: ( args: {\n\t\tallowedTypes?: string[];\n\t\tfilesList: File[];\n\t\tonFileChange?: ( attachments: Partial< Attachment >[] ) => void;\n\t\tonError?: ( error: Error ) => void;\n\t\tmultiple?: boolean;\n\t} ) => void;\n\n\t/**\n\t * Title for the modal.\n\t * @default 'Select Media'\n\t */\n\ttitle?: string;\n\n\t/**\n\t * Whether the modal is open.\n\t */\n\tisOpen: boolean;\n\n\t/**\n\t * Whether the modal can be closed by clicking outside or pressing escape.\n\t * @default true\n\t */\n\tisDismissible?: boolean;\n\n\t/**\n\t * Additional CSS class for the modal.\n\t */\n\tmodalClass?: string;\n\n\t/**\n\t * Whether to show a search input.\n\t * @default true\n\t */\n\tsearch?: boolean;\n\n\t/**\n\t * Label for the search input.\n\t */\n\tsearchLabel?: string;\n}\n\n/**\n * MediaUploadModal component that uses Modal and DataViewsPicker for media selection.\n *\n * This is a modern functional component alternative to the legacy MediaUpload class component.\n * It provides a cleaner API and better integration with the WordPress block editor.\n *\n * @param props Component props\n * @param props.allowedTypes Array of allowed media types\n * @param props.multiple Whether multiple files can be selected\n * @param props.value Currently selected media item(s)\n * @param props.onSelect Function called when media is selected\n * @param props.onClose Function called when modal is closed\n * @param props.onUpload Function to handle media uploads\n * @param props.title Title for the modal\n * @param props.isOpen Whether the modal is open\n * @param props.isDismissible Whether modal can be dismissed\n * @param props.modalClass Additional CSS class for modal\n * @param props.search Whether to show search input\n * @param props.searchLabel Label for search input\n * @return JSX element or null\n */\nexport function MediaUploadModal( {\n\tallowedTypes = [ 'image' ],\n\tmultiple = false,\n\tvalue,\n\tonSelect,\n\tonClose,\n\tonUpload,\n\ttitle = __( 'Select Media' ),\n\tisOpen,\n\tisDismissible = true,\n\tmodalClass,\n\tsearch = true,\n\tsearchLabel = __( 'Search media' ),\n}: MediaUploadModalProps ) {\n\tconst [ selection, setSelection ] = useState< string[] >( () => {\n\t\tif ( ! value ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn Array.isArray( value )\n\t\t\t? value.map( String )\n\t\t\t: [ String( value ) ];\n\t} );\n\n\t// DataViews configuration - allow view updates\n\tconst [ view, setView ] = useState< View >( () => ( {\n\t\ttype: LAYOUT_PICKER_GRID,\n\t\tfields: [],\n\t\tshowTitle: false,\n\t\ttitleField: 'title',\n\t\tmediaField: 'media_thumbnail',\n\t\tsearch: '',\n\t\tpage: 1,\n\t\tperPage: 20,\n\t\tfilters: [],\n\t} ) );\n\n\t// Build query args based on view properties, similar to PostList\n\tconst queryArgs = useMemo( () => {\n\t\tconst filters: Record< string, any > = {};\n\n\t\tview.filters?.forEach( ( filter ) => {\n\t\t\t// Handle media type filters\n\t\t\tif ( filter.field === 'media_type' ) {\n\t\t\t\tfilters.media_type = filter.value;\n\t\t\t}\n\t\t\t// Handle author filters\n\t\t\tif ( filter.field === 'author' ) {\n\t\t\t\tfilters.author = filter.value;\n\t\t\t}\n\t\t\t// Handle date filters\n\t\t\tif ( filter.field === 'date' ) {\n\t\t\t\tfilters.after = filter.value?.after;\n\t\t\t\tfilters.before = filter.value?.before;\n\t\t\t}\n\t\t\t// Handle mime type filters\n\t\t\tif ( filter.field === 'mime_type' ) {\n\t\t\t\tfilters.mime_type = filter.value;\n\t\t\t}\n\t\t} );\n\n\t\t// Base media type on allowedTypes if no filter is set\n\t\tif ( ! filters.media_type ) {\n\t\t\tfilters.media_type = allowedTypes.includes( '*' )\n\t\t\t\t? undefined\n\t\t\t\t: allowedTypes;\n\t\t}\n\n\t\treturn {\n\t\t\tper_page: view.perPage || 20,\n\t\t\tpage: view.page || 1,\n\t\t\tstatus: 'inherit',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...filters,\n\t\t};\n\t}, [ view, allowedTypes ] );\n\n\t// Fetch all media attachments using WordPress core data with permissions\n\tconst {\n\t\trecords: mediaRecords,\n\t\tisResolving: isLoading,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecordsWithPermissions( 'postType', 'attachment', queryArgs );\n\n\tconst fields: Field< RestAttachment >[] = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'title',\n\t\t\t\ttype: 'text' as const,\n\t\t\t\tlabel: __( 'Title' ),\n\t\t\t\tgetValue: ( { item }: { item: RestAttachment } ) => {\n\t\t\t\t\tconst titleValue = item.title.raw || item.title.rendered;\n\t\t\t\t\treturn titleValue || __( '(no title)' );\n\t\t\t\t},\n\t\t\t},\n\t\t\t// Media field definitions from @wordpress/media-fields\n\t\t\t// Cast is safe because RestAttachment has the same properties as Attachment\n\t\t\tmediaThumbnailField as Field< RestAttachment >,\n\t\t\taltTextField as Field< RestAttachment >,\n\t\t\tcaptionField as Field< RestAttachment >,\n\t\t\tdescriptionField as Field< RestAttachment >,\n\t\t\tfilenameField as Field< RestAttachment >,\n\t\t\tfilesizeField as Field< RestAttachment >,\n\t\t\tmediaDimensionsField as Field< RestAttachment >,\n\t\t\tmimeTypeField as Field< RestAttachment >,\n\t\t],\n\t\t[]\n\t);\n\n\tconst actions: ActionButton< RestAttachment >[] = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'select',\n\t\t\t\tlabel: multiple ? __( 'Select' ) : __( 'Select' ),\n\t\t\t\tisPrimary: true,\n\t\t\t\tsupportsBulk: multiple,\n\t\t\t\tasync callback() {\n\t\t\t\t\tif ( selection.length === 0 ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst selectedPostsQuery = {\n\t\t\t\t\t\tinclude: selection,\n\t\t\t\t\t\tper_page: -1,\n\t\t\t\t\t};\n\n\t\t\t\t\tconst selectedPosts = await resolveSelect(\n\t\t\t\t\t\tcoreStore\n\t\t\t\t\t).getEntityRecords(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'attachment',\n\t\t\t\t\t\tselectedPostsQuery\n\t\t\t\t\t);\n\n\t\t\t\t\t// Transform the selected posts to the expected Attachment format\n\t\t\t\t\tconst transformedPosts =\n\t\t\t\t\t\tselectedPosts?.map( transformAttachment );\n\n\t\t\t\t\tconst selectedItems = multiple\n\t\t\t\t\t\t? transformedPosts\n\t\t\t\t\t\t: transformedPosts?.[ 0 ];\n\n\t\t\t\t\tonSelect( selectedItems );\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ multiple, onSelect, selection ]\n\t);\n\n\tconst handleModalClose = useCallback( () => {\n\t\tonClose?.();\n\t}, [ onClose ] );\n\n\t// Use onUpload if provided, otherwise fall back to uploadMedia\n\tconst handleUpload = onUpload || uploadMedia;\n\n\tconst handleFileSelect = useCallback(\n\t\t( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\t\tconst files = event.target.files;\n\t\t\tif ( files && files.length > 0 ) {\n\t\t\t\tconst filesArray = Array.from( files );\n\t\t\t\thandleUpload( {\n\t\t\t\t\tallowedTypes,\n\t\t\t\t\tfilesList: filesArray,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ allowedTypes, handleUpload ]\n\t);\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst defaultLayouts = useMemo(\n\t\t() => ( {\n\t\t\t[ LAYOUT_PICKER_GRID ]: {\n\t\t\t\tfields: [],\n\t\t\t\tshowTitle: false,\n\t\t\t},\n\t\t\t[ LAYOUT_PICKER_TABLE ]: {\n\t\t\t\tfields: [ 'filename', 'filesize', 'media_dimensions' ],\n\t\t\t\tshowTitle: true,\n\t\t\t},\n\t\t} ),\n\t\t[]\n\t);\n\n\t// Build accept attribute from allowedTypes\n\tconst acceptTypes = useMemo( () => {\n\t\tif ( allowedTypes.includes( '*' ) ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn allowedTypes.join( ',' );\n\t}, [ allowedTypes ] );\n\n\tif ( ! isOpen ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ title }\n\t\t\tonRequestClose={ handleModalClose }\n\t\t\tisDismissible={ isDismissible }\n\t\t\tclassName={ modalClass }\n\t\t\tsize=\"fill\"\n\t\t\theaderActions={\n\t\t\t\t<FormFileUpload\n\t\t\t\t\taccept={ acceptTypes }\n\t\t\t\t\tmultiple\n\t\t\t\t\tonChange={ handleFileSelect }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\trender={ ( { openFileDialog } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ openFileDialog }\n\t\t\t\t\t\t\ticon={ uploadIcon }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Upload media' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<DropZone\n\t\t\t\tonFilesDrop={ ( files ) => {\n\t\t\t\t\tlet filteredFiles = files;\n\t\t\t\t\t// Filter files by allowed types if specified\n\t\t\t\t\tif ( allowedTypes && ! allowedTypes.includes( '*' ) ) {\n\t\t\t\t\t\tfilteredFiles = files.filter( ( file ) =>\n\t\t\t\t\t\t\tallowedTypes.some( ( allowedType ) => {\n\t\t\t\t\t\t\t\t// Check if the file type matches the allowed MIME type\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\tfile.type === allowedType ||\n\t\t\t\t\t\t\t\t\tfile.type.startsWith(\n\t\t\t\t\t\t\t\t\t\tallowedType.replace( '*', '' )\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tif ( filteredFiles.length > 0 ) {\n\t\t\t\t\t\thandleUpload( {\n\t\t\t\t\t\t\tallowedTypes,\n\t\t\t\t\t\t\tfilesList: filteredFiles,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Drop files to upload' ) }\n\t\t\t/>\n\t\t\t<DataViewsPicker\n\t\t\t\tdata={ mediaRecords || [] }\n\t\t\t\tfields={ fields }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ setView }\n\t\t\t\tactions={ actions }\n\t\t\t\tselection={ selection }\n\t\t\t\tonChangeSelection={ setSelection }\n\t\t\t\tisLoading={ isLoading }\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tdefaultLayouts={ defaultLayouts }\n\t\t\t\tgetItemId={ ( item: RestAttachment ) => String( item.id ) }\n\t\t\t\tsearch={ search }\n\t\t\t\tsearchLabel={ searchLabel }\n\t\t\t\titemListLabel={ __( 'Media items' ) }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n\nexport default MediaUploadModal;\n"],
5
- "mappings": "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",
6
- "names": ["coreDataPrivateApis", "coreStore", "uploadIcon"]
7
- }
@@ -1,6 +0,0 @@
1
- // packages/media-utils/src/components/index.js
2
- import { default as default2 } from "./media-upload";
3
- export {
4
- default2 as MediaUpload
5
- };
6
- //# sourceMappingURL=index.js.map