@dev-crew-berlin/enter-js-utils 0.3.1 → 0.3.4
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 +29 -10
- package/dist/ui/checkin-count-indicator.stories.js.map +1 -1
- package/lib.d.ts +1 -0
- package/lib.js +1 -0
- package/package.json +6 -2
- package/ui.d.ts +1 -0
- package/ui.js +1 -0
|
@@ -6,7 +6,11 @@ export declare type Checkin = {
|
|
|
6
6
|
};
|
|
7
7
|
declare type Props = {
|
|
8
8
|
checkins: Checkin[];
|
|
9
|
-
|
|
9
|
+
response: 'positive-response';
|
|
10
|
+
rsvpCount: number;
|
|
11
|
+
} | {
|
|
12
|
+
checkins: Checkin[];
|
|
13
|
+
response: 'negative-repsone' | 'no-response';
|
|
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.response !== 'no-response';
|
|
18
|
+
var rsvpCount = props.response === 'positive-response' ? 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;
|
|
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
|
+
response: "positive-response";
|
|
7
|
+
rsvpCount: number;
|
|
8
|
+
} | {
|
|
9
|
+
checkins: Checkin[];
|
|
10
|
+
response: "negative-repsone" | "no-response";
|
|
7
11
|
}>>;
|
|
8
12
|
export default _default;
|
|
9
13
|
export declare const SingleResponse: ComponentStory<React.FunctionComponent<{
|
|
10
14
|
checkins: Checkin[];
|
|
11
|
-
|
|
15
|
+
response: "positive-response";
|
|
16
|
+
rsvpCount: number;
|
|
17
|
+
} | {
|
|
18
|
+
checkins: Checkin[];
|
|
19
|
+
response: "negative-repsone" | "no-response";
|
|
12
20
|
}>>;
|
|
13
21
|
export declare const Decline: ComponentStory<React.FunctionComponent<{
|
|
14
22
|
checkins: Checkin[];
|
|
15
|
-
|
|
23
|
+
response: "positive-response";
|
|
24
|
+
rsvpCount: number;
|
|
25
|
+
} | {
|
|
26
|
+
checkins: Checkin[];
|
|
27
|
+
response: "negative-repsone" | "no-response";
|
|
16
28
|
}>>;
|
|
17
29
|
export declare const NoResponse: ComponentStory<React.FunctionComponent<{
|
|
18
30
|
checkins: Checkin[];
|
|
19
|
-
|
|
31
|
+
response: "positive-response";
|
|
32
|
+
rsvpCount: number;
|
|
33
|
+
} | {
|
|
34
|
+
checkins: Checkin[];
|
|
35
|
+
response: "negative-repsone" | "no-response";
|
|
20
36
|
}>>;
|
|
21
37
|
export declare const MultipleResponses: ComponentStory<React.FunctionComponent<{
|
|
22
38
|
checkins: Checkin[];
|
|
23
|
-
|
|
39
|
+
response: "positive-response";
|
|
40
|
+
rsvpCount: number;
|
|
41
|
+
} | {
|
|
42
|
+
checkins: Checkin[];
|
|
43
|
+
response: "negative-repsone" | "no-response";
|
|
24
44
|
}>>;
|
|
25
45
|
export declare const CheckinAndResponse: ComponentStory<React.FunctionComponent<{
|
|
26
46
|
checkins: Checkin[];
|
|
27
|
-
|
|
47
|
+
response: "positive-response";
|
|
48
|
+
rsvpCount: number;
|
|
49
|
+
} | {
|
|
50
|
+
checkins: Checkin[];
|
|
51
|
+
response: "negative-repsone" | "no-response";
|
|
28
52
|
}>>;
|
|
29
53
|
export declare const MultipleCheckinsAndResponse: ComponentStory<React.FunctionComponent<{
|
|
30
54
|
checkins: Checkin[];
|
|
31
|
-
|
|
55
|
+
response: "positive-response";
|
|
56
|
+
rsvpCount: number;
|
|
57
|
+
} | {
|
|
58
|
+
checkins: Checkin[];
|
|
59
|
+
response: "negative-repsone" | "no-response";
|
|
32
60
|
}>>;
|
|
33
61
|
export declare const CheckinsWithDecline: ComponentStory<React.FunctionComponent<{
|
|
34
62
|
checkins: Checkin[];
|
|
35
|
-
|
|
63
|
+
response: "positive-response";
|
|
64
|
+
rsvpCount: number;
|
|
65
|
+
} | {
|
|
66
|
+
checkins: Checkin[];
|
|
67
|
+
response: "negative-repsone" | "no-response";
|
|
36
68
|
}>>;
|
|
37
69
|
export declare const CheckinWithoutResponse: ComponentStory<React.FunctionComponent<{
|
|
38
70
|
checkins: Checkin[];
|
|
39
|
-
|
|
71
|
+
response: "positive-response";
|
|
72
|
+
rsvpCount: number;
|
|
73
|
+
} | {
|
|
74
|
+
checkins: Checkin[];
|
|
75
|
+
response: "negative-repsone" | "no-response";
|
|
40
76
|
}>>;
|
|
41
77
|
export declare const MultipleCheckins: ComponentStory<React.FunctionComponent<{
|
|
42
78
|
checkins: Checkin[];
|
|
43
|
-
|
|
79
|
+
response: "positive-response";
|
|
80
|
+
rsvpCount: number;
|
|
81
|
+
} | {
|
|
82
|
+
checkins: Checkin[];
|
|
83
|
+
response: "negative-repsone" | "no-response";
|
|
44
84
|
}>>;
|
|
@@ -14,32 +14,51 @@ 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 = {
|
|
21
|
+
SingleResponse.args = {
|
|
22
|
+
checkins: [],
|
|
23
|
+
response: 'positive-response',
|
|
24
|
+
rsvpCount: 1,
|
|
25
|
+
};
|
|
23
26
|
export var Decline = Template.bind({});
|
|
24
|
-
Decline.args = { checkins: [],
|
|
27
|
+
Decline.args = { checkins: [], response: 'negative-repsone' };
|
|
25
28
|
export var NoResponse = Template.bind({});
|
|
26
|
-
NoResponse.args = { checkins: [],
|
|
29
|
+
NoResponse.args = { checkins: [], response: 'no-response' };
|
|
27
30
|
export var MultipleResponses = Template.bind({});
|
|
28
|
-
MultipleResponses.args = {
|
|
31
|
+
MultipleResponses.args = {
|
|
32
|
+
checkins: [],
|
|
33
|
+
response: 'positive-response',
|
|
34
|
+
rsvpCount: 16,
|
|
35
|
+
};
|
|
29
36
|
export var CheckinAndResponse = Template.bind({});
|
|
30
|
-
CheckinAndResponse.args = {
|
|
37
|
+
CheckinAndResponse.args = {
|
|
38
|
+
checkins: [exampleCheckin],
|
|
39
|
+
response: 'positive-response',
|
|
40
|
+
rsvpCount: 1,
|
|
41
|
+
};
|
|
31
42
|
export var MultipleCheckinsAndResponse = Template.bind({});
|
|
32
43
|
MultipleCheckinsAndResponse.args = {
|
|
33
44
|
checkins: [exampleCheckin, exampleCheckin],
|
|
34
|
-
|
|
45
|
+
response: 'positive-response',
|
|
46
|
+
rsvpCount: 1,
|
|
35
47
|
};
|
|
36
48
|
export var CheckinsWithDecline = Template.bind({});
|
|
37
|
-
CheckinsWithDecline.args = {
|
|
49
|
+
CheckinsWithDecline.args = {
|
|
50
|
+
checkins: [exampleCheckin],
|
|
51
|
+
response: 'negative-repsone',
|
|
52
|
+
};
|
|
38
53
|
export var CheckinWithoutResponse = Template.bind({});
|
|
39
|
-
CheckinWithoutResponse.args = {
|
|
54
|
+
CheckinWithoutResponse.args = {
|
|
55
|
+
checkins: [exampleCheckin],
|
|
56
|
+
response: 'no-response',
|
|
57
|
+
};
|
|
40
58
|
export var MultipleCheckins = Template.bind({});
|
|
41
59
|
MultipleCheckins.args = {
|
|
42
60
|
checkins: [exampleCheckin, exampleCheckin, exampleCheckin, exampleCheckin],
|
|
43
|
-
|
|
61
|
+
response: 'positive-response',
|
|
62
|
+
rsvpCount: 2,
|
|
44
63
|
};
|
|
45
64
|
//# 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;IACpB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AAE7D,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAE3D,MAAM,CAAC,IAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,EAAE;CACd,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,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,QAAQ,EAAE,mBAAmB;IAC7B,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,QAAQ,EAAE,kBAAkB;CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvD,sBAAsB,CAAC,IAAI,GAAG;IAC5B,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,aAAa;CACxB,CAAA;AAED,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,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA"}
|
package/lib.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dist/lib'
|
package/lib.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dist/lib'
|
package/package.json
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dev-crew-berlin/enter-js-utils",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.4",
|
|
4
4
|
"description": "utils such as vaildation and other helpers to work with data from the enter app",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
7
|
-
"README.md"
|
|
7
|
+
"README.md",
|
|
8
|
+
"lib.js",
|
|
9
|
+
"lib.d.ts",
|
|
10
|
+
"ui.js",
|
|
11
|
+
"ui.d.ts"
|
|
8
12
|
],
|
|
9
13
|
"targets": {
|
|
10
14
|
"lib": {
|
package/ui.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from 'dist/ui/'
|
package/ui.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from 'dist/ui/'
|