@dev-crew-berlin/enter-js-utils 0.3.2 → 0.3.3
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/ui/checkin-count-indicator.d.ts +5 -1
- package/dist/ui/checkin-count-indicator.js +2 -3
- package/dist/ui/checkin-count-indicator.js.map +1 -1
- package/dist/ui/checkin-count-indicator.stories.d.ts +50 -10
- package/dist/ui/checkin-count-indicator.stories.js +19 -10
- package/dist/ui/checkin-count-indicator.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,11 @@ export declare type Checkin = {
|
|
|
6
6
|
};
|
|
7
7
|
declare type Props = {
|
|
8
8
|
checkins: Checkin[];
|
|
9
|
-
|
|
9
|
+
didRespond: true;
|
|
10
|
+
rsvpCount: number;
|
|
11
|
+
} | {
|
|
12
|
+
checkins: Checkin[];
|
|
13
|
+
didRespond: false;
|
|
10
14
|
};
|
|
11
15
|
export declare const CheckinCountIndicator: FunctionComponent<Props>;
|
|
12
16
|
export {};
|
|
@@ -12,11 +12,10 @@ import { colors, fonts } from '../lib/theme';
|
|
|
12
12
|
import 'styled-jsx';
|
|
13
13
|
var CHUNK_SIZE = 5;
|
|
14
14
|
export var CheckinCountIndicator = function (props) {
|
|
15
|
-
var _a;
|
|
16
15
|
var checkinCount = props.checkins.length;
|
|
17
16
|
var hasCheckins = checkinCount > 0;
|
|
18
|
-
var didRsvp = props.
|
|
19
|
-
var rsvpCount =
|
|
17
|
+
var didRsvp = props.didRespond;
|
|
18
|
+
var rsvpCount = props.didRespond ? props.rsvpCount : 0;
|
|
20
19
|
var rsvpsWithoutCheckin = rsvpCount > checkinCount ? rsvpCount - checkinCount : 0;
|
|
21
20
|
var checkinsAndRsvp = __spreadArray(__spreadArray([], props.checkins, true), Array.from({ length: rsvpsWithoutCheckin }, function () { return 'rsvp'; }), true);
|
|
22
21
|
var chunked = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkin-count-indicator.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,YAAY,CAAA;AAGnB,IAAM,UAAU,GAAG,CAAC,CAAA;AAMpB,MAAM,CAAC,IAAM,qBAAqB,GAA6B,UAAC,KAAK
|
|
1
|
+
{"version":3,"file":"checkin-count-indicator.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,42 +3,82 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
|
3
3
|
import { Checkin } from './checkin-count-indicator';
|
|
4
4
|
declare const _default: ComponentMeta<React.FunctionComponent<{
|
|
5
5
|
checkins: Checkin[];
|
|
6
|
-
|
|
6
|
+
didRespond: true;
|
|
7
|
+
rsvpCount: number;
|
|
8
|
+
} | {
|
|
9
|
+
checkins: Checkin[];
|
|
10
|
+
didRespond: false;
|
|
7
11
|
}>>;
|
|
8
12
|
export default _default;
|
|
9
13
|
export declare const SingleResponse: ComponentStory<React.FunctionComponent<{
|
|
10
14
|
checkins: Checkin[];
|
|
11
|
-
|
|
15
|
+
didRespond: true;
|
|
16
|
+
rsvpCount: number;
|
|
17
|
+
} | {
|
|
18
|
+
checkins: Checkin[];
|
|
19
|
+
didRespond: false;
|
|
12
20
|
}>>;
|
|
13
21
|
export declare const Decline: ComponentStory<React.FunctionComponent<{
|
|
14
22
|
checkins: Checkin[];
|
|
15
|
-
|
|
23
|
+
didRespond: true;
|
|
24
|
+
rsvpCount: number;
|
|
25
|
+
} | {
|
|
26
|
+
checkins: Checkin[];
|
|
27
|
+
didRespond: false;
|
|
16
28
|
}>>;
|
|
17
29
|
export declare const NoResponse: ComponentStory<React.FunctionComponent<{
|
|
18
30
|
checkins: Checkin[];
|
|
19
|
-
|
|
31
|
+
didRespond: true;
|
|
32
|
+
rsvpCount: number;
|
|
33
|
+
} | {
|
|
34
|
+
checkins: Checkin[];
|
|
35
|
+
didRespond: false;
|
|
20
36
|
}>>;
|
|
21
37
|
export declare const MultipleResponses: ComponentStory<React.FunctionComponent<{
|
|
22
38
|
checkins: Checkin[];
|
|
23
|
-
|
|
39
|
+
didRespond: true;
|
|
40
|
+
rsvpCount: number;
|
|
41
|
+
} | {
|
|
42
|
+
checkins: Checkin[];
|
|
43
|
+
didRespond: false;
|
|
24
44
|
}>>;
|
|
25
45
|
export declare const CheckinAndResponse: ComponentStory<React.FunctionComponent<{
|
|
26
46
|
checkins: Checkin[];
|
|
27
|
-
|
|
47
|
+
didRespond: true;
|
|
48
|
+
rsvpCount: number;
|
|
49
|
+
} | {
|
|
50
|
+
checkins: Checkin[];
|
|
51
|
+
didRespond: false;
|
|
28
52
|
}>>;
|
|
29
53
|
export declare const MultipleCheckinsAndResponse: ComponentStory<React.FunctionComponent<{
|
|
30
54
|
checkins: Checkin[];
|
|
31
|
-
|
|
55
|
+
didRespond: true;
|
|
56
|
+
rsvpCount: number;
|
|
57
|
+
} | {
|
|
58
|
+
checkins: Checkin[];
|
|
59
|
+
didRespond: false;
|
|
32
60
|
}>>;
|
|
33
61
|
export declare const CheckinsWithDecline: ComponentStory<React.FunctionComponent<{
|
|
34
62
|
checkins: Checkin[];
|
|
35
|
-
|
|
63
|
+
didRespond: true;
|
|
64
|
+
rsvpCount: number;
|
|
65
|
+
} | {
|
|
66
|
+
checkins: Checkin[];
|
|
67
|
+
didRespond: false;
|
|
36
68
|
}>>;
|
|
37
69
|
export declare const CheckinWithoutResponse: ComponentStory<React.FunctionComponent<{
|
|
38
70
|
checkins: Checkin[];
|
|
39
|
-
|
|
71
|
+
didRespond: true;
|
|
72
|
+
rsvpCount: number;
|
|
73
|
+
} | {
|
|
74
|
+
checkins: Checkin[];
|
|
75
|
+
didRespond: false;
|
|
40
76
|
}>>;
|
|
41
77
|
export declare const MultipleCheckins: ComponentStory<React.FunctionComponent<{
|
|
42
78
|
checkins: Checkin[];
|
|
43
|
-
|
|
79
|
+
didRespond: true;
|
|
80
|
+
rsvpCount: number;
|
|
81
|
+
} | {
|
|
82
|
+
checkins: Checkin[];
|
|
83
|
+
didRespond: false;
|
|
44
84
|
}>>;
|
|
@@ -14,32 +14,41 @@ import { CheckinCountIndicator } from './checkin-count-indicator';
|
|
|
14
14
|
export default {
|
|
15
15
|
title: 'Checkin-Count Indicator',
|
|
16
16
|
component: CheckinCountIndicator,
|
|
17
|
-
argTypes: { rsvp: { type: { name: 'number' } } },
|
|
18
17
|
};
|
|
19
18
|
var exampleCheckin = { id: 'dummy-id', time: new Date('2022-01-01') };
|
|
20
19
|
var Template = function (args) { return (React.createElement(CheckinCountIndicator, __assign({}, args))); };
|
|
21
20
|
export var SingleResponse = Template.bind({});
|
|
22
|
-
SingleResponse.args = { checkins: [],
|
|
21
|
+
SingleResponse.args = { checkins: [], didRespond: true, rsvpCount: 1 };
|
|
23
22
|
export var Decline = Template.bind({});
|
|
24
|
-
Decline.args = { checkins: [],
|
|
23
|
+
Decline.args = { checkins: [], didRespond: true, rsvpCount: 0 };
|
|
25
24
|
export var NoResponse = Template.bind({});
|
|
26
|
-
NoResponse.args = { checkins: [],
|
|
25
|
+
NoResponse.args = { checkins: [], didRespond: false };
|
|
27
26
|
export var MultipleResponses = Template.bind({});
|
|
28
|
-
MultipleResponses.args = { checkins: [],
|
|
27
|
+
MultipleResponses.args = { checkins: [], didRespond: true, rsvpCount: 16 };
|
|
29
28
|
export var CheckinAndResponse = Template.bind({});
|
|
30
|
-
CheckinAndResponse.args = {
|
|
29
|
+
CheckinAndResponse.args = {
|
|
30
|
+
checkins: [exampleCheckin],
|
|
31
|
+
didRespond: true,
|
|
32
|
+
rsvpCount: 1,
|
|
33
|
+
};
|
|
31
34
|
export var MultipleCheckinsAndResponse = Template.bind({});
|
|
32
35
|
MultipleCheckinsAndResponse.args = {
|
|
33
36
|
checkins: [exampleCheckin, exampleCheckin],
|
|
34
|
-
|
|
37
|
+
didRespond: true,
|
|
38
|
+
rsvpCount: 1,
|
|
35
39
|
};
|
|
36
40
|
export var CheckinsWithDecline = Template.bind({});
|
|
37
|
-
CheckinsWithDecline.args = {
|
|
41
|
+
CheckinsWithDecline.args = {
|
|
42
|
+
checkins: [exampleCheckin],
|
|
43
|
+
didRespond: true,
|
|
44
|
+
rsvpCount: 0,
|
|
45
|
+
};
|
|
38
46
|
export var CheckinWithoutResponse = Template.bind({});
|
|
39
|
-
CheckinWithoutResponse.args = { checkins: [exampleCheckin],
|
|
47
|
+
CheckinWithoutResponse.args = { checkins: [exampleCheckin], didRespond: false };
|
|
40
48
|
export var MultipleCheckins = Template.bind({});
|
|
41
49
|
MultipleCheckins.args = {
|
|
42
50
|
checkins: [exampleCheckin, exampleCheckin, exampleCheckin, exampleCheckin],
|
|
43
|
-
|
|
51
|
+
didRespond: true,
|
|
52
|
+
rsvpCount: 2,
|
|
44
53
|
};
|
|
45
54
|
//# sourceMappingURL=checkin-count-indicator.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkin-count-indicator.stories.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAW,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,qBAAqB;
|
|
1
|
+
{"version":3,"file":"checkin-count-indicator.stories.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAW,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,qBAAqB;CACc,CAAA;AAEhD,IAAM,cAAc,GAAY,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,CAAA;AAEhF,IAAM,QAAQ,GAAiD,UAAC,IAAI,IAAK,OAAA,CACvE,oBAAC,qBAAqB,eAAK,IAAI,EAAI,CACpC,EAFwE,CAExE,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAA;AAEtE,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAA;AAE/D,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAA;AAErD,MAAM,CAAC,IAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAA;AAE1E,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5D,2BAA2B,CAAC,IAAI,GAAG;IACjC,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1C,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvD,sBAAsB,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAA;AAE/E,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC;IAC1E,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,CAAC;CACb,CAAA"}
|