@devvit/ui-renderer 0.11.8-next-2025-03-03-9bd38a220.0 → 0.11.8-next-2025-03-03-a1521adcc.0

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts

@@ -1,18 +0,0 @@
-import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
-import '@reddit/faceplate-ui/components/faceplate-menu.js';
-import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { FormField } from '@devvit/protos/types/devvit/ui/form_builder/v1alpha/field.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
-import type { PropertyValues, TemplateResult } from 'lit';
-export declare class DevvitFormSelectionDropdown extends InputElement {
-    #private;
-    field: FormField | undefined;
-    dropdownOpen: boolean;
-    selectedValues: readonly string[];
-    static get styles(): import("lit").CSSResultGroup[];
-    get value(): string;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    formDisabledCallback(disabled: boolean): void;
-    render(): TemplateResult<1>;
-}
-//# sourceMappingURL=devvit-form-selection-dropdown.d.ts.map

package/client/formbuilder/components/devvit-form-selection-dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"devvit-form-selection-dropdown.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,4DAA4D,CAAC;AACpE,OAAO,mDAAmD,CAAC;AAC3D,OAAO,2DAA2D,CAAC;AAEnE,OAAO,EAGL,SAAS,EACV,MAAM,8DAA8D,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAM/E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1D,qBAAa,2BAA4B,SAAQ,YAAY;;IAE3D,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAG7B,YAAY,UAAS;IAGrB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAM;IAIvC,WAAoB,MAAM,mCAWzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAoEhD,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IA6B7C,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA4CrC"}

package/client/formbuilder/components/devvit-form-selection-dropdown.js

