impaktapps-ui-builder 0.0.273 → 0.0.274

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.
@@ -7932,7 +7932,7 @@ async function executeCustomHandler(customHandlerConfig, componentName, store, d
7932
7932
  return { response: void 0, events: customHandlerConfig == null ? void 0 : customHandlerConfig.events };
7933
7933
  }
7934
7934
  async function mergeFormdata(handlerResponse, componentName2, eventConfig, store2) {
7935
- if (eventConfig.type === "Select" && !_.isEmpty(handlerResponse)) {
7935
+ if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse) && handlerResponse)) {
7936
7936
  store2.setSchema((pre) => {
7937
7937
  return {
7938
7938
  ...pre,
@@ -8129,7 +8129,7 @@ var leaderBoard = {
8129
8129
  wrapperStyle: {
8130
8130
  position: "relative",
8131
8131
  width: "100%",
8132
- height: 1200
8132
+ height: 1e3
8133
8133
  }
8134
8134
  },
8135
8135
  elements: [
@@ -8140,14 +8140,20 @@ var leaderBoard = {
8140
8140
  main: {
8141
8141
  url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
8142
8142
  },
8143
- style: {
8143
+ containerStyle: {
8144
8144
  objectFit: "cover",
8145
8145
  position: "absolute",
8146
- top: "60px",
8147
- left: "calc(50% - 85px)",
8148
- width: "180px",
8146
+ top: { xs: "90px", "md": "60px" },
8147
+ left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
8148
+ width: { "xs": "100px", "sm": "100px", "md": "200px" },
8149
8149
  border: "5px solid rgb(179, 198, 255)",
8150
- height: "180px",
8150
+ height: { "xs": "100px", "sm": "100px", "md": "200px" },
8151
+ borderRadius: "50%"
8152
+ },
8153
+ style: {
8154
+ objectFit: "cover",
8155
+ width: "100%",
8156
+ height: "100%",
8151
8157
  borderRadius: "50%"
8152
8158
  },
8153
8159
  layout: 6
@@ -8163,14 +8169,20 @@ var leaderBoard = {
8163
8169
  main: {
8164
8170
  url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
8165
8171
  },
8166
- style: {
8172
+ containerStyle: {
8167
8173
  objectFit: "cover",
8168
8174
  position: "absolute",
8169
- top: "130px",
8170
- left: "calc(25% - 90px)",
8171
- width: "180px",
8175
+ top: { xs: "160px", "md": "130px" },
8176
+ left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
8177
+ width: { "xs": "80px", "sm": "80px", "md": "180px" },
8172
8178
  border: "5px solid rgb(179, 198, 255)",
8173
- height: "180px",
8179
+ height: { "xs": "80px", "sm": "80px", "md": "180px" },
8180
+ borderRadius: "50%"
8181
+ },
8182
+ style: {
8183
+ objectFit: "cover",
8184
+ width: "100%",
8185
+ height: "100%",
8174
8186
  borderRadius: "50%"
8175
8187
  },
8176
8188
  layout: 6
@@ -8186,14 +8198,20 @@ var leaderBoard = {
8186
8198
  main: {
8187
8199
  url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
8188
8200
  },
8189
- style: {
8201
+ containerStyle: {
8190
8202
  objectFit: "cover",
8191
8203
  position: "absolute",
8192
- top: "130px",
8193
- left: "calc(75% - 85px)",
8194
- width: "170px",
8204
+ top: { xs: "160px", "md": "130px" },
8205
+ left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
8206
+ width: { "xs": "80px", "sm": "80px", "md": "180px" },
8195
8207
  border: "5px solid rgb(179, 198, 255)",
8196
- height: "180px",
8208
+ height: { "xs": "80px", "sm": "80px", "md": "180px" },
8209
+ borderRadius: "50%"
8210
+ },
8211
+ style: {
8212
+ objectFit: "cover",
8213
+ width: "100%",
8214
+ height: "100%",
8197
8215
  borderRadius: "50%"
8198
8216
  },
8199
8217
  layout: 6
@@ -8212,15 +8230,17 @@ var leaderBoard = {
8212
8230
  style: {
8213
8231
  objectFit: "cover",
8214
8232
  position: "absolute",
8215
- top: "250px",
8216
8233
  display: "flex",
8217
8234
  justifyContent: "center",
8218
8235
  alignItems: "center",
8219
8236
  color: "black",
8237
+ top: { xs: "190px", md: "270px" },
8238
+ fontSize: { xs: "12px", md: "20px" },
8220
8239
  left: "calc(50% - 90px)",
8221
8240
  width: "180px",
8222
8241
  fontWeight: "bold",
8223
- borderRadius: "50%"
8242
+ borderRadius: "50%",
8243
+ zIndex: 7
8224
8244
  },
8225
8245
  layout: 6
8226
8246
  },
@@ -8238,11 +8258,12 @@ var leaderBoard = {
8238
8258
  style: {
8239
8259
  objectFit: "cover",
8240
8260
  position: "absolute",
8241
- top: "320px",
8242
8261
  display: "flex",
8243
8262
  justifyContent: "center",
8244
8263
  alignItems: "center",
8245
8264
  color: "black",
8265
+ top: { xs: "240px", md: "320px" },
8266
+ fontSize: { xs: "12px", md: "20px" },
8246
8267
  left: "calc(25% - 90px)",
8247
8268
  width: "180px",
8248
8269
  fontWeight: "bold",
@@ -8264,11 +8285,12 @@ var leaderBoard = {
8264
8285
  style: {
8265
8286
  objectFit: "cover",
8266
8287
  position: "absolute",
8267
- top: "320px",
8268
8288
  display: "flex",
8269
8289
  justifyContent: "center",
8270
8290
  alignItems: "center",
8271
8291
  color: "black",
8292
+ top: { xs: "240px", md: "320px" },
8293
+ fontSize: { xs: "12px", md: "20px" },
8272
8294
  left: "calc(75% - 90px)",
8273
8295
  width: "180px",
8274
8296
  fontWeight: "bold",
@@ -8290,14 +8312,18 @@ var leaderBoard = {
8290
8312
  style: {
8291
8313
  objectFit: "cover",
8292
8314
  position: "absolute",
8293
- top: "280px",
8294
8315
  display: "flex",
8295
8316
  justifyContent: "center",
8296
8317
  alignItems: "center",
8297
8318
  textShadow: "2px 2px 5px #5065C7",
8298
8319
  background: "green",
8299
8320
  color: "white",
8300
- left: "calc(25% - 16px)",
8321
+ top: { xs: "225px", md: "280px" },
8322
+ fontSize: { xs: "12px", md: "16px" },
8323
+ left: { xs: "calc(25% - 12px)", md: "calc(25% - 16px)" },
8324
+ width: { xs: "20px", md: "40px" },
8325
+ border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
8326
+ height: { xs: "20px", md: "40px" },
8301
8327
  "@keyframes rotateAnimation": {
8302
8328
  from: {
8303
8329
  transform: "rotate(0deg)"
@@ -8307,10 +8333,8 @@ var leaderBoard = {
8307
8333
  }
8308
8334
  },
8309
8335
  animation: "rotateAnimation 4s infinite",
8310
- width: "40px",
8311
- border: "5px solid rgb(179, 198, 255)",
8312
- height: "40px",
8313
- borderRadius: "50%"
8336
+ borderRadius: "50%",
8337
+ zIndex: 5
8314
8338
  },
8315
8339
  layout: 6
8316
8340
  },
@@ -8328,14 +8352,15 @@ var leaderBoard = {
8328
8352
  style: {
8329
8353
  objectFit: "cover",
8330
8354
  position: "absolute",
8331
- top: "210px",
8332
8355
  display: "flex",
8333
8356
  justifyContent: "center",
8334
8357
  alignItems: "center",
8335
8358
  textShadow: "2px 2px 5px #5065C7",
8336
8359
  background: "green",
8337
8360
  color: "white",
8338
- left: "calc(50% - 16px)",
8361
+ top: { xs: "175px", md: "230px" },
8362
+ fontSize: { xs: "12px", md: "16px" },
8363
+ left: { xs: "calc(50% - 12px)", md: "calc(50% - 16px)" },
8339
8364
  "@keyframes rotateAnimation": {
8340
8365
  from: {
8341
8366
  transform: "rotate(0deg)"
@@ -8345,10 +8370,11 @@ var leaderBoard = {
8345
8370
  }
8346
8371
  },
8347
8372
  animation: "rotateAnimation 4s infinite",
8348
- width: "40px",
8349
- border: "5px solid rgb(179, 198, 255)",
8350
- height: "40px",
8351
- borderRadius: "50%"
8373
+ width: { xs: "20px", md: "40px" },
8374
+ border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
8375
+ height: { xs: "20px", md: "40px" },
8376
+ borderRadius: "50%",
8377
+ zIndex: 5
8352
8378
  },
8353
8379
  layout: 6
8354
8380
  },
@@ -8366,14 +8392,18 @@ var leaderBoard = {
8366
8392
  style: {
8367
8393
  objectFit: "cover",
8368
8394
  position: "absolute",
8369
- top: "280px",
8370
8395
  display: "flex",
8371
8396
  justifyContent: "center",
8372
8397
  alignItems: "center",
8373
8398
  textShadow: "2px 2px 5px #5065C7",
8374
8399
  background: "green",
8375
8400
  color: "white",
8376
- left: "calc(75% - 20px)",
8401
+ top: { xs: "225px", md: "280px" },
8402
+ fontSize: { xs: "12px", md: "16px" },
8403
+ left: { xs: "calc(75% - 12px)", md: "calc(75% - 16px)" },
8404
+ width: { xs: "20px", md: "40px" },
8405
+ border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
8406
+ height: { xs: "20px", md: "40px" },
8377
8407
  "@keyframes rotateAnimation": {
8378
8408
  from: {
8379
8409
  transform: "rotate(0deg)"
@@ -8383,10 +8413,8 @@ var leaderBoard = {
8383
8413
  }
8384
8414
  },
8385
8415
  animation: "rotateAnimation 4s infinite",
8386
- width: "40px",
8387
- border: "5px solid rgb(179, 198, 255)",
8388
- height: "40px",
8389
- borderRadius: "50%"
8416
+ borderRadius: "50%",
8417
+ zIndex: 5
8390
8418
  },
8391
8419
  layout: 6
8392
8420
  },
@@ -8408,7 +8436,7 @@ var leaderBoard = {
8408
8436
  background: "rgb(179, 198, 255)"
8409
8437
  },
8410
8438
  position: "absolute",
8411
- top: "390px",
8439
+ top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
8412
8440
  border: "2px solid rgb(179, 198, 255)",
8413
8441
  width: "95%",
8414
8442
  left: "2.5%"