@devvit/ui-renderer 0.10.11-next-2023-12-14-6392ee257.0 → 0.10.11-next-2023-12-14-28a095601.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAEtF,OAAO,EAAE,cAAc,EAAwB,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAGjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAIxD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,0BAA0B,CAAC;IACvF,MAAM,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAED,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"devvit-form-dialog.d.ts","sourceRoot":"","sources":["../../../library/src/client/formbuilder/devvit-form-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAEtF,OAAO,EAAE,cAAc,EAAwB,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,aAAa,EAAoB,MAAM,gDAAgD,CAAC;AAGjG,OAAO,EAAE,IAAI,EAA4C,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAIxD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,0BAA0B,CAAC;IACvF,MAAM,EAAE;QACN,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAED,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAGvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAG1B,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,WAAoB,MAAM,8BAEzB;IAED,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IA0GpD,MAAM;CAuDhB"}
|
|
@@ -18,7 +18,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
18
18
|
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");
|
|
19
19
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
20
20
|
};
|
|
21
|
-
var _DevvitFormDialog_onEvent, _DevvitFormDialog_idMap, _DevvitFormDialog_makeIdMap, _DevvitFormDialog_collectValues,
|
|
21
|
+
var _DevvitFormDialog_onEvent, _DevvitFormDialog_idMap, _DevvitFormDialog_makeIdMap, _DevvitFormDialog_collectValues, _DevvitFormDialog_submitForm, _DevvitFormDialog_onKeyUp, _DevvitFormDialog_cancelClicked, _DevvitFormDialog_onDialogClosed, _DevvitFormDialog_dispatchFormStatusToHost, _DevvitFormDialog_fixFocustrap, _DevvitFormDialog_renderTitle, _DevvitFormDialog_renderDescription, _DevvitFormDialog_renderButtons;
|
|
22
22
|
import { html, LitElement } from 'lit';
|
|
23
23
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
24
24
|
import { when } from 'lit/directives/when.js';
|
|
@@ -84,7 +84,11 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
|
|
|
84
84
|
}
|
|
85
85
|
return values;
|
|
86
86
|
});
|
|
87
|
-
|
|
87
|
+
_DevvitFormDialog_submitForm.set(this, () => {
|
|
88
|
+
const invalidFields = this.$form?.querySelectorAll('[faceplate-validity="invalid"]');
|
|
89
|
+
if (!invalidFields || invalidFields.length > 0) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
88
92
|
__classPrivateFieldGet(this, _DevvitFormDialog_onEvent, "f").call(this, UIEvent.fromPartial({
|
|
89
93
|
formSubmitted: {
|
|
90
94
|
formId: this.form?.id,
|
|
@@ -93,6 +97,11 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
|
|
|
93
97
|
}));
|
|
94
98
|
this.$dialog?.close();
|
|
95
99
|
});
|
|
100
|
+
_DevvitFormDialog_onKeyUp.set(this, (event) => {
|
|
101
|
+
if (event.key === 'Enter' && !event.target.tagName.includes('TEXTAREA')) {
|
|
102
|
+
__classPrivateFieldGet(this, _DevvitFormDialog_submitForm, "f").call(this);
|
|
103
|
+
}
|
|
104
|
+
});
|
|
96
105
|
_DevvitFormDialog_cancelClicked.set(this, () => {
|
|
97
106
|
this.$dialog?.close();
|
|
98
107
|
});
|
|
@@ -132,7 +141,7 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
|
|
|
132
141
|
children: this.form?.acceptLabel ?? msg('OK', { desc: 'Submit input for the custom action' }),
|
|
133
142
|
attributes: {
|
|
134
143
|
type: 'submit',
|
|
135
|
-
onclick: __classPrivateFieldGet(this,
|
|
144
|
+
onclick: __classPrivateFieldGet(this, _DevvitFormDialog_submitForm, "f"),
|
|
136
145
|
},
|
|
137
146
|
})}
|
|
138
147
|
</div>
|
|
@@ -156,7 +165,11 @@ let DevvitFormDialog = class DevvitFormDialog extends LitElement {
|
|
|
156
165
|
class="z-dialog w-[32rem] overflow-auto"
|
|
157
166
|
@faceplate-close="${__classPrivateFieldGet(this, _DevvitFormDialog_onDialogClosed, "f")}"
|
|
158
167
|
>
|
|
159
|
-
<div
|
|
168
|
+
<div
|
|
169
|
+
class="flex flex-col gap-y-sm"
|
|
170
|
+
@focusin="${__classPrivateFieldGet(this, _DevvitFormDialog_fixFocustrap, "f")}"
|
|
171
|
+
@keyup="${__classPrivateFieldGet(this, _DevvitFormDialog_onKeyUp, "f")}"
|
|
172
|
+
>
|
|
160
173
|
${when(this.form?.title, __classPrivateFieldGet(this, _DevvitFormDialog_renderTitle, "f"))}
|
|
161
174
|
${when(this.form?.shortDescription, __classPrivateFieldGet(this, _DevvitFormDialog_renderDescription, "f"))}
|
|
162
175
|
<faceplate-form
|
|
@@ -176,7 +189,8 @@ _DevvitFormDialog_onEvent = new WeakMap();
|
|
|
176
189
|
_DevvitFormDialog_idMap = new WeakMap();
|
|
177
190
|
_DevvitFormDialog_makeIdMap = new WeakMap();
|
|
178
191
|
_DevvitFormDialog_collectValues = new WeakMap();
|
|
179
|
-
|
|
192
|
+
_DevvitFormDialog_submitForm = new WeakMap();
|
|
193
|
+
_DevvitFormDialog_onKeyUp = new WeakMap();
|
|
180
194
|
_DevvitFormDialog_cancelClicked = new WeakMap();
|
|
181
195
|
_DevvitFormDialog_onDialogClosed = new WeakMap();
|
|
182
196
|
_DevvitFormDialog_dispatchFormStatusToHost = new WeakMap();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devvit/ui-renderer",
|
|
3
|
-
"version": "0.10.11-next-2023-12-14-
|
|
3
|
+
"version": "0.10.11-next-2023-12-14-28a095601.0",
|
|
4
4
|
"license": "BSD-3-Clause",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
},
|
|
55
55
|
"types": "./index.d.ts",
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@devvit/protos": "0.10.11-next-2023-12-14-
|
|
58
|
-
"@devvit/runtime-lite": "0.10.11-next-2023-12-14-
|
|
59
|
-
"@devvit/runtimes": "0.10.11-next-2023-12-14-
|
|
60
|
-
"@devvit/shared-types": "0.10.11-next-2023-12-14-
|
|
57
|
+
"@devvit/protos": "0.10.11-next-2023-12-14-28a095601.0",
|
|
58
|
+
"@devvit/runtime-lite": "0.10.11-next-2023-12-14-28a095601.0",
|
|
59
|
+
"@devvit/runtimes": "0.10.11-next-2023-12-14-28a095601.0",
|
|
60
|
+
"@devvit/shared-types": "0.10.11-next-2023-12-14-28a095601.0",
|
|
61
61
|
"@lottiefiles/lottie-player": "1.7.1",
|
|
62
62
|
"p-queue": "7.3.4",
|
|
63
63
|
"rxjs": "7.5.7"
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"devDependencies": {
|
|
85
85
|
"@devvit/eslint-config": "0.10.10",
|
|
86
86
|
"@devvit/repo-tools": "0.10.10",
|
|
87
|
-
"@devvit/tsconfig": "0.10.11-next-2023-12-14-
|
|
87
|
+
"@devvit/tsconfig": "0.10.11-next-2023-12-14-28a095601.0",
|
|
88
88
|
"@lit-labs/ssr": "^2.2.3",
|
|
89
89
|
"@lit/localize": "0.11.4",
|
|
90
90
|
"@open-wc/testing-helpers": "2.3.0",
|
|
@@ -116,5 +116,5 @@
|
|
|
116
116
|
"directory": "dist"
|
|
117
117
|
},
|
|
118
118
|
"source": "./src/index.ts",
|
|
119
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "e3fa8e83fc57754e27b59fec4ae2c010dac71913"
|
|
120
120
|
}
|