@@ -1,187 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _DevvitFormSelectionDropdown_instances, _DevvitFormSelectionDropdown_config, _DevvitFormSelectionDropdown_getLabel, _DevvitFormSelectionDropdown_updateSelection, _DevvitFormSelectionDropdown_singleSelectListItem, _DevvitFormSelectionDropdown_multiSelectListItem, _DevvitFormSelectionDropdown_renderEmptyItem, _DevvitFormSelectionDropdown_validateFieldValue, _DevvitFormSelectionDropdown_setError;
-import '@reddit/faceplate-ui/components/faceplate-dropdown-menu.js';
-import '@reddit/faceplate-ui/components/faceplate-menu.js';
-import '@reddit/faceplate-ui/components/faceplate-switch-input.js';
-import { FieldConfig_Selection, FieldConfig_Selection_Item, FormField, } from '@devvit/protos/types/devvit/ui/form_builder/v1alpha/field.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
-import { msg } from '@reddit/faceplate/lib/i18n/localize.js';
-import { html } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { dropdownButton } from '@reddit/faceplate-ui/templates/client/dropdownButton.js';
-import { listItem } from '@reddit/faceplate-ui/templates/client/list-item.js';
-import { css } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styles } from '../../../styles.js';
-import { renderHelpText } from '../fields/renderHelpText.js';
-export class DevvitFormSelectionDropdown extends InputElement {
-    constructor() {
-        super(...arguments);
-        _DevvitFormSelectionDropdown_instances.add(this);
-        this.dropdownOpen = false;
-        this.selectedValues = [];
-        _DevvitFormSelectionDropdown_config.set(this, { choices: [] });
-        _DevvitFormSelectionDropdown_singleSelectListItem.set(this, (option) => listItem({
-            label: option.label,
-            onClick: () => __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_updateSelection).call(this, option),
-        }));
-        _DevvitFormSelectionDropdown_multiSelectListItem.set(this, (option) => listItem({
-            label: html `
-        <faceplate-switch-input ?checked="${this.selectedValues.includes(option.value)}">
-          ${option.label}
-        </faceplate-switch-input>
-      `,
-            onClick: (e) => {
-                __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_updateSelection).call(this, option, e.currentTarget.checked);
-                e.stopImmediatePropagation();
-            },
-        }));
-    }
-    static get styles() {
-        return [
-            super.styles,
-            styles,
-            // fixes a layering bug when dropdown menus are too close together
-            css `
-        .button .dropdown-icon {
-          transform: none;
-        }
-      `,
-        ];
-    }
-    get value() {
-        return this.selectedValues.join(',');
-    }
-    willUpdate(changedProperties) {
-        if (changedProperties.has('field')) {
-            __classPrivateFieldSet(this, _DevvitFormSelectionDropdown_config, this.field?.fieldConfig?.selectionConfig ?? { choices: [] }, "f");
-            this.selectedValues = this.field?.defaultValue?.selectionValue?.values ?? [];
-        }
-    }
-    formDisabledCallback(disabled) {
-        __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_validateFieldValue).call(this, disabled);
-    }
-    render() {
-        let formField;
-        if (this.field) {
-            const option = __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").choices ?? [];
-            const items = __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").multiSelect
-                ? option.map((o) => __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_multiSelectListItem, "f").call(this, o))
-                : option.map((o) => __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_singleSelectListItem, "f").call(this, o));
-            const emptyItem = !__classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").multiSelect && !__classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").minSelections && !this.field.required
-                ? __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_renderEmptyItem).call(this)
-                : undefined;
-            const classes = {
-                'flex-grow': true,
-                'z-auto': !this.dropdownOpen,
-            };
-            formField = html `
-        <faceplate-dropdown-menu
-          id="${this.field.fieldId}"
-          class="${classMap(classes)}"
-          .onopen="${() => (this.dropdownOpen = true)}"
-          .onclose="${() => (this.dropdownOpen = false)}"
-          ?disabled="${this.field.disabled}"
-        >
-          ${dropdownButton({
-                attributes: {
-                    disabled: Boolean(this.field.disabled),
-                    className: 'flex justify-between grow',
-                },
-                children: html `<span class="grow">${__classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_getLabel).call(this)}</span>`,
-                selected: this.dropdownOpen,
-            })}
-          <faceplate-menu slot="menu" class="max-h-[160px] max-w-[400px] overflow-y-auto"
-            >${emptyItem}${items}
-          </faceplate-menu>
-        </faceplate-dropdown-menu>
-        ${renderHelpText(this.field.helpText)}
-      `;
-        }
-        return html `${formField}${super.render()}`;
-    }
-}
-_DevvitFormSelectionDropdown_config = new WeakMap(), _DevvitFormSelectionDropdown_singleSelectListItem = new WeakMap(), _DevvitFormSelectionDropdown_multiSelectListItem = new WeakMap(), _DevvitFormSelectionDropdown_instances = new WeakSet(), _DevvitFormSelectionDropdown_getLabel = function _DevvitFormSelectionDropdown_getLabel() {
-    const selectedCount = this.selectedValues.length;
-    if (selectedCount === 0) {
-        return '';
-    }
-    if (selectedCount === 1) {
-        const value = this.selectedValues[0];
-        return __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").choices.find((c) => c.value === value)?.label ?? '';
-    }
-    return msg(`[${selectedCount} items selected]`, {
-        desc: 'Displayed on a drop down menu when multiple values are selected',
-    });
-}, _DevvitFormSelectionDropdown_updateSelection = function _DevvitFormSelectionDropdown_updateSelection(option, selected = true) {
-    if (__classPrivateFieldGet(this, _DevvitFormSelectionDropdown_config, "f").multiSelect) {
-        const isAlreadySelected = this.selectedValues.includes(option.value);
-        if (selected && !isAlreadySelected) {
-            this.selectedValues = [...this.selectedValues, option.value];
-        }
-        else if (isAlreadySelected) {
-            this.selectedValues = this.selectedValues.filter((v) => v !== option.value);
-        }
-    }
-    else {
-        this.selectedValues = [option.value];
-    }
-    __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_validateFieldValue).call(this, Boolean(this.field?.disabled));
-}, _DevvitFormSelectionDropdown_renderEmptyItem = function _DevvitFormSelectionDropdown_renderEmptyItem() {
-    return listItem({
-        label: html `&nbsp;`,
-        onClick: () => {
-            this.selectedValues = [];
-        },
-    });
-}, _DevvitFormSelectionDropdown_validateFieldValue = function _DevvitFormSelectionDropdown_validateFieldValue(disabled) {
-    if (disabled || Boolean(this.value?.length)) {
-        __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_setError).call(this, null);
-        return;
-    }
-    if (this.value?.length === 0 && this.field?.required) {
-        __classPrivateFieldGet(this, _DevvitFormSelectionDropdown_instances, "m", _DevvitFormSelectionDropdown_setError).call(this, msg('Please select an option', {
-            desc: 'Message to user to select an option for a required field',
-        }));
-    }
-}, _DevvitFormSelectionDropdown_setError = function _DevvitFormSelectionDropdown_setError(error) {
-    // @ts-expect-error copied from shreddit.
-    this.setCustomValidity(error || '');
-    // @ts-expect-error copied from shreddit.
-    this.reportValidity();
-};
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], DevvitFormSelectionDropdown.prototype, "field", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DevvitFormSelectionDropdown.prototype, "dropdownOpen", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], DevvitFormSelectionDropdown.prototype, "selectedValues", void 0);
-// Faceplate's base classes and mixins aren't playing nice with type checking for some reason
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-customElements.define('devvit-form-selection-dropdown', DevvitFormSelectionDropdown);
-//# sourceMappingURL=devvit-form-selection-dropdown.js.map

