UNPKG

dcl-ui-toolkit

Version:

A collection of UI helpers to make it easier to build a Decentraland scene using the SDK 7.

55 lines 9.31 kB
import { Prompt, PromptStyles } from '../Prompt'; import { PromptButtonStyles } from '../Prompt/components/Button'; const fillInPromptInitialConfig = { startHidden: true, title: '', titleSize: 24, useDarkTheme: false, placeholder: 'Fill in', acceptLabel: 'Submit', acceptSize: 'auto', width: 'auto', height: 'auto', onAccept: () => { }, onClose: () => { }, }; export class FillInPrompt extends Prompt { constructor({ startHidden = fillInPromptInitialConfig.startHidden, title = fillInPromptInitialConfig.title, titleSize = fillInPromptInitialConfig.titleSize, useDarkTheme = fillInPromptInitialConfig.useDarkTheme, placeholder = fillInPromptInitialConfig.placeholder, acceptLabel = fillInPromptInitialConfig.acceptLabel, acceptSize = fillInPromptInitialConfig.acceptSize, onAccept = fillInPromptInitialConfig.onAccept, onClose = fillInPromptInitialConfig.onClose, width = fillInPromptInitialConfig.width, height = fillInPromptInitialConfig.height, }) { super({ startHidden, style: useDarkTheme ? PromptStyles.DARK : PromptStyles.LIGHT, width: width, height: height, onClose, }); this._inputText = ''; this.titleElement = this.addText({ value: String(title), positionAbsolute: false, size: titleSize, }); this.inputElement = this.addTextBox({ placeholder: String(placeholder), onChange: (value) => { this._inputText = value; }, xPosition: 0, yPosition: 0, positionAbsolute: false, }); this.buttonElement = this.addButton({ text: String(acceptLabel), onMouseDown: () => { onAccept(this._inputText); }, xPosition: 0, yPosition: 0, positionAbsolute: false, style: PromptButtonStyles.E, buttonSize: acceptSize, }); } } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktZW50aXRpZXMvcHJvbXB0cy9GaWxsSW5Qcm9tcHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFBRSxNQUFNLEVBQXdCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RSxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFjOUUsTUFBTSx5QkFBeUIsR0FBaUM7SUFDOUQsV0FBVyxFQUFFLElBQUk7SUFDakIsS0FBSyxFQUFFLEVBQUU7SUFDVCxTQUFTLEVBQUUsRUFBRTtJQUNiLFlBQVksRUFBRSxLQUFLO0lBQ25CLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLFdBQVcsRUFBRSxRQUFRO0lBQ3JCLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLEtBQUssRUFBRSxNQUFNO0lBQ2IsTUFBTSxFQUFFLE1BQU07SUFDZCxRQUFRLEVBQUUsR0FBRyxFQUFFO0lBQ2YsQ0FBQztJQUNELE9BQU8sRUFBRSxHQUFHLEVBQUU7SUFDZCxDQUFDO0NBQ08sQ0FBQTtBQWtCVixNQUFNLE9BQU8sWUFBYSxTQUFRLE1BQU07SUFPdEMsWUFDRSxFQUNFLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyxXQUFXLEVBQ25ELEtBQUssR0FBRyx5QkFBeUIsQ0FBQyxLQUFLLEVBQ3ZDLFNBQVMsR0FBRyx5QkFBeUIsQ0FBQyxTQUFTLEVBQy9DLFlBQVksR0FBRyx5QkFBeUIsQ0FBQyxZQUFZLEVBQ3JELFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyxXQUFXLEVBQ25ELFdBQVcsR0FBRyx5QkFBeUIsQ0FBQyxXQUFXLEVBQ25ELFVBQVUsR0FBRyx5QkFBeUIsQ0FBQyxVQUFVLEVBQ2pELFFBQVEsR0FBRyx5QkFBeUIsQ0FBQyxRQUFRLEVBQzdDLE9BQU8sR0FBRyx5QkFBeUIsQ0FBQyxPQUFPLEVBQzNDLEtBQUssR0FBRyx5QkFBeUIsQ0FBQyxLQUFLLEVBQ3ZDLE1BQU0sR0FBRyx5QkFBeUIsQ0FBQyxNQUFNLEdBQ3RCO1FBQ3JCLEtBQUssQ0FDSDtZQUNFLFdBQVc7WUFDWCxLQUFLLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsS0FBSztZQUM1RCxLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1lBQ2QsT0FBTztTQUNSLENBQUMsQ0FBQTtRQUVKLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFBO1FBRXBCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUMvQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUNwQixnQkFBZ0IsRUFBRSxLQUFLO1lBQ3ZCLElBQUksRUFBRSxTQUFTO1NBQ2hCLENBQUMsQ0FBQTtRQUVGLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNsQyxXQUFXLEVBQUUsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUNoQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUE7WUFDekIsQ0FBQztZQUNELFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7WUFDWixnQkFBZ0IsRUFBRSxLQUFLO1NBQ3hCLENBQUMsQ0FBQTtRQUVGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNsQyxJQUFJLEVBQUUsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUN6QixXQUFXLEVBQUUsR0FBRyxFQUFFO2dCQUNoQixRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1lBQzNCLENBQUM7WUFDRCxTQUFTLEVBQUUsQ0FBQztZQUNaLFNBQVMsRUFBRSxDQUFDO1lBQ1osZ0JBQWdCLEVBQUUsS0FBSztZQUN2QixLQUFLLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztZQUMzQixVQUFVLEVBQUUsVUFBVTtTQUN2QixDQUFDLENBQUE7SUFDSixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3RFY3MgZnJvbSAnQGRjbC9zZGsvcmVhY3QtZWNzJ1xuaW1wb3J0IHsgQ2FsbGJhY2sgfSBmcm9tICdAZGNsL3JlYWN0LWVjcy9kaXN0L2NvbXBvbmVudHMvbGlzdGVuZXJzL3R5cGVzJ1xuXG5pbXBvcnQgeyBQcm9tcHQsIFByb21wdEV4dGVybmFsQ29uZmlnLCBQcm9tcHRTdHlsZXMgfSBmcm9tICcuLi9Qcm9tcHQnXG5pbXBvcnQgeyBQcm9tcHRCdXR0b24sIFByb21wdEJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL1Byb21wdC9jb21wb25lbnRzL0J1dHRvbidcbmltcG9ydCB7IFByb21wdFRleHQgfSBmcm9tICcuLi9Qcm9tcHQvY29tcG9uZW50cy9UZXh0J1xuaW1wb3J0IHsgUHJvbXB0SW5wdXQgfSBmcm9tICcuLi9Qcm9tcHQvY29tcG9uZW50cy9JbnB1dCdcblxudHlwZSBGaWxsSW5Qcm9tcHRDb25maWcgPSBQcm9tcHRFeHRlcm5hbENvbmZpZyAmIHtcbiAgdGl0bGU6IHN0cmluZyB8IG51bWJlcjtcbiAgdGl0bGVTaXplPzogbnVtYmVyO1xuICB1c2VEYXJrVGhlbWU/OiBib29sZWFuO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZyB8IG51bWJlcjtcbiAgYWNjZXB0TGFiZWw/OiBzdHJpbmc7XG4gIGFjY2VwdFNpemU/OiBudW1iZXIgfCAnYXV0byc7XG4gIG9uQWNjZXB0OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuY29uc3QgZmlsbEluUHJvbXB0SW5pdGlhbENvbmZpZzogUmVxdWlyZWQ8RmlsbEluUHJvbXB0Q29uZmlnPiA9IHtcbiAgc3RhcnRIaWRkZW46IHRydWUsXG4gIHRpdGxlOiAnJyxcbiAgdGl0bGVTaXplOiAyNCxcbiAgdXNlRGFya1RoZW1lOiBmYWxzZSxcbiAgcGxhY2Vob2xkZXI6ICdGaWxsIGluJyxcbiAgYWNjZXB0TGFiZWw6ICdTdWJtaXQnLFxuICBhY2NlcHRTaXplOiAnYXV0bycsXG4gIHdpZHRoOiAnYXV0bycsXG4gIGhlaWdodDogJ2F1dG8nLFxuICBvbkFjY2VwdDogKCkgPT4ge1xuICB9LFxuICBvbkNsb3NlOiAoKSA9PiB7IFxuICB9LFxufSBhcyBjb25zdFxuXG4vKipcbiAqIERpc3BsYXlzIGEgcHJvbXB0IHdpbmRvdyB3aXRoIGEgZmllbGQgdGhhdCBjYW4gYmUgZmlsbGVkIGluXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtzdGFydEhpZGRlbj10cnVlXSBzdGFydGluZyBoaWRkZW5cbiAqIEBwYXJhbSB7bnVtYmVyfSB3aWR0aCBiYWNrZ3JvdW5kIHdpZHRoXG4gKiBAcGFyYW0ge251bWJlcn0gaGVpZ2h0IGJhY2tncm91bmQgaGVpZ2h0XG4gKiBAcGFyYW0ge3N0cmluZyB8IG51bWJlcn0gW3RpdGxlPScnXSBoZWFkZXIgb24gZGlhbG9nXG4gKiBAcGFyYW0ge251bWJlcn0gW3RpdGxlU2l6ZT0yNF0gaGVhZGVyIHRleHQgc2l6ZVxuICogQHBhcmFtIHtib29sZWFufSBbdXNlRGFya1RoZW1lPWZhbHNlXSBzd2l0Y2ggdG8gdGhlIGRhcmsgdGhlbWVcbiAqIEBwYXJhbSB7c3RyaW5nIHwgbnVtYmVyfSBbcGxhY2Vob2xkZXI9J0ZpbGwgaW4nXSB0ZXh0IHRvIGRpc3BsYXkgYXMgcGxhY2Vob2xkZXIgaW4gdGhlIGZpbGwgaW4gYm94XG4gKiBAcGFyYW0ge3N0cmluZ30gW2FjY2VwdExhYmVsPSdTdWJtaXQnXSBzdHJpbmcgdG8gZ28gaW4gdGhlIGFjY2VwdCBidXR0b25cbiAqIEBwYXJhbSB7bnVtYmVyfSB3aWR0aCBiYWNrZ3JvdW5kIHdpZHRoXG4gKiBAcGFyYW0ge251bWJlcn0gaGVpZ2h0IGJhY2tncm91bmQgaGVpZ2h0XG4gKiBAcGFyYW0geyh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkfSBvbkFjY2VwdCBmdW5jdGlvbiB0aGF0IGdldHMgZXhlY3V0ZWQgaWYgcGxheWVyIGNsaWNrcyBidXR0b25cbiAqIEBwYXJhbSB7Q2FsbGJhY2t9IG9uQ2xvc2UgY2FsbGJhY2sgb24gcHJvbXB0IGNsb3NlXG4gKlxuICovXG5leHBvcnQgY2xhc3MgRmlsbEluUHJvbXB0IGV4dGVuZHMgUHJvbXB0IHtcbiAgcHVibGljIHRpdGxlRWxlbWVudDogUHJvbXB0VGV4dFxuICBwdWJsaWMgaW5wdXRFbGVtZW50OiBQcm9tcHRJbnB1dFxuICBwdWJsaWMgYnV0dG9uRWxlbWVudDogUHJvbXB0QnV0dG9uXG5cbiAgcHJpdmF0ZSBfaW5wdXRUZXh0OiBzdHJpbmdcblxuICBjb25zdHJ1Y3RvcihcbiAgICB7XG4gICAgICBzdGFydEhpZGRlbiA9IGZpbGxJblByb21wdEluaXRpYWxDb25maWcuc3RhcnRIaWRkZW4sXG4gICAgICB0aXRsZSA9IGZpbGxJblByb21wdEluaXRpYWxDb25maWcudGl0bGUsXG4gICAgICB0aXRsZVNpemUgPSBmaWxsSW5Qcm9tcHRJbml0aWFsQ29uZmlnLnRpdGxlU2l6ZSxcbiAgICAgIHVzZURhcmtUaGVtZSA9IGZpbGxJblByb21wdEluaXRpYWxDb25maWcudXNlRGFya1RoZW1lLFxuICAgICAgcGxhY2Vob2xkZXIgPSBmaWxsSW5Qcm9tcHRJbml0aWFsQ29uZmlnLnBsYWNlaG9sZGVyLFxuICAgICAgYWNjZXB0TGFiZWwgPSBmaWxsSW5Qcm9tcHRJbml0aWFsQ29uZmlnLmFjY2VwdExhYmVsLFxuICAgICAgYWNjZXB0U2l6ZSA9IGZpbGxJblByb21wdEluaXRpYWxDb25maWcuYWNjZXB0U2l6ZSxcbiAgICAgIG9uQWNjZXB0ID0gZmlsbEluUHJvbXB0SW5pdGlhbENvbmZpZy5vbkFjY2VwdCxcbiAgICAgIG9uQ2xvc2UgPSBmaWxsSW5Qcm9tcHRJbml0aWFsQ29uZmlnLm9uQ2xvc2UsXG4gICAgICB3aWR0aCA9IGZpbGxJblByb21wdEluaXRpYWxDb25maWcud2lkdGgsXG4gICAgICBoZWlnaHQgPSBmaWxsSW5Qcm9tcHRJbml0aWFsQ29uZmlnLmhlaWdodCxcbiAgICB9OiBGaWxsSW5Qcm9tcHRDb25maWcpIHtcbiAgICBzdXBlcihcbiAgICAgIHtcbiAgICAgICAgc3RhcnRIaWRkZW4sXG4gICAgICAgIHN0eWxlOiB1c2VEYXJrVGhlbWUgPyBQcm9tcHRTdHlsZXMuREFSSyA6IFByb21wdFN0eWxlcy5MSUdIVCxcbiAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICBoZWlnaHQ6IGhlaWdodCxcbiAgICAgICAgb25DbG9zZSxcbiAgICAgIH0pXG5cbiAgICB0aGlzLl9pbnB1dFRleHQgPSAnJ1xuXG4gICAgdGhpcy50aXRsZUVsZW1lbnQgPSB0aGlzLmFkZFRleHQoe1xuICAgICAgdmFsdWU6IFN0cmluZyh0aXRsZSksXG4gICAgICBwb3NpdGlvbkFic29sdXRlOiBmYWxzZSxcbiAgICAgIHNpemU6IHRpdGxlU2l6ZSxcbiAgICB9KVxuXG4gICAgdGhpcy5pbnB1dEVsZW1lbnQgPSB0aGlzLmFkZFRleHRCb3goe1xuICAgICAgcGxhY2Vob2xkZXI6IFN0cmluZyhwbGFjZWhvbGRlciksXG4gICAgICBvbkNoYW5nZTogKHZhbHVlKSA9PiB7XG4gICAgICAgIHRoaXMuX2lucHV0VGV4dCA9IHZhbHVlXG4gICAgICB9LFxuICAgICAgeFBvc2l0aW9uOiAwLFxuICAgICAgeVBvc2l0aW9uOiAwLFxuICAgICAgcG9zaXRpb25BYnNvbHV0ZTogZmFsc2UsXG4gICAgfSlcblxuICAgIHRoaXMuYnV0dG9uRWxlbWVudCA9IHRoaXMuYWRkQnV0dG9uKHtcbiAgICAgIHRleHQ6IFN0cmluZyhhY2NlcHRMYWJlbCksXG4gICAgICBvbk1vdXNlRG93bjogKCkgPT4ge1xuICAgICAgICBvbkFjY2VwdCh0aGlzLl9pbnB1dFRleHQpXG4gICAgICB9LFxuICAgICAgeFBvc2l0aW9uOiAwLFxuICAgICAgeVBvc2l0aW9uOiAwLFxuICAgICAgcG9zaXRpb25BYnNvbHV0ZTogZmFsc2UsXG4gICAgICBzdHlsZTogUHJvbXB0QnV0dG9uU3R5bGVzLkUsXG4gICAgICBidXR0b25TaXplOiBhY2NlcHRTaXplLFxuICAgIH0pXG4gIH1cbn1cbiJdfQ==