@micromag/media-gallery 0.2.397 → 0.2.398

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 (3) hide show
  1. package/es/index.js +24 -9
  2. package/lib/index.js +24 -9
  3. package/package.json +2 -2
package/es/index.js CHANGED
@@ -1146,6 +1146,7 @@ var propTypes$1 = {
1146
1146
  withoutType: PropTypes$1.bool,
1147
1147
  onClickAdd: PropTypes$1.func,
1148
1148
  onClickItem: PropTypes$1.func,
1149
+ onClickItemInfo: PropTypes$1.func,
1149
1150
  // onClickCancel: PropTypes.func, // TODO: still needed?
1150
1151
  onFocusSearch: PropTypes$1.func,
1151
1152
  onFiltersChange: PropTypes$1.func,
@@ -1163,6 +1164,7 @@ var defaultProps$1 = {
1163
1164
  withoutType: true,
1164
1165
  onClickAdd: null,
1165
1166
  onClickItem: null,
1167
+ onClickItemInfo: null,
1166
1168
  // onClickCancel: null,
1167
1169
  onFocusSearch: null,
1168
1170
  onFiltersChange: null,
@@ -1182,6 +1184,7 @@ var Navbar = function Navbar(_ref) {
1182
1184
  className = _ref.className,
1183
1185
  onClickAdd = _ref.onClickAdd,
1184
1186
  onClickItem = _ref.onClickItem,
1187
+ onClickItemInfo = _ref.onClickItemInfo,
1185
1188
  onFocusSearch = _ref.onFocusSearch,
1186
1189
  onFiltersChange = _ref.onFiltersChange,
1187
1190
  onClickBack = _ref.onClickBack;
@@ -1281,20 +1284,31 @@ var Navbar = function Navbar(_ref) {
1281
1284
  className: classNames([styles$4.container, 'navbar', _defineProperty({}, className, className !== null)])
1282
1285
  }, /*#__PURE__*/React.createElement("div", {
1283
1286
  className: styles$4.inner
1284
- }, /*#__PURE__*/React.createElement("strong", {
1285
- className: "list-group-item rounded py-1 px-1 navbar-text d-flex align-items-center justify-content-between"
1286
- }, /*#__PURE__*/React.createElement("div", {
1287
- className: "d-flex align-items-center"
1288
- }, selectedMedia !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Media, {
1287
+ }, media === null ? /*#__PURE__*/React.createElement("strong", {
1288
+ className: "list-group-item rounded w-100 py-1 px-1 navbar-text d-flex align-items-center justify-content-between"
1289
+ }, selectedMedia !== null ? /*#__PURE__*/React.createElement(Button, {
1290
+ className: "d-flex px-0 py-0 align-items-center",
1291
+ onClick: function onClick() {
1292
+ return onClickItemInfo(selectedMedia);
1293
+ }
1294
+ }, /*#__PURE__*/React.createElement(Media, {
1289
1295
  className: styles$4.mediaPreview,
1290
1296
  thumbnail: selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia.thumbnail_url
1291
1297
  }), /*#__PURE__*/React.createElement("span", {
1292
1298
  className: "ml-2"
1293
- }, selectedMedia.name || 'untitled')) : /*#__PURE__*/React.createElement(FormattedMessage, {
1294
- id: "t9KqNo",
1299
+ }, selectedMedia.name || /*#__PURE__*/React.createElement(FormattedMessage, {
1300
+ id: "fVqgfl",
1301
+ defaultMessage: [{
1302
+ "type": 0,
1303
+ "value": "[no title]"
1304
+ }]
1305
+ }))) : /*#__PURE__*/React.createElement("span", {
1306
+ className: "pl-2"
1307
+ }, /*#__PURE__*/React.createElement(FormattedMessage, {
1308
+ id: "VspZp9",
1295
1309
  defaultMessage: [{
1296
1310
  "type": 0,
1297
- "value": "Upload a new image"
1311
+ "value": "Upload an image"
1298
1312
  }]
1299
1313
  })), selectedMedia === null ? /*#__PURE__*/React.createElement(Button, {
1300
1314
  theme: "primary",
@@ -1324,7 +1338,7 @@ var Navbar = function Navbar(_ref) {
1324
1338
  "value": "Remove"
1325
1339
  }]
1326
1340
  })
1327
- })), !withoutSource ? /*#__PURE__*/React.createElement("div", {
1341
+ })) : null, !withoutSource && media === null ? /*#__PURE__*/React.createElement("div", {
1328
1342
  className: "py-2 d-flex w-100 flex-nowrap"
1329
1343
  }, /*#__PURE__*/React.createElement(DropdownSection, {
1330
1344
  items: sources,
@@ -1540,6 +1554,7 @@ var MediaGallery = function MediaGallery(_ref) {
1540
1554
  onFiltersChange: onFiltersChange,
1541
1555
  onClickAdd: onClickAdd,
1542
1556
  onClickItem: onClickItem,
1557
+ onClickItemInfo: onClickItemInfo,
1543
1558
  onClickBack: onClickBack,
1544
1559
  onClickCancel: onClickCancel,
1545
1560
  withoutTitle: withoutTitle // withoutSource={withoutSource}
package/lib/index.js CHANGED
@@ -1161,6 +1161,7 @@ var propTypes$1 = {
1161
1161
  withoutType: PropTypes__default["default"].bool,
1162
1162
  onClickAdd: PropTypes__default["default"].func,
1163
1163
  onClickItem: PropTypes__default["default"].func,
1164
+ onClickItemInfo: PropTypes__default["default"].func,
1164
1165
  // onClickCancel: PropTypes.func, // TODO: still needed?
1165
1166
  onFocusSearch: PropTypes__default["default"].func,
1166
1167
  onFiltersChange: PropTypes__default["default"].func,
@@ -1178,6 +1179,7 @@ var defaultProps$1 = {
1178
1179
  withoutType: true,
1179
1180
  onClickAdd: null,
1180
1181
  onClickItem: null,
1182
+ onClickItemInfo: null,
1181
1183
  // onClickCancel: null,
1182
1184
  onFocusSearch: null,
1183
1185
  onFiltersChange: null,
@@ -1197,6 +1199,7 @@ var Navbar = function Navbar(_ref) {
1197
1199
  className = _ref.className,
1198
1200
  onClickAdd = _ref.onClickAdd,
1199
1201
  onClickItem = _ref.onClickItem,
1202
+ onClickItemInfo = _ref.onClickItemInfo,
1200
1203
  onFocusSearch = _ref.onFocusSearch,
1201
1204
  onFiltersChange = _ref.onFiltersChange,
1202
1205
  onClickBack = _ref.onClickBack;
@@ -1296,20 +1299,31 @@ var Navbar = function Navbar(_ref) {
1296
1299
  className: classNames__default["default"]([styles$4.container, 'navbar', _defineProperty__default["default"]({}, className, className !== null)])
1297
1300
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1298
1301
  className: styles$4.inner
1299
- }, /*#__PURE__*/React__default["default"].createElement("strong", {
1300
- className: "list-group-item rounded py-1 px-1 navbar-text d-flex align-items-center justify-content-between"
1301
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1302
- className: "d-flex align-items-center"
1303
- }, selectedMedia !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(components.Media, {
1302
+ }, media === null ? /*#__PURE__*/React__default["default"].createElement("strong", {
1303
+ className: "list-group-item rounded w-100 py-1 px-1 navbar-text d-flex align-items-center justify-content-between"
1304
+ }, selectedMedia !== null ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
1305
+ className: "d-flex px-0 py-0 align-items-center",
1306
+ onClick: function onClick() {
1307
+ return onClickItemInfo(selectedMedia);
1308
+ }
1309
+ }, /*#__PURE__*/React__default["default"].createElement(components.Media, {
1304
1310
  className: styles$4.mediaPreview,
1305
1311
  thumbnail: selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia.thumbnail_url
1306
1312
  }), /*#__PURE__*/React__default["default"].createElement("span", {
1307
1313
  className: "ml-2"
1308
- }, selectedMedia.name || 'untitled')) : /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
1309
- id: "t9KqNo",
1314
+ }, selectedMedia.name || /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
1315
+ id: "fVqgfl",
1316
+ defaultMessage: [{
1317
+ "type": 0,
1318
+ "value": "[no title]"
1319
+ }]
1320
+ }))) : /*#__PURE__*/React__default["default"].createElement("span", {
1321
+ className: "pl-2"
1322
+ }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
1323
+ id: "VspZp9",
1310
1324
  defaultMessage: [{
1311
1325
  "type": 0,
1312
- "value": "Upload a new image"
1326
+ "value": "Upload an image"
1313
1327
  }]
1314
1328
  })), selectedMedia === null ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
1315
1329
  theme: "primary",
@@ -1339,7 +1353,7 @@ var Navbar = function Navbar(_ref) {
1339
1353
  "value": "Remove"
1340
1354
  }]
1341
1355
  })
1342
- })), !withoutSource ? /*#__PURE__*/React__default["default"].createElement("div", {
1356
+ })) : null, !withoutSource && media === null ? /*#__PURE__*/React__default["default"].createElement("div", {
1343
1357
  className: "py-2 d-flex w-100 flex-nowrap"
1344
1358
  }, /*#__PURE__*/React__default["default"].createElement(DropdownSection, {
1345
1359
  items: sources,
@@ -1555,6 +1569,7 @@ var MediaGallery = function MediaGallery(_ref) {
1555
1569
  onFiltersChange: onFiltersChange,
1556
1570
  onClickAdd: onClickAdd,
1557
1571
  onClickItem: onClickItem,
1572
+ onClickItemInfo: onClickItemInfo,
1558
1573
  onClickBack: onClickBack,
1559
1574
  onClickCancel: onClickCancel,
1560
1575
  withoutTitle: withoutTitle // withoutSource={withoutSource}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/media-gallery",
3
- "version": "0.2.397",
3
+ "version": "0.2.398",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "23893b7baf6d53990e52f2a6cb9431c7f53113b5"
72
+ "gitHead": "4a3f4f91196b9f47436418c5c79978a0e58286e9"
73
73
  }