@wavemaker-ai/react-codegen 1.0.0-rc.324 → 1.0.0-rc.328
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.
- package/dist/transpiler/index.d.mts +10 -1
- package/dist/transpiler/index.mjs +396 -91
- package/dist/transpiler/index.mjs.map +1 -1
- package/dist/transpiler/wm-styles.css +34 -30
- package/package-lock.json +44 -539
- package/package.json +7 -23
- package/src/app.generator.js +14 -1
- package/src/app.generator.js.map +1 -1
- package/src/transpile/bind.ex.transformer.js +42 -14
- package/src/transpile/bind.ex.transformer.js.map +1 -1
- package/src/transpile/components/container/wizardaction.transformer.js +27 -26
- package/src/transpile/components/container/wizardaction.transformer.js.map +1 -1
- package/src/transpile/components/container/wizardstep.transformer.js +1 -1
- package/src/transpile/components/container/wizardstep.transformer.js.map +1 -1
- package/src/transpile/components/data/form/form-field.transformer.js +16 -1
- package/src/transpile/components/data/form/form-field.transformer.js.map +1 -1
- package/src/transpile/components/data/live-filter-field.transformer.js +18 -5
- package/src/transpile/components/data/live-filter-field.transformer.js.map +1 -1
- package/src/transpile/components/data/table/table-row.transformer.js +3 -1
- package/src/transpile/components/data/table/table-row.transformer.js.map +1 -1
- package/src/transpile/components/data/table/utils.js +70 -0
- package/src/transpile/components/data/table/utils.js.map +1 -1
- package/src/transpile/components/dialogs/dialog.transformer.js +15 -8
- package/src/transpile/components/dialogs/dialog.transformer.js.map +1 -1
- package/src/transpile/components/page/build-partial-markup.js +12 -1
- package/src/transpile/components/page/build-partial-markup.js.map +1 -1
- package/src/transpile/components/transform-register.js +1 -0
- package/src/transpile/components/transform-register.js.map +1 -1
- package/src/transpile/components/wmx-component/wmx-component.transformer.js +12 -15
- package/src/transpile/components/wmx-component/wmx-component.transformer.js.map +1 -1
- package/src/transpile/property/property-parser.js +1 -0
- package/src/transpile/property/property-parser.js.map +1 -1
- package/src/transpile/style.transformer.js +6 -1
- package/src/transpile/style.transformer.js.map +1 -1
- package/src/transpile/transpile.js +1 -1
- package/src/transpile/transpile.js.map +1 -1
- package/src/transpile/transpiler.js +5 -1
- package/src/transpile/transpiler.js.map +1 -1
- package/src/transpile/widget-inline-style-constants.js +5 -2
- package/src/transpile/widget-inline-style-constants.js.map +1 -1
- package/src/transpile/widget-inline-style-processor.js +12 -5
- package/src/transpile/widget-inline-style-processor.js.map +1 -1
- package/src/utils.browser.js +96 -45
- package/src/utils.browser.js.map +1 -1
- package/src/utils.js +8 -161
- package/src/utils.js.map +1 -1
- package/src/wmx.generator.js +4 -26
- package/src/wmx.generator.js.map +1 -1
- package/templates/component/app.template.hbs +8 -0
- package/templates/project/app/autoLayout.css +31 -30
- package/templates/project/app/components.css +3 -0
- package/templates/project/package.json +4 -4
|
@@ -155,133 +155,134 @@
|
|
|
155
155
|
/* === ./autoLayout.css === */
|
|
156
156
|
/*
|
|
157
157
|
* Auto Layout — Predefined Static CSS Utility Classes
|
|
158
|
+
* Prefixed with wm- to avoid collision with foundation.css utilities.
|
|
158
159
|
/* ── Flex Container ── */
|
|
159
160
|
|
|
160
|
-
.d-flex {
|
|
161
|
+
.wm-d-flex {
|
|
161
162
|
display: flex !important;
|
|
162
163
|
}
|
|
163
164
|
|
|
164
|
-
.fd-row {
|
|
165
|
+
.wm-fd-row {
|
|
165
166
|
flex-direction: row !important;
|
|
166
167
|
}
|
|
167
168
|
|
|
168
|
-
.fd-column {
|
|
169
|
+
.wm-fd-column {
|
|
169
170
|
flex-direction: column !important;
|
|
170
171
|
}
|
|
171
172
|
|
|
172
|
-
.fw-nowrap {
|
|
173
|
+
.wm-fw-nowrap {
|
|
173
174
|
flex-wrap: nowrap !important;
|
|
174
175
|
}
|
|
175
176
|
|
|
176
|
-
.fw-wrap {
|
|
177
|
+
.wm-fw-wrap {
|
|
177
178
|
flex-wrap: wrap !important;
|
|
178
179
|
}
|
|
179
180
|
|
|
180
181
|
/* ── Flex Alignment ── */
|
|
181
182
|
|
|
182
|
-
.jc-flex-start {
|
|
183
|
+
.wm-jc-flex-start {
|
|
183
184
|
justify-content: flex-start !important;
|
|
184
185
|
}
|
|
185
186
|
|
|
186
|
-
.jc-center {
|
|
187
|
+
.wm-jc-center {
|
|
187
188
|
justify-content: center !important;
|
|
188
189
|
}
|
|
189
190
|
|
|
190
|
-
.jc-flex-end {
|
|
191
|
+
.wm-jc-flex-end {
|
|
191
192
|
justify-content: flex-end !important;
|
|
192
193
|
}
|
|
193
194
|
|
|
194
|
-
.jc-space-between {
|
|
195
|
+
.wm-jc-space-between {
|
|
195
196
|
justify-content: space-between !important;
|
|
196
197
|
}
|
|
197
198
|
|
|
198
|
-
.ai-flex-start {
|
|
199
|
+
.wm-ai-flex-start {
|
|
199
200
|
align-items: flex-start !important;
|
|
200
201
|
}
|
|
201
202
|
|
|
202
|
-
.ai-center {
|
|
203
|
+
.wm-ai-center {
|
|
203
204
|
align-items: center !important;
|
|
204
205
|
}
|
|
205
206
|
|
|
206
|
-
.ai-flex-end {
|
|
207
|
+
.wm-ai-flex-end {
|
|
207
208
|
align-items: flex-end !important;
|
|
208
209
|
}
|
|
209
210
|
|
|
210
|
-
.ai-stretch {
|
|
211
|
+
.wm-ai-stretch {
|
|
211
212
|
align-items: stretch !important;
|
|
212
213
|
}
|
|
213
214
|
|
|
214
|
-
.ac-flex-start {
|
|
215
|
+
.wm-ac-flex-start {
|
|
215
216
|
align-content: flex-start !important;
|
|
216
217
|
}
|
|
217
218
|
|
|
218
|
-
.ac-center {
|
|
219
|
+
.wm-ac-center {
|
|
219
220
|
align-content: center !important;
|
|
220
221
|
}
|
|
221
222
|
|
|
222
|
-
.ac-flex-end {
|
|
223
|
+
.wm-ac-flex-end {
|
|
223
224
|
align-content: flex-end !important;
|
|
224
225
|
}
|
|
225
226
|
|
|
226
|
-
.ac-space-between {
|
|
227
|
+
.wm-ac-space-between {
|
|
227
228
|
align-content: space-between !important;
|
|
228
229
|
}
|
|
229
230
|
|
|
230
231
|
/* ── Flex Item Sizing ── */
|
|
231
232
|
|
|
232
|
-
.fs-0 {
|
|
233
|
+
.wm-fs-0 {
|
|
233
234
|
flex-shrink: 0 !important;
|
|
234
235
|
}
|
|
235
236
|
|
|
236
|
-
.fg-1 {
|
|
237
|
+
.wm-fg-1 {
|
|
237
238
|
flex-grow: 1 !important;
|
|
238
239
|
}
|
|
239
240
|
|
|
240
|
-
.as-stretch {
|
|
241
|
+
.wm-as-stretch {
|
|
241
242
|
align-self: stretch !important;
|
|
242
243
|
}
|
|
243
244
|
|
|
244
245
|
/* ── Overflow (applied only when clipcontent is true) ── */
|
|
245
246
|
|
|
246
|
-
.ov-hidden {
|
|
247
|
+
.wm-ov-hidden {
|
|
247
248
|
overflow: hidden !important;
|
|
248
249
|
}
|
|
249
250
|
|
|
250
|
-
.ov-scroll {
|
|
251
|
+
.wm-ov-scroll {
|
|
251
252
|
overflow: scroll !important;
|
|
252
253
|
}
|
|
253
254
|
|
|
254
|
-
.ovx-scroll {
|
|
255
|
+
.wm-ovx-scroll {
|
|
255
256
|
overflow-x: scroll !important;
|
|
256
257
|
}
|
|
257
258
|
|
|
258
|
-
.ovx-hidden {
|
|
259
|
+
.wm-ovx-hidden {
|
|
259
260
|
overflow-x: hidden !important;
|
|
260
261
|
}
|
|
261
262
|
|
|
262
|
-
.ovy-scroll {
|
|
263
|
+
.wm-ovy-scroll {
|
|
263
264
|
overflow-y: scroll !important;
|
|
264
265
|
}
|
|
265
266
|
|
|
266
|
-
.ovy-hidden {
|
|
267
|
+
.wm-ovy-hidden {
|
|
267
268
|
overflow-y: hidden !important;
|
|
268
269
|
}
|
|
269
270
|
|
|
270
271
|
/* ── Position ── */
|
|
271
272
|
|
|
272
|
-
.pos-relative {
|
|
273
|
+
.wm-pos-relative {
|
|
273
274
|
position: relative !important;
|
|
274
275
|
}
|
|
275
276
|
|
|
276
|
-
.pos-absolute {
|
|
277
|
+
.wm-pos-absolute {
|
|
277
278
|
position: absolute !important;
|
|
278
279
|
}
|
|
279
280
|
|
|
280
|
-
.pos-sticky {
|
|
281
|
+
.wm-pos-sticky {
|
|
281
282
|
position: sticky !important;
|
|
282
283
|
}
|
|
283
284
|
|
|
284
|
-
.pos-fixed {
|
|
285
|
+
.wm-pos-fixed {
|
|
285
286
|
position: fixed !important;
|
|
286
287
|
}
|
|
287
288
|
|
|
@@ -484,6 +485,9 @@
|
|
|
484
485
|
color: var(--wm-search-dropdown-menu-item-color);
|
|
485
486
|
}
|
|
486
487
|
|
|
488
|
+
.wm-app .app-search.dropdown-menu li a.wm-search-item-link > span {
|
|
489
|
+
font-weight: var(--wm-search-dropdown-menu-item-font-weight);
|
|
490
|
+
}
|
|
487
491
|
/* page size selector widget css */
|
|
488
492
|
|
|
489
493
|
.wm-app .pagination.page-size-selector {
|