@dev-crew-berlin/enter-js-utils 0.32.0 → 0.33.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.
- package/dist/generated/api-schema.d.ts +86 -98
- package/dist/models/attendee.d.ts +1 -1
- package/dist/models/attendee.js +1 -1
- package/dist/ui/checkin-count-indicator.d.ts +1 -1
- package/dist/ui/checkin-count-indicator.js +1 -1
- package/dist/ui/checkin-count-indicator.stories.d.ts +10 -10
- package/dist/ui/checkin-count-indicator.stories.js +2 -2
- package/dist/ui/form-elements/search-input.d.ts +3 -3
- package/dist/ui/form-elements/search-input.js +5 -5
- package/dist/ui/form-elements/search-input.stories.d.ts +11 -6
- package/dist/ui/form-elements/search-input.stories.js +10 -0
- package/package.json +1 -1
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
* Do not make direct changes to the file.
|
|
4
4
|
*/
|
|
5
5
|
export declare type paths = {
|
|
6
|
+
"/health": {
|
|
7
|
+
/** healthcheck to see if api server is running */
|
|
8
|
+
get: operations["healthcheck_health_get"];
|
|
9
|
+
};
|
|
6
10
|
"/authenticate": {
|
|
7
11
|
post: operations["login_authenticate_post"];
|
|
8
12
|
};
|
|
@@ -207,6 +211,11 @@ export declare type components = {
|
|
|
207
211
|
* @default false
|
|
208
212
|
*/
|
|
209
213
|
isMetaField: boolean;
|
|
214
|
+
/**
|
|
215
|
+
* Static
|
|
216
|
+
* @default false
|
|
217
|
+
*/
|
|
218
|
+
static: boolean;
|
|
210
219
|
/**
|
|
211
220
|
* Required
|
|
212
221
|
* @default false
|
|
@@ -217,15 +226,8 @@ export declare type components = {
|
|
|
217
226
|
* @default false
|
|
218
227
|
*/
|
|
219
228
|
hidden: boolean;
|
|
220
|
-
/**
|
|
221
|
-
* Attendeesonly
|
|
222
|
-
* @default false
|
|
223
|
-
*/
|
|
224
|
-
attendeesOnly: boolean;
|
|
225
229
|
/** Value */
|
|
226
230
|
value?: string;
|
|
227
|
-
/** If */
|
|
228
|
-
if?: string;
|
|
229
231
|
};
|
|
230
232
|
/** AuthResponse */
|
|
231
233
|
AuthResponse: {
|
|
@@ -291,6 +293,11 @@ export declare type components = {
|
|
|
291
293
|
* @default false
|
|
292
294
|
*/
|
|
293
295
|
isMetaField: boolean;
|
|
296
|
+
/**
|
|
297
|
+
* Static
|
|
298
|
+
* @default false
|
|
299
|
+
*/
|
|
300
|
+
static: boolean;
|
|
294
301
|
/**
|
|
295
302
|
* Required
|
|
296
303
|
* @default false
|
|
@@ -301,15 +308,8 @@ export declare type components = {
|
|
|
301
308
|
* @default false
|
|
302
309
|
*/
|
|
303
310
|
hidden: boolean;
|
|
304
|
-
/**
|
|
305
|
-
* Attendeesonly
|
|
306
|
-
* @default false
|
|
307
|
-
*/
|
|
308
|
-
attendeesOnly: boolean;
|
|
309
311
|
/** Value */
|
|
310
312
|
value?: string;
|
|
311
|
-
/** If */
|
|
312
|
-
if?: string;
|
|
313
313
|
};
|
|
314
314
|
/** CheckboxGroupField */
|
|
315
315
|
CheckboxGroupField: {
|
|
@@ -342,6 +342,11 @@ export declare type components = {
|
|
|
342
342
|
* @default false
|
|
343
343
|
*/
|
|
344
344
|
isMetaField: boolean;
|
|
345
|
+
/**
|
|
346
|
+
* Static
|
|
347
|
+
* @default false
|
|
348
|
+
*/
|
|
349
|
+
static: boolean;
|
|
345
350
|
/**
|
|
346
351
|
* Required
|
|
347
352
|
* @default false
|
|
@@ -352,15 +357,8 @@ export declare type components = {
|
|
|
352
357
|
* @default false
|
|
353
358
|
*/
|
|
354
359
|
hidden: boolean;
|
|
355
|
-
/**
|
|
356
|
-
* Attendeesonly
|
|
357
|
-
* @default false
|
|
358
|
-
*/
|
|
359
|
-
attendeesOnly: boolean;
|
|
360
360
|
/** Value */
|
|
361
361
|
value?: string[];
|
|
362
|
-
/** If */
|
|
363
|
-
if?: string;
|
|
364
362
|
/**
|
|
365
363
|
* Items
|
|
366
364
|
* @default []
|
|
@@ -507,6 +505,11 @@ export declare type components = {
|
|
|
507
505
|
* @default false
|
|
508
506
|
*/
|
|
509
507
|
isMetaField: boolean;
|
|
508
|
+
/**
|
|
509
|
+
* Static
|
|
510
|
+
* @default false
|
|
511
|
+
*/
|
|
512
|
+
static: boolean;
|
|
510
513
|
/**
|
|
511
514
|
* Required
|
|
512
515
|
* @default false
|
|
@@ -517,18 +520,11 @@ export declare type components = {
|
|
|
517
520
|
* @default false
|
|
518
521
|
*/
|
|
519
522
|
hidden: boolean;
|
|
520
|
-
/**
|
|
521
|
-
* Attendeesonly
|
|
522
|
-
* @default false
|
|
523
|
-
*/
|
|
524
|
-
attendeesOnly: boolean;
|
|
525
523
|
/**
|
|
526
524
|
* Value
|
|
527
525
|
* Format: date-time
|
|
528
526
|
*/
|
|
529
527
|
value?: string;
|
|
530
|
-
/** If */
|
|
531
|
-
if?: string;
|
|
532
528
|
};
|
|
533
529
|
/** DropdownField */
|
|
534
530
|
DropdownField: {
|
|
@@ -561,6 +557,11 @@ export declare type components = {
|
|
|
561
557
|
* @default false
|
|
562
558
|
*/
|
|
563
559
|
isMetaField: boolean;
|
|
560
|
+
/**
|
|
561
|
+
* Static
|
|
562
|
+
* @default false
|
|
563
|
+
*/
|
|
564
|
+
static: boolean;
|
|
564
565
|
/**
|
|
565
566
|
* Required
|
|
566
567
|
* @default false
|
|
@@ -571,15 +572,8 @@ export declare type components = {
|
|
|
571
572
|
* @default false
|
|
572
573
|
*/
|
|
573
574
|
hidden: boolean;
|
|
574
|
-
/**
|
|
575
|
-
* Attendeesonly
|
|
576
|
-
* @default false
|
|
577
|
-
*/
|
|
578
|
-
attendeesOnly: boolean;
|
|
579
575
|
/** Value */
|
|
580
576
|
value?: string;
|
|
581
|
-
/** If */
|
|
582
|
-
if?: string;
|
|
583
577
|
/**
|
|
584
578
|
* Items
|
|
585
579
|
* @default []
|
|
@@ -617,6 +611,11 @@ export declare type components = {
|
|
|
617
611
|
* @default false
|
|
618
612
|
*/
|
|
619
613
|
isMetaField: boolean;
|
|
614
|
+
/**
|
|
615
|
+
* Static
|
|
616
|
+
* @default false
|
|
617
|
+
*/
|
|
618
|
+
static: boolean;
|
|
620
619
|
/**
|
|
621
620
|
* Required
|
|
622
621
|
* @default false
|
|
@@ -627,15 +626,8 @@ export declare type components = {
|
|
|
627
626
|
* @default false
|
|
628
627
|
*/
|
|
629
628
|
hidden: boolean;
|
|
630
|
-
/**
|
|
631
|
-
* Attendeesonly
|
|
632
|
-
* @default false
|
|
633
|
-
*/
|
|
634
|
-
attendeesOnly: boolean;
|
|
635
629
|
/** Value */
|
|
636
630
|
value?: string;
|
|
637
|
-
/** If */
|
|
638
|
-
if?: string;
|
|
639
631
|
/** Min */
|
|
640
632
|
min?: number;
|
|
641
633
|
/** Max */
|
|
@@ -696,6 +688,11 @@ export declare type components = {
|
|
|
696
688
|
* @default false
|
|
697
689
|
*/
|
|
698
690
|
isMetaField: boolean;
|
|
691
|
+
/**
|
|
692
|
+
* Static
|
|
693
|
+
* @default false
|
|
694
|
+
*/
|
|
695
|
+
static: boolean;
|
|
699
696
|
/**
|
|
700
697
|
* Required
|
|
701
698
|
* @default false
|
|
@@ -706,15 +703,8 @@ export declare type components = {
|
|
|
706
703
|
* @default false
|
|
707
704
|
*/
|
|
708
705
|
hidden: boolean;
|
|
709
|
-
/**
|
|
710
|
-
* Attendeesonly
|
|
711
|
-
* @default false
|
|
712
|
-
*/
|
|
713
|
-
attendeesOnly: boolean;
|
|
714
706
|
/** Value */
|
|
715
707
|
value?: string;
|
|
716
|
-
/** If */
|
|
717
|
-
if?: string;
|
|
718
708
|
/** Min */
|
|
719
709
|
min?: number;
|
|
720
710
|
/** Max */
|
|
@@ -758,6 +748,11 @@ export declare type components = {
|
|
|
758
748
|
* @default false
|
|
759
749
|
*/
|
|
760
750
|
isMetaField: boolean;
|
|
751
|
+
/**
|
|
752
|
+
* Static
|
|
753
|
+
* @default false
|
|
754
|
+
*/
|
|
755
|
+
static: boolean;
|
|
761
756
|
/**
|
|
762
757
|
* Required
|
|
763
758
|
* @default false
|
|
@@ -768,15 +763,8 @@ export declare type components = {
|
|
|
768
763
|
* @default false
|
|
769
764
|
*/
|
|
770
765
|
hidden: boolean;
|
|
771
|
-
/**
|
|
772
|
-
* Attendeesonly
|
|
773
|
-
* @default false
|
|
774
|
-
*/
|
|
775
|
-
attendeesOnly: boolean;
|
|
776
766
|
/** Value */
|
|
777
767
|
value?: string;
|
|
778
|
-
/** If */
|
|
779
|
-
if?: string;
|
|
780
768
|
/** Min */
|
|
781
769
|
min?: number;
|
|
782
770
|
/** Max */
|
|
@@ -835,6 +823,11 @@ export declare type components = {
|
|
|
835
823
|
* @default false
|
|
836
824
|
*/
|
|
837
825
|
isMetaField: boolean;
|
|
826
|
+
/**
|
|
827
|
+
* Static
|
|
828
|
+
* @default false
|
|
829
|
+
*/
|
|
830
|
+
static: boolean;
|
|
838
831
|
/**
|
|
839
832
|
* Required
|
|
840
833
|
* @default false
|
|
@@ -845,15 +838,8 @@ export declare type components = {
|
|
|
845
838
|
* @default false
|
|
846
839
|
*/
|
|
847
840
|
hidden: boolean;
|
|
848
|
-
/**
|
|
849
|
-
* Attendeesonly
|
|
850
|
-
* @default false
|
|
851
|
-
*/
|
|
852
|
-
attendeesOnly: boolean;
|
|
853
841
|
/** Value */
|
|
854
842
|
value?: string;
|
|
855
|
-
/** If */
|
|
856
|
-
if?: string;
|
|
857
843
|
/** Min */
|
|
858
844
|
min?: number;
|
|
859
845
|
/** Max */
|
|
@@ -907,6 +893,11 @@ export declare type components = {
|
|
|
907
893
|
* @default false
|
|
908
894
|
*/
|
|
909
895
|
isMetaField: boolean;
|
|
896
|
+
/**
|
|
897
|
+
* Static
|
|
898
|
+
* @default false
|
|
899
|
+
*/
|
|
900
|
+
static: boolean;
|
|
910
901
|
/**
|
|
911
902
|
* Required
|
|
912
903
|
* @default false
|
|
@@ -917,15 +908,8 @@ export declare type components = {
|
|
|
917
908
|
* @default false
|
|
918
909
|
*/
|
|
919
910
|
hidden: boolean;
|
|
920
|
-
/**
|
|
921
|
-
* Attendeesonly
|
|
922
|
-
* @default false
|
|
923
|
-
*/
|
|
924
|
-
attendeesOnly: boolean;
|
|
925
911
|
/** Value */
|
|
926
912
|
value?: string;
|
|
927
|
-
/** If */
|
|
928
|
-
if?: string;
|
|
929
913
|
/** Min */
|
|
930
914
|
min?: number;
|
|
931
915
|
/** Max */
|
|
@@ -1091,6 +1075,11 @@ export declare type components = {
|
|
|
1091
1075
|
* @default false
|
|
1092
1076
|
*/
|
|
1093
1077
|
isMetaField: boolean;
|
|
1078
|
+
/**
|
|
1079
|
+
* Static
|
|
1080
|
+
* @default false
|
|
1081
|
+
*/
|
|
1082
|
+
static: boolean;
|
|
1094
1083
|
/**
|
|
1095
1084
|
* Required
|
|
1096
1085
|
* @default false
|
|
@@ -1101,15 +1090,8 @@ export declare type components = {
|
|
|
1101
1090
|
* @default false
|
|
1102
1091
|
*/
|
|
1103
1092
|
hidden: boolean;
|
|
1104
|
-
/**
|
|
1105
|
-
* Attendeesonly
|
|
1106
|
-
* @default false
|
|
1107
|
-
*/
|
|
1108
|
-
attendeesOnly: boolean;
|
|
1109
1093
|
/** Value */
|
|
1110
1094
|
value?: string;
|
|
1111
|
-
/** If */
|
|
1112
|
-
if?: string;
|
|
1113
1095
|
/** Itemval */
|
|
1114
1096
|
itemval?: string;
|
|
1115
1097
|
};
|
|
@@ -1144,6 +1126,11 @@ export declare type components = {
|
|
|
1144
1126
|
* @default false
|
|
1145
1127
|
*/
|
|
1146
1128
|
isMetaField: boolean;
|
|
1129
|
+
/**
|
|
1130
|
+
* Static
|
|
1131
|
+
* @default false
|
|
1132
|
+
*/
|
|
1133
|
+
static: boolean;
|
|
1147
1134
|
/**
|
|
1148
1135
|
* Required
|
|
1149
1136
|
* @default false
|
|
@@ -1154,15 +1141,8 @@ export declare type components = {
|
|
|
1154
1141
|
* @default false
|
|
1155
1142
|
*/
|
|
1156
1143
|
hidden: boolean;
|
|
1157
|
-
/**
|
|
1158
|
-
* Attendeesonly
|
|
1159
|
-
* @default false
|
|
1160
|
-
*/
|
|
1161
|
-
attendeesOnly: boolean;
|
|
1162
1144
|
/** Value */
|
|
1163
1145
|
value?: string;
|
|
1164
|
-
/** If */
|
|
1165
|
-
if?: string;
|
|
1166
1146
|
/**
|
|
1167
1147
|
* Items
|
|
1168
1148
|
* @default []
|
|
@@ -1228,6 +1208,12 @@ export declare type components = {
|
|
|
1228
1208
|
* @default false
|
|
1229
1209
|
*/
|
|
1230
1210
|
isMetaField: boolean;
|
|
1211
|
+
/**
|
|
1212
|
+
* Static
|
|
1213
|
+
* @default true
|
|
1214
|
+
* @enum {boolean}
|
|
1215
|
+
*/
|
|
1216
|
+
static: true;
|
|
1231
1217
|
/**
|
|
1232
1218
|
* Required
|
|
1233
1219
|
* @default false
|
|
@@ -1238,15 +1224,8 @@ export declare type components = {
|
|
|
1238
1224
|
* @default false
|
|
1239
1225
|
*/
|
|
1240
1226
|
hidden: boolean;
|
|
1241
|
-
/**
|
|
1242
|
-
* Attendeesonly
|
|
1243
|
-
* @default false
|
|
1244
|
-
*/
|
|
1245
|
-
attendeesOnly: boolean;
|
|
1246
1227
|
/** Value */
|
|
1247
1228
|
value?: string;
|
|
1248
|
-
/** If */
|
|
1249
|
-
if?: string;
|
|
1250
1229
|
};
|
|
1251
1230
|
/** TextField */
|
|
1252
1231
|
TextField: {
|
|
@@ -1279,6 +1258,11 @@ export declare type components = {
|
|
|
1279
1258
|
* @default false
|
|
1280
1259
|
*/
|
|
1281
1260
|
isMetaField: boolean;
|
|
1261
|
+
/**
|
|
1262
|
+
* Static
|
|
1263
|
+
* @default false
|
|
1264
|
+
*/
|
|
1265
|
+
static: boolean;
|
|
1282
1266
|
/**
|
|
1283
1267
|
* Required
|
|
1284
1268
|
* @default false
|
|
@@ -1289,15 +1273,8 @@ export declare type components = {
|
|
|
1289
1273
|
* @default false
|
|
1290
1274
|
*/
|
|
1291
1275
|
hidden: boolean;
|
|
1292
|
-
/**
|
|
1293
|
-
* Attendeesonly
|
|
1294
|
-
* @default false
|
|
1295
|
-
*/
|
|
1296
|
-
attendeesOnly: boolean;
|
|
1297
1276
|
/** Value */
|
|
1298
1277
|
value?: string;
|
|
1299
|
-
/** If */
|
|
1300
|
-
if?: string;
|
|
1301
1278
|
/** Min */
|
|
1302
1279
|
min?: number;
|
|
1303
1280
|
/** Max */
|
|
@@ -1364,6 +1341,17 @@ export declare type components = {
|
|
|
1364
1341
|
};
|
|
1365
1342
|
};
|
|
1366
1343
|
export declare type operations = {
|
|
1344
|
+
/** healthcheck to see if api server is running */
|
|
1345
|
+
healthcheck_health_get: {
|
|
1346
|
+
responses: {
|
|
1347
|
+
/** Successful Response */
|
|
1348
|
+
200: {
|
|
1349
|
+
content: {
|
|
1350
|
+
"application/json": unknown;
|
|
1351
|
+
};
|
|
1352
|
+
};
|
|
1353
|
+
};
|
|
1354
|
+
};
|
|
1367
1355
|
login_authenticate_post: {
|
|
1368
1356
|
responses: {
|
|
1369
1357
|
/** Successful Response */
|
|
@@ -27,7 +27,7 @@ export declare class Attendee {
|
|
|
27
27
|
constructor(args: AttendeeJSON | string);
|
|
28
28
|
toJSON(): AttendeeJSON;
|
|
29
29
|
getRsvpCountForTag(checkinTag: string): number;
|
|
30
|
-
getResponseForTag(checkinTag: string): 'no-response' | 'negative-
|
|
30
|
+
getResponseForTag(checkinTag: string): 'no-response' | 'negative-response' | 'positive-response';
|
|
31
31
|
getCheckinsForTag(checkinTag: string): Checkins;
|
|
32
32
|
getCheckinCountForTag(checkinTag: string): number;
|
|
33
33
|
addCheckinForTag(args: {
|
package/dist/models/attendee.js
CHANGED
|
@@ -49,7 +49,7 @@ export class Attendee {
|
|
|
49
49
|
getResponseForTag(checkinTag) {
|
|
50
50
|
const rsvp = this.rsvp[checkinTag] ?? null;
|
|
51
51
|
if (rsvp === null) return 'no-response';
|
|
52
|
-
return rsvp > 0 ? 'positive-response' : 'negative-
|
|
52
|
+
return rsvp > 0 ? 'positive-response' : 'negative-response';
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
getCheckinsForTag(checkinTag) {
|
|
@@ -9,7 +9,7 @@ declare type Props = {
|
|
|
9
9
|
rsvpCount: number;
|
|
10
10
|
} | {
|
|
11
11
|
checkins: Checkin[];
|
|
12
|
-
response: 'negative-
|
|
12
|
+
response: 'negative-response' | 'no-response';
|
|
13
13
|
};
|
|
14
14
|
export declare const CheckinCountIndicator: FunctionComponent<Props>;
|
|
15
15
|
export {};
|
|
@@ -24,7 +24,7 @@ export const CheckinCountIndicator = props => {
|
|
|
24
24
|
});
|
|
25
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
26
26
|
className: _JSXStyle.dynamic([["103743971", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'checkin-count-indicator'
|
|
27
|
-
}, props.response === 'negative-
|
|
27
|
+
}, props.response === 'negative-response' && !hasCheckins ? /*#__PURE__*/React.createElement("div", {
|
|
28
28
|
className: _JSXStyle.dynamic([["103743971", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'box-wrapper'
|
|
29
29
|
}, /*#__PURE__*/React.createElement("span", {
|
|
30
30
|
className: _JSXStyle.dynamic([["103743971", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'decline-box'
|
|
@@ -7,7 +7,7 @@ declare const _default: ComponentMeta<React.FunctionComponent<{
|
|
|
7
7
|
rsvpCount: number;
|
|
8
8
|
} | {
|
|
9
9
|
checkins: Checkin[];
|
|
10
|
-
response: "no-response" | "negative-
|
|
10
|
+
response: "no-response" | "negative-response";
|
|
11
11
|
}>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
export declare const SingleResponse: ComponentStory<React.FunctionComponent<{
|
|
@@ -16,7 +16,7 @@ export declare const SingleResponse: ComponentStory<React.FunctionComponent<{
|
|
|
16
16
|
rsvpCount: number;
|
|
17
17
|
} | {
|
|
18
18
|
checkins: Checkin[];
|
|
19
|
-
response: "no-response" | "negative-
|
|
19
|
+
response: "no-response" | "negative-response";
|
|
20
20
|
}>>;
|
|
21
21
|
export declare const Decline: ComponentStory<React.FunctionComponent<{
|
|
22
22
|
checkins: Checkin[];
|
|
@@ -24,7 +24,7 @@ export declare const Decline: ComponentStory<React.FunctionComponent<{
|
|
|
24
24
|
rsvpCount: number;
|
|
25
25
|
} | {
|
|
26
26
|
checkins: Checkin[];
|
|
27
|
-
response: "no-response" | "negative-
|
|
27
|
+
response: "no-response" | "negative-response";
|
|
28
28
|
}>>;
|
|
29
29
|
export declare const NoResponse: ComponentStory<React.FunctionComponent<{
|
|
30
30
|
checkins: Checkin[];
|
|
@@ -32,7 +32,7 @@ export declare const NoResponse: ComponentStory<React.FunctionComponent<{
|
|
|
32
32
|
rsvpCount: number;
|
|
33
33
|
} | {
|
|
34
34
|
checkins: Checkin[];
|
|
35
|
-
response: "no-response" | "negative-
|
|
35
|
+
response: "no-response" | "negative-response";
|
|
36
36
|
}>>;
|
|
37
37
|
export declare const MultipleResponses: ComponentStory<React.FunctionComponent<{
|
|
38
38
|
checkins: Checkin[];
|
|
@@ -40,7 +40,7 @@ export declare const MultipleResponses: ComponentStory<React.FunctionComponent<{
|
|
|
40
40
|
rsvpCount: number;
|
|
41
41
|
} | {
|
|
42
42
|
checkins: Checkin[];
|
|
43
|
-
response: "no-response" | "negative-
|
|
43
|
+
response: "no-response" | "negative-response";
|
|
44
44
|
}>>;
|
|
45
45
|
export declare const CheckinAndResponse: ComponentStory<React.FunctionComponent<{
|
|
46
46
|
checkins: Checkin[];
|
|
@@ -48,7 +48,7 @@ export declare const CheckinAndResponse: ComponentStory<React.FunctionComponent<
|
|
|
48
48
|
rsvpCount: number;
|
|
49
49
|
} | {
|
|
50
50
|
checkins: Checkin[];
|
|
51
|
-
response: "no-response" | "negative-
|
|
51
|
+
response: "no-response" | "negative-response";
|
|
52
52
|
}>>;
|
|
53
53
|
export declare const MultipleCheckinsAndResponse: ComponentStory<React.FunctionComponent<{
|
|
54
54
|
checkins: Checkin[];
|
|
@@ -56,7 +56,7 @@ export declare const MultipleCheckinsAndResponse: ComponentStory<React.FunctionC
|
|
|
56
56
|
rsvpCount: number;
|
|
57
57
|
} | {
|
|
58
58
|
checkins: Checkin[];
|
|
59
|
-
response: "no-response" | "negative-
|
|
59
|
+
response: "no-response" | "negative-response";
|
|
60
60
|
}>>;
|
|
61
61
|
export declare const CheckinsWithDecline: ComponentStory<React.FunctionComponent<{
|
|
62
62
|
checkins: Checkin[];
|
|
@@ -64,7 +64,7 @@ export declare const CheckinsWithDecline: ComponentStory<React.FunctionComponent
|
|
|
64
64
|
rsvpCount: number;
|
|
65
65
|
} | {
|
|
66
66
|
checkins: Checkin[];
|
|
67
|
-
response: "no-response" | "negative-
|
|
67
|
+
response: "no-response" | "negative-response";
|
|
68
68
|
}>>;
|
|
69
69
|
export declare const CheckinWithoutResponse: ComponentStory<React.FunctionComponent<{
|
|
70
70
|
checkins: Checkin[];
|
|
@@ -72,7 +72,7 @@ export declare const CheckinWithoutResponse: ComponentStory<React.FunctionCompon
|
|
|
72
72
|
rsvpCount: number;
|
|
73
73
|
} | {
|
|
74
74
|
checkins: Checkin[];
|
|
75
|
-
response: "no-response" | "negative-
|
|
75
|
+
response: "no-response" | "negative-response";
|
|
76
76
|
}>>;
|
|
77
77
|
export declare const MultipleCheckins: ComponentStory<React.FunctionComponent<{
|
|
78
78
|
checkins: Checkin[];
|
|
@@ -80,5 +80,5 @@ export declare const MultipleCheckins: ComponentStory<React.FunctionComponent<{
|
|
|
80
80
|
rsvpCount: number;
|
|
81
81
|
} | {
|
|
82
82
|
checkins: Checkin[];
|
|
83
|
-
response: "no-response" | "negative-
|
|
83
|
+
response: "no-response" | "negative-response";
|
|
84
84
|
}>>;
|
|
@@ -19,7 +19,7 @@ SingleResponse.args = {
|
|
|
19
19
|
export const Decline = Template.bind({});
|
|
20
20
|
Decline.args = {
|
|
21
21
|
checkins: [],
|
|
22
|
-
response: 'negative-
|
|
22
|
+
response: 'negative-response'
|
|
23
23
|
};
|
|
24
24
|
export const NoResponse = Template.bind({});
|
|
25
25
|
NoResponse.args = {
|
|
@@ -47,7 +47,7 @@ MultipleCheckinsAndResponse.args = {
|
|
|
47
47
|
export const CheckinsWithDecline = Template.bind({});
|
|
48
48
|
CheckinsWithDecline.args = {
|
|
49
49
|
checkins: [exampleCheckin],
|
|
50
|
-
response: 'negative-
|
|
50
|
+
response: 'negative-response'
|
|
51
51
|
};
|
|
52
52
|
export const CheckinWithoutResponse = Template.bind({});
|
|
53
53
|
CheckinWithoutResponse.args = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FunctionComponent, InputHTMLAttributes } from 'react';
|
|
2
2
|
declare type Props = InputHTMLAttributes<HTMLInputElement> & {
|
|
3
|
-
textColor
|
|
4
|
-
borderColor
|
|
5
|
-
placeholder
|
|
3
|
+
textColor?: string;
|
|
4
|
+
borderColor?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const SearchInput: FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -13,17 +13,17 @@ export const SearchInput = ({
|
|
|
13
13
|
}) => {
|
|
14
14
|
const id = useId();
|
|
15
15
|
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: _JSXStyle.dynamic([["
|
|
16
|
+
className: _JSXStyle.dynamic([["914481870", [theme.fonts.primary, textColor, borderColor, theme.colors.enterRed]]]) + " " + 'search-input'
|
|
17
17
|
}, /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: _JSXStyle.dynamic([["
|
|
18
|
+
className: _JSXStyle.dynamic([["914481870", [theme.fonts.primary, textColor, borderColor, theme.colors.enterRed]]]) + " " + 'icon'
|
|
19
19
|
}, /*#__PURE__*/React.createElement(SearchIcon, {
|
|
20
20
|
color: textColor
|
|
21
21
|
})), /*#__PURE__*/React.createElement("input", _extends({}, props, {
|
|
22
22
|
placeholder: placeholder,
|
|
23
23
|
id: id,
|
|
24
|
-
className: _JSXStyle.dynamic([["
|
|
24
|
+
className: _JSXStyle.dynamic([["914481870", [theme.fonts.primary, textColor, borderColor, theme.colors.enterRed]]]) + " " + (props && props.className != null && props.className || "")
|
|
25
25
|
})), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
26
|
-
id: "
|
|
26
|
+
id: "914481870",
|
|
27
27
|
dynamic: [theme.fonts.primary, textColor, borderColor, theme.colors.enterRed]
|
|
28
|
-
}, `.search-input.__jsx-style-dynamic-selector{display:grid;grid-template-areas:'icon-input';-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.1em;}.icon.__jsx-style-dynamic-selector{grid-area:icon-input;width:12px;height:
|
|
28
|
+
}, `.search-input.__jsx-style-dynamic-selector{display:grid;grid-template-areas:'icon-input';-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.1em;}.icon.__jsx-style-dynamic-selector{grid-area:icon-input;width:12px;height:16px;margin:0 0 0 0.2em;}input.__jsx-style-dynamic-selector{grid-area:icon-input;font-family:${theme.fonts.primary};font-size:1.1em;display:block;width:calc(100% - 20px);padding:0.2em 0 0.2em 20px;border:none;outline:none;background-color:transparent;color:${textColor};border-bottom:1px solid ${borderColor};border-radius:0;-webkit-transition:border-color 0.2s;transition:border-color 0.2s;}input.__jsx-style-dynamic-selector:focus{border-color:${theme.colors.enterRed};}`));
|
|
29
29
|
};
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
3
|
declare const _default: ComponentMeta<React.FunctionComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
4
|
-
textColor
|
|
5
|
-
borderColor
|
|
6
|
-
placeholder
|
|
4
|
+
textColor?: string | undefined;
|
|
5
|
+
borderColor?: string | undefined;
|
|
6
|
+
placeholder?: string | undefined;
|
|
7
7
|
}>>;
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const Basic: ComponentStory<React.FunctionComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
10
|
-
textColor
|
|
11
|
-
borderColor
|
|
12
|
-
placeholder
|
|
10
|
+
textColor?: string | undefined;
|
|
11
|
+
borderColor?: string | undefined;
|
|
12
|
+
placeholder?: string | undefined;
|
|
13
|
+
}>>;
|
|
14
|
+
export declare const WhiteText: ComponentStory<React.FunctionComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
15
|
+
textColor?: string | undefined;
|
|
16
|
+
borderColor?: string | undefined;
|
|
17
|
+
placeholder?: string | undefined;
|
|
13
18
|
}>>;
|
|
@@ -13,4 +13,14 @@ Basic.args = {
|
|
|
13
13
|
textColor: theme.colors.enterDarkGrey,
|
|
14
14
|
borderColor: theme.colors.enterMediumGrey,
|
|
15
15
|
placeholder: 'Search'
|
|
16
|
+
};
|
|
17
|
+
export const WhiteText = Template.bind({});
|
|
18
|
+
WhiteText.parameters = {
|
|
19
|
+
backgrounds: {
|
|
20
|
+
default: 'dark'
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
WhiteText.args = {
|
|
24
|
+
textColor: 'white',
|
|
25
|
+
borderColor: 'white'
|
|
16
26
|
};
|