Your IP : 216.73.216.220
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
import events from "Magento_PageBuilder/js/events";
import layout from "uiLayout";
import registry from "uiRegistry";
import DataStore from "./data-store";
interface UploaderConfigInterface {
id: string;
name: string;
dataScope: string|number;
value: any;
}
/**
* @api
*/
export default class Uploader {
/**
* Config data of uploader instance
*/
private config: UploaderConfigInterface;
/**
* The supplied data store
*/
private dataStore: DataStore;
/**
* @param {String} name Name to use for lookup reference in registry
* @param {Object} uploaderConfig The config used when initializing the Uploader UI component
* @param {String} contentTypeId The id of the content type this will be used in
* @param {DataStore} dataStore The datastore that the selected image should be stored in.
* @param {Object[]} initialValue The value that should be used for the initial state of the component.
* @param {Function} onChangeCallback Called when image is added or updated
* @param {Function} onDeleteCallback Called when currently set image is deleted from storage
*/
constructor(
name: string,
uploaderConfig: object,
contentTypeId: string,
dataStore: DataStore,
initialValue: string|any[],
onChangeCallback: (data: object[]) => void = null,
onDeleteCallback: () => void = null,
) {
const config = (Object.assign({}, uploaderConfig, {
value: initialValue,
}) as UploaderConfigInterface);
config.id = contentTypeId;
config.name = name;
this.dataStore = dataStore;
events.on(
"image:" + contentTypeId + ":uploadAfter",
onChangeCallback ? onChangeCallback : this.onImageChanged.bind(this),
);
events.on(
"image:" + contentTypeId + ":deleteFileAfter",
onDeleteCallback ? onDeleteCallback : this.onImageDeleted.bind(this),
);
this.config = config;
// Render uploader
this.render();
}
/**
* Default callback for upload event
* @param {object[]} data
*/
public onImageChanged(data: object[]) {
this.dataStore.set(
this.config.dataScope.toString(),
data,
);
}
/**
* Default callback for image deleted event
*/
public onImageDeleted() {
this.dataStore.set(
this.config.dataScope.toString(),
"",
);
}
/**
* Get registry callback reference to uploader UI component
*
* @returns {Function}
*/
public getUiComponent() {
return registry.async(this.config.name);
}
/**
* Instantiate uploader through layout UI component renderer
*/
private render() {
layout([this.config]);
}
}