dcl-ui-toolkit
Version:
A collection of UI helpers to make it easier to build a Decentraland scene using the SDK 7.
62 lines • 10.8 kB
JavaScript
import { Prompt, PromptStyles } from '../Prompt';
import { PromptButtonStyles } from '../Prompt/components/Button';
const optionPromptInitialConfig = {
startHidden: true,
title: '',
titleSize: 24,
text: '',
textSize: 21,
useDarkTheme: false,
acceptLabel: 'Yes',
acceptSize: 'auto',
rejectLabel: 'No',
rejectSize: 'auto',
width: 'auto',
height: 'auto',
onAccept: () => {
},
onReject: () => {
},
onClose: () => {
},
};
export class OptionPrompt extends Prompt {
constructor({ startHidden = optionPromptInitialConfig.startHidden, title = optionPromptInitialConfig.title, titleSize = optionPromptInitialConfig.titleSize, text = optionPromptInitialConfig.text, textSize = optionPromptInitialConfig.textSize, useDarkTheme = optionPromptInitialConfig.useDarkTheme, acceptLabel = optionPromptInitialConfig.acceptLabel, acceptSize = optionPromptInitialConfig.acceptSize, rejectLabel = optionPromptInitialConfig.rejectLabel, rejectSize = optionPromptInitialConfig.rejectSize, onAccept = optionPromptInitialConfig.onAccept, onReject = optionPromptInitialConfig.onReject, onClose = optionPromptInitialConfig.onClose, width = optionPromptInitialConfig.width, height = optionPromptInitialConfig.height, }) {
super({
startHidden,
style: useDarkTheme ? PromptStyles.DARK : PromptStyles.LIGHT,
width: width,
height: height,
onClose,
});
this.titleElement = this.addText({
value: String(title),
positionAbsolute: false,
size: titleSize,
});
this.textElement = this.addText({
value: String(text),
positionAbsolute: false,
size: textSize,
});
this.primaryButtonElement = this.addButton({
text: String(acceptLabel),
onMouseDown: onAccept,
xPosition: 0,
yPosition: 0,
positionAbsolute: false,
style: PromptButtonStyles.E,
buttonSize: acceptSize
});
this.secondaryButtonElement = this.addButton({
text: String(rejectLabel),
onMouseDown: onReject,
xPosition: 0,
yPosition: 0,
positionAbsolute: false,
style: PromptButtonStyles.F,
buttonSize: rejectSize
});
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktZW50aXRpZXMvcHJvbXB0cy9PcHRpb25Qcm9tcHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFBRSxNQUFNLEVBQXdCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RSxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFzQjlFLE1BQU0seUJBQXlCLEdBQTBEO0lBQ3ZGLFdBQVcsRUFBRSxJQUFJO0lBQ2pCLEtBQUssRUFBRSxFQUFFO0lBQ1QsU0FBUyxFQUFFLEVBQUU7SUFDYixJQUFJLEVBQUUsRUFBRTtJQUNSLFFBQVEsRUFBRSxFQUFFO0lBQ1osWUFBWSxFQUFFLEtBQUs7SUFDbkIsV0FBVyxFQUFFLEtBQUs7SUFDbEIsVUFBVSxFQUFFLE1BQU07SUFDbEIsV0FBVyxFQUFFLElBQUk7SUFDakIsVUFBVSxFQUFFLE1BQU07SUFDbEIsS0FBSyxFQUFFLE1BQU07SUFDYixNQUFNLEVBQUUsTUFBTTtJQUNkLFFBQVEsRUFBRSxHQUFHLEVBQUU7SUFDZixDQUFDO0lBQ0QsUUFBUSxFQUFFLEdBQUcsRUFBRTtJQUNmLENBQUM7SUFDRCxPQUFPLEVBQUUsR0FBRyxFQUFFO0lBQ2QsQ0FBQztDQUNPLENBQUE7QUFtQlYsTUFBTSxPQUFPLFlBQWEsU0FBUSxNQUFNO0lBTXRDLFlBQ0UsRUFDRSxXQUFXLEdBQUcseUJBQXlCLENBQUMsV0FBVyxFQUNuRCxLQUFLLEdBQUcseUJBQXlCLENBQUMsS0FBSyxFQUN2QyxTQUFTLEdBQUcseUJBQXlCLENBQUMsU0FBUyxFQUMvQyxJQUFJLEdBQUcseUJBQXlCLENBQUMsSUFBSSxFQUNyQyxRQUFRLEdBQUcseUJBQXlCLENBQUMsUUFBUSxFQUM3QyxZQUFZLEdBQUcseUJBQXlCLENBQUMsWUFBWSxFQUNyRCxXQUFXLEdBQUcseUJBQXlCLENBQUMsV0FBVyxFQUNuRCxVQUFVLEdBQUcseUJBQXlCLENBQUMsVUFBVSxFQUNqRCxXQUFXLEdBQUcseUJBQXlCLENBQUMsV0FBVyxFQUNuRCxVQUFVLEdBQUcseUJBQXlCLENBQUMsVUFBVSxFQUNqRCxRQUFRLEdBQUcseUJBQXlCLENBQUMsUUFBUSxFQUM3QyxRQUFRLEdBQUcseUJBQXlCLENBQUMsUUFBUSxFQUM3QyxPQUFPLEdBQUcseUJBQXlCLENBQUMsT0FBTyxFQUMzQyxLQUFLLEdBQUcseUJBQXlCLENBQUMsS0FBSyxFQUN2QyxNQUFNLEdBQUcseUJBQXlCLENBQUMsTUFBTSxHQUN0QjtRQUNyQixLQUFLLENBQ0g7WUFDRSxXQUFXO1lBQ1gsS0FBSyxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLEtBQUs7WUFDNUQsS0FBSyxFQUFFLEtBQUs7WUFDWixNQUFNLEVBQUUsTUFBTTtZQUNkLE9BQU87U0FDUixDQUFDLENBQUE7UUFFSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDL0IsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUM7WUFDcEIsZ0JBQWdCLEVBQUUsS0FBSztZQUN2QixJQUFJLEVBQUUsU0FBUztTQUNoQixDQUFDLENBQUE7UUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDOUIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUM7WUFDbkIsZ0JBQWdCLEVBQUUsS0FBSztZQUN2QixJQUFJLEVBQUUsUUFBUTtTQUNmLENBQUMsQ0FBQTtRQUVGLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3pDLElBQUksRUFBRSxNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ3pCLFdBQVcsRUFBRSxRQUFRO1lBQ3JCLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7WUFDWixnQkFBZ0IsRUFBRSxLQUFLO1lBQ3ZCLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1lBQzNCLFVBQVUsRUFBRSxVQUFVO1NBQ3ZCLENBQUMsQ0FBQTtRQUVGLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQzNDLElBQUksRUFBRSxNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ3pCLFdBQVcsRUFBRSxRQUFRO1lBQ3JCLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7WUFDWixnQkFBZ0IsRUFBRSxLQUFLO1lBQ3ZCLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1lBQzNCLFVBQVUsRUFBRSxVQUFVO1NBQ3ZCLENBQUMsQ0FBQTtJQUNKLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdEVjcyBmcm9tICdAZGNsL3Nkay9yZWFjdC1lY3MnXG5pbXBvcnQgeyBDYWxsYmFjayB9IGZyb20gJ0BkY2wvcmVhY3QtZWNzL2Rpc3QvY29tcG9uZW50cy9saXN0ZW5lcnMvdHlwZXMnXG5cbmltcG9ydCB7IFByb21wdCwgUHJvbXB0RXh0ZXJuYWxDb25maWcsIFByb21wdFN0eWxlcyB9IGZyb20gJy4uL1Byb21wdCdcbmltcG9ydCB7IFByb21wdEJ1dHRvbiwgUHJvbXB0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vUHJvbXB0L2NvbXBvbmVudHMvQnV0dG9uJ1xuaW1wb3J0IHsgUHJvbXB0VGV4dCB9IGZyb20gJy4uL1Byb21wdC9jb21wb25lbnRzL1RleHQnXG5cbnR5cGUgT3B0aW9uUHJvbXB0Q29uZmlnID0gUHJvbXB0RXh0ZXJuYWxDb25maWcgJiB7XG4gIHRpdGxlOiBzdHJpbmcgfCBudW1iZXI7XG4gIHRpdGxlU2l6ZT86IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nIHwgbnVtYmVyO1xuICB0ZXh0U2l6ZT86IG51bWJlcjtcbiAgdXNlRGFya1RoZW1lPzogYm9vbGVhbjtcbiAgYWNjZXB0TGFiZWw/OiBzdHJpbmc7XG4gIGFjY2VwdFNpemU/OiBudW1iZXIgfCAnYXV0bydcbiAgcmVqZWN0TGFiZWw/OiBzdHJpbmc7XG4gIHJlamVjdFNpemU/OiBudW1iZXIgfCAnYXV0bydcbiAgb25BY2NlcHQ6ICgpID0+IHZvaWQ7XG4gIG9uUmVqZWN0PzogKCkgPT4gdm9pZDtcbn1cblxudHlwZSBPcHRpb25Qcm9tcHRTaXplQ29uZmlnID0ge1xuICB3aWR0aD86ICdhdXRvJyB8IG51bWJlcjtcbiAgaGVpZ2h0PzogJ2F1dG8nfCBudW1iZXI7XG59XG5cbmNvbnN0IG9wdGlvblByb21wdEluaXRpYWxDb25maWc6IFJlcXVpcmVkPE9wdGlvblByb21wdENvbmZpZyAmIE9wdGlvblByb21wdFNpemVDb25maWc+ID0ge1xuICBzdGFydEhpZGRlbjogdHJ1ZSxcbiAgdGl0bGU6ICcnLFxuICB0aXRsZVNpemU6IDI0LFxuICB0ZXh0OiAnJyxcbiAgdGV4dFNpemU6IDIxLFxuICB1c2VEYXJrVGhlbWU6IGZhbHNlLFxuICBhY2NlcHRMYWJlbDogJ1llcycsXG4gIGFjY2VwdFNpemU6ICdhdXRvJyxcbiAgcmVqZWN0TGFiZWw6ICdObycsXG4gIHJlamVjdFNpemU6ICdhdXRvJyxcbiAgd2lkdGg6ICdhdXRvJyxcbiAgaGVpZ2h0OiAnYXV0bycsXG4gIG9uQWNjZXB0OiAoKSA9PiB7XG4gIH0sXG4gIG9uUmVqZWN0OiAoKSA9PiB7XG4gIH0sXG4gIG9uQ2xvc2U6ICgpID0+IHtcbiAgfSxcbn0gYXMgY29uc3RcblxuLyoqXG4gKiBEaXNwbGF5cyBhIGxvYWRpbmcgaWNvbiBpbiB0aGUgY2VudGVyIG9mIHRoZSBzY3JlZW5cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3N0YXJ0SGlkZGVuPXRydWVdIHN0YXJ0aW5nIGhpZGRlblxuICogQHBhcmFtIHtudW1iZXJ9IHdpZHRoIGJhY2tncm91bmQgd2lkdGhcbiAqIEBwYXJhbSB7bnVtYmVyfSBoZWlnaHQgYmFja2dyb3VuZCBoZWlnaHRcbiAqIEBwYXJhbSB7c3RyaW5nIHwgbnVtYmVyfSBbdGl0bGU9JyddIGhlYWRlciBvbiBkaWFsb2dcbiAqIEBwYXJhbSB7bnVtYmVyfSBbdGl0bGVTaXplPTI0XSBoZWFkZXIgdGV4dCBzaXplXG4gKiBAcGFyYW0ge3N0cmluZyB8IG51bWJlcn0gW3RleHQ9JyddIHNtYWxsZXIgcHJpbnQgaW5zdHJ1Y3Rpb25zXG4gKiBAcGFyYW0ge251bWJlcn0gW3RleHRTaXplPTIxXSBzbWFsbGVyIHByaW50IGluc3RydWN0aW9ucyBzaXplXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFt1c2VEYXJrVGhlbWU9ZmFsc2VdIHN3aXRjaCB0byB0aGUgZGFyayB0aGVtZVxuICogQHBhcmFtIHtzdHJpbmd9IFthY2NlcHRMYWJlbD0nWWVzJ10gc3RyaW5nIHRvIGdvIGluIHRoZSBhY2NlcHQgYnV0dG9uXG4gKiBAcGFyYW0ge3N0cmluZ30gW3JlamVjdExhYmVsPSdObyddIHN0cmluZyB0byBnbyBpbiB0aGUgcmVqZWN0IGJ1dHRvblxuICogQHBhcmFtIHsoKSA9PiB2b2lkfSBvbkFjY2VwdCBmdW5jdGlvbiB0aGF0IGdldHMgZXhlY3V0ZWQgaWYgcGxheWVyIGNsaWNrcyBidXR0b25cbiAqIEBwYXJhbSB7KCkgPT4gdm9pZH0gb25SZWplY3QgZnVuY3Rpb24gdGhhdCBnZXRzIGV4ZWN1dGVkIGlmIHBsYXllciBjbGlja3MgcmVqZWN0XG4gKiBAcGFyYW0ge0NhbGxiYWNrfSBvbkNsb3NlIGNhbGxiYWNrIG9uIHByb21wdCBjbG9zZVxuICpcbiAqL1xuZXhwb3J0IGNsYXNzIE9wdGlvblByb21wdCBleHRlbmRzIFByb21wdCB7XG4gIHB1YmxpYyB0aXRsZUVsZW1lbnQ6IFByb21wdFRleHRcbiAgcHVibGljIHRleHRFbGVtZW50OiBQcm9tcHRUZXh0XG4gIHB1YmxpYyBwcmltYXJ5QnV0dG9uRWxlbWVudDogUHJvbXB0QnV0dG9uXG4gIHB1YmxpYyBzZWNvbmRhcnlCdXR0b25FbGVtZW50OiBQcm9tcHRCdXR0b25cblxuICBjb25zdHJ1Y3RvcihcbiAgICB7XG4gICAgICBzdGFydEhpZGRlbiA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcuc3RhcnRIaWRkZW4sXG4gICAgICB0aXRsZSA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcudGl0bGUsXG4gICAgICB0aXRsZVNpemUgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLnRpdGxlU2l6ZSxcbiAgICAgIHRleHQgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLnRleHQsXG4gICAgICB0ZXh0U2l6ZSA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcudGV4dFNpemUsXG4gICAgICB1c2VEYXJrVGhlbWUgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLnVzZURhcmtUaGVtZSxcbiAgICAgIGFjY2VwdExhYmVsID0gb3B0aW9uUHJvbXB0SW5pdGlhbENvbmZpZy5hY2NlcHRMYWJlbCxcbiAgICAgIGFjY2VwdFNpemUgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLmFjY2VwdFNpemUsXG4gICAgICByZWplY3RMYWJlbCA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcucmVqZWN0TGFiZWwsXG4gICAgICByZWplY3RTaXplID0gb3B0aW9uUHJvbXB0SW5pdGlhbENvbmZpZy5yZWplY3RTaXplLFxuICAgICAgb25BY2NlcHQgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLm9uQWNjZXB0LFxuICAgICAgb25SZWplY3QgPSBvcHRpb25Qcm9tcHRJbml0aWFsQ29uZmlnLm9uUmVqZWN0LFxuICAgICAgb25DbG9zZSA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcub25DbG9zZSxcbiAgICAgIHdpZHRoID0gb3B0aW9uUHJvbXB0SW5pdGlhbENvbmZpZy53aWR0aCxcbiAgICAgIGhlaWdodCA9IG9wdGlvblByb21wdEluaXRpYWxDb25maWcuaGVpZ2h0LFxuICAgIH06IE9wdGlvblByb21wdENvbmZpZykge1xuICAgIHN1cGVyKFxuICAgICAge1xuICAgICAgICBzdGFydEhpZGRlbixcbiAgICAgICAgc3R5bGU6IHVzZURhcmtUaGVtZSA/IFByb21wdFN0eWxlcy5EQVJLIDogUHJvbXB0U3R5bGVzLkxJR0hULFxuICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgIGhlaWdodDogaGVpZ2h0LFxuICAgICAgICBvbkNsb3NlLFxuICAgICAgfSlcblxuICAgIHRoaXMudGl0bGVFbGVtZW50ID0gdGhpcy5hZGRUZXh0KHtcbiAgICAgIHZhbHVlOiBTdHJpbmcodGl0bGUpLFxuICAgICAgcG9zaXRpb25BYnNvbHV0ZTogZmFsc2UsXG4gICAgICBzaXplOiB0aXRsZVNpemUsXG4gICAgfSlcblxuICAgIHRoaXMudGV4dEVsZW1lbnQgPSB0aGlzLmFkZFRleHQoe1xuICAgICAgdmFsdWU6IFN0cmluZyh0ZXh0KSxcbiAgICAgIHBvc2l0aW9uQWJzb2x1dGU6IGZhbHNlLFxuICAgICAgc2l6ZTogdGV4dFNpemUsXG4gICAgfSlcblxuICAgIHRoaXMucHJpbWFyeUJ1dHRvbkVsZW1lbnQgPSB0aGlzLmFkZEJ1dHRvbih7XG4gICAgICB0ZXh0OiBTdHJpbmcoYWNjZXB0TGFiZWwpLFxuICAgICAgb25Nb3VzZURvd246IG9uQWNjZXB0LFxuICAgICAgeFBvc2l0aW9uOiAwLFxuICAgICAgeVBvc2l0aW9uOiAwLFxuICAgICAgcG9zaXRpb25BYnNvbHV0ZTogZmFsc2UsXG4gICAgICBzdHlsZTogUHJvbXB0QnV0dG9uU3R5bGVzLkUsXG4gICAgICBidXR0b25TaXplOiBhY2NlcHRTaXplXG4gICAgfSlcblxuICAgIHRoaXMuc2Vjb25kYXJ5QnV0dG9uRWxlbWVudCA9IHRoaXMuYWRkQnV0dG9uKHtcbiAgICAgIHRleHQ6IFN0cmluZyhyZWplY3RMYWJlbCksXG4gICAgICBvbk1vdXNlRG93bjogb25SZWplY3QsXG4gICAgICB4UG9zaXRpb246IDAsXG4gICAgICB5UG9zaXRpb246IDAsXG4gICAgICBwb3NpdGlvbkFic29sdXRlOiBmYWxzZSxcbiAgICAgIHN0eWxlOiBQcm9tcHRCdXR0b25TdHlsZXMuRixcbiAgICAgIGJ1dHRvblNpemU6IHJlamVjdFNpemVcbiAgICB9KVxuICB9XG59XG4iXX0=