package/client/formbuilder/components/devvit-form-selection-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devvit-form-selection-dropdown.js","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-dropdown.ts"],"names":[],"mappings":"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"}

package/client/formbuilder/components/devvit-form-selection-list.d.ts

@@ -1,14 +0,0 @@
-import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
-import { FormField } from '@devvit/protos/types/devvit/ui/form_builder/v1alpha/field.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
-import type { PropertyValues, TemplateResult } from 'lit';
-export declare class DevvitFormSelectionList extends InputElement {
-    #private;
-    field: FormField | undefined;
-    static get styles(): import("lit").CSSResultGroup[];
-    get value(): string;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    render(): TemplateResult<1>;
-}
-//# sourceMappingURL=devvit-form-selection-list.d.ts.map

package/client/formbuilder/components/devvit-form-selection-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"devvit-form-selection-list.d.ts","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"AAAA,OAAO,6DAA6D,CAAC;AACrE,OAAO,0DAA0D,CAAC;AAElE,OAAO,EAGL,SAAS,EACV,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAG/E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,qBAAa,uBAAwB,SAAQ,YAAY;;IAEvD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAK7B,WAAoB,MAAM,mCAEzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAoBhD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgDrC"}

package/client/formbuilder/components/devvit-form-selection-list.js

@@ -1,112 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _DevvitFormSelectionList_config, _DevvitFormSelectionList_selection, _DevvitFormSelectionList_updateSelection;
-import '@reddit/faceplate-ui/components/faceplate-checkbox-input.js';
-import '@reddit/faceplate-ui/components/faceplate-radio-input.js';
-import { FieldConfig_Selection, FieldConfig_Selection_Item, FormField, } from '@devvit/protos/types/devvit/ui/form_builder/v1alpha/field.js';
-import { FormFieldValue_SelectionValue } from '@devvit/protos/types/devvit/ui/form_builder/v1alpha/value.js';
-import { InputElement } from '@reddit/faceplate/base-classes/input-element.js';
-import { html, repeat } from '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
-import { property } from 'lit/decorators.js';
-import { styles } from '../../../styles.js';
-import { renderFieldLabel } from '../fields/renderFieldLabel.js';
-export class DevvitFormSelectionList extends InputElement {
-    constructor() {
-        super(...arguments);
-        _DevvitFormSelectionList_config.set(this, { choices: [] });
-        _DevvitFormSelectionList_selection.set(this, { values: [] });
-        _DevvitFormSelectionList_updateSelection.set(this, (choice, selected = true) => {
-            if (__classPrivateFieldGet(this, _DevvitFormSelectionList_config, "f").multiSelect) {
-                const index = __classPrivateFieldGet(this, _DevvitFormSelectionList_selection, "f").values.indexOf(choice.value);
-                if (selected && index < 0) {
-                    __classPrivateFieldGet(this, _DevvitFormSelectionList_selection, "f").values.push(choice.value);
-                }
-                else if (index >= 0) {
-                    __classPrivateFieldGet(this, _DevvitFormSelectionList_selection, "f").values.splice(index, 1);
-                }
-            }
-            else {
-                __classPrivateFieldGet(this, _DevvitFormSelectionList_selection, "f").values = [choice.value];
-            }
-        });
-    }
-    static get styles() {
-        return [super.styles, styles];
-    }
-    get value() {
-        return __classPrivateFieldGet(this, _DevvitFormSelectionList_selection, "f").values.join(',');
-    }
-    willUpdate(changedProperties) {
-        if (changedProperties.has('field')) {
-            __classPrivateFieldSet(this, _DevvitFormSelectionList_config, this.field?.fieldConfig?.selectionConfig ?? { choices: [] }, "f");
-            __classPrivateFieldSet(this, _DevvitFormSelectionList_selection, this.field?.defaultValue?.selectionValue ?? { values: [] }, "f");
-        }
-    }
-    render() {
-        let formField;
-        if (this.field) {
-            const renderRadio = (choice, index) => {
-                const id = `${this.field?.fieldId}_${index}`;
-                return html `
-          <faceplate-radio-input
-            id="${id}"
-            name="${this.field?.fieldId}"
-            data-value="${choice.value}"
-            ?disabled="${this.field?.disabled}"
-            ?required="${this.field?.required}"
-            @input="${() => {
-                    __classPrivateFieldGet(this, _DevvitFormSelectionList_updateSelection, "f").call(this, choice);
-                }}"
-          >
-            ${choice.label}
-          </faceplate-radio-input>
-        `;
-            };
-            const renderCheckbox = (choice, index) => {
-                const id = `${this.field?.fieldId}_${index}`;
-                return html `
-          <faceplate-checkbox-input
-            id="${id}"
-            name="${this.field?.fieldId}"
-            class="m-sm"
-            data-value="${choice.value}"
-            @input="${(ev) => {
-                    __classPrivateFieldGet(this, _DevvitFormSelectionList_updateSelection, "f").call(this, choice, ev.currentTarget.checked);
-                }}"
-          >
-            ${choice.label}
-          </faceplate-checkbox-input>
-        `;
-            };
-            formField = html `${renderFieldLabel(this.field)}${repeat(__classPrivateFieldGet(this, _DevvitFormSelectionList_config, "f").choices ?? [], __classPrivateFieldGet(this, _DevvitFormSelectionList_config, "f").multiSelect === true ? renderCheckbox : renderRadio)}`;
-        }
-        return html `${formField}${super.render()}`;
-    }
-}
-_DevvitFormSelectionList_config = new WeakMap(), _DevvitFormSelectionList_selection = new WeakMap(), _DevvitFormSelectionList_updateSelection = new WeakMap();
-__decorate([
-    property({ attribute: false }),
-    __metadata("design:type", Object)
-], DevvitFormSelectionList.prototype, "field", void 0);
-// Faceplate's base classes and mixins aren't playing nice with type checking for some reason
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-customElements.define('devvit-form-selection-list', DevvitFormSelectionList);
-//# sourceMappingURL=devvit-form-selection-list.js.map

package/client/formbuilder/components/devvit-form-selection-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devvit-form-selection-list.js","sourceRoot":"","sources":["../../../../library/src/client/formbuilder/components/devvit-form-selection-list.ts"],"names":[],"mappings":"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"}