@brizy/media-gallery
Version:
73 lines (72 loc) • 2.57 kB
JavaScript
import React, { useCallback } from "react";
import { Item } from "../common/Item";
import { ContentHeader } from "./ContentHeader";
import { Space } from "@brizy/ui/lib/Space";
import { MultipleUpload } from "@brizy/ui/lib/MultipleUpload";
var contentHeaderSpacing = [
0,
25,
0,
0
];
var imageMultipleWrapperSpacing = [
0,
0,
0,
25
];
var gridItemPadding = [
14,
0,
0
];
var acceptableTypes = [];
export var Content = function(param) {
var items = param.items, type = param.type, isMultipleSelected = param.isMultipleSelected, isBulkSelected = param.isBulkSelected, isAllSelected = param.isAllSelected, isDisabledBulkSelected = param.isDisabledBulkSelected, height = param.height, onBulkSelect = param.onBulkSelect, onSelectAll = param.onSelectAll, onSelectItem = param.onSelectItem, onSelectType = param.onSelectType, onUpload = param.onUpload;
var gridContainerStyle = {
height: height
};
var header = useCallback(function() {
return /*#__PURE__*/ React.createElement(Space, {
spacing: contentHeaderSpacing
}, /*#__PURE__*/ React.createElement(ContentHeader, {
isAllSelected: isAllSelected,
isDisabledBulkSelected: isDisabledBulkSelected,
selectValue: type,
onSelectValue: onSelectType,
onBulkSelectClick: onBulkSelect,
onSelectAllClick: onSelectAll
}));
}, [
isAllSelected,
isDisabledBulkSelected,
type,
onSelectType,
onBulkSelect,
onSelectAll
]);
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Space, {
spacing: imageMultipleWrapperSpacing
}, /*#__PURE__*/ React.createElement(MultipleUpload, {
size: "auto",
acceptableTypes: acceptableTypes,
onUpload: onUpload,
uploadButtonPosition: "start",
gridItemPadding: gridItemPadding,
gridContainerStyle: gridContainerStyle,
header: header
}, items.map(function(param) {
var id = param.id, fileName = param.fileName, type = param.type, url = param.url, isSelected = param.isSelected;
return /*#__PURE__*/ React.createElement(Item, {
id: id,
type: type,
name: fileName,
url: url,
isSelected: isSelected,
key: id,
onSelectItem: onSelectItem,
isMultipleSelected: isMultipleSelected,
isBulkSelected: isBulkSelected
});
}))));
};