@dev-crew-berlin/enter-js-utils 0.5.4 → 0.6.0

package/dist/ui/checkin-count-indicator.stories.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Checkin } from './checkin-count-indicator';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export default _default;
+export declare const SingleResponse: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const Decline: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const NoResponse: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const MultipleResponses: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const CheckinAndResponse: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const MultipleCheckinsAndResponse: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const CheckinsWithDecline: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const CheckinWithoutResponse: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;
+export declare const MultipleCheckins: ComponentStory<React.FunctionComponent<{
+    checkins: Checkin[];
+    response: "positive-response";
+    rsvpCount: number;
+} | {
+    checkins: Checkin[];
+    response: "no-response" | "negative-repsone";
+}>>;

package/dist/ui/companion-info.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+import { Attendee } from '../models';
+declare type Props = {
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: (attendeeId: string) => Attendee | undefined;
+};
+export declare const CompanionInfo: FunctionComponent<Props>;
+export {};

package/dist/ui/companion-info.stories.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Attendee } from '../models';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export default _default;
+export declare const WithMainGuestFound: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export declare const WithoutMainGuest: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export declare const NotACompanion: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;

package/dist/ui/fonts.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+export declare const Fonts: FunctionComponent;

package/dist/ui/guest-card.d.ts

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+import { Attendee } from '../models';
+declare type Props = {
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean;
+    labelColor?: string;
+    infoText?: string;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: (tag: string) => boolean;
+    findMainGuest?: (attendeeId: string) => Attendee | undefined;
+    onClick?: (attendeeId: string) => void;
+};
+export declare const GuestCard: FunctionComponent<Props>;
+export {};

package/dist/ui/guest-card.stories.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Attendee } from '../models';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export default _default;
+export declare const WithBackground: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const Plain: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const FilteredTags: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithColorLabel: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithInfoText: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithCompanion: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithCompanionButNoMainGuestInfo: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;

package/dist/ui/index.d.ts

@@ -0,0 +1,6 @@
+export { Button } from './button';
+export { CheckinCountIndicator } from './checkin-count-indicator';
+export { CompanionInfo } from './companion-info';
+export { Fonts } from './fonts';
+export { GuestCard } from './guest-card';
+export { Tag } from './tag';

package/dist/ui/tag.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactNode } from 'react';
+import 'styled-jsx';
+declare type Props = {
+    children: ReactNode;
+};
+export declare const Tag: FunctionComponent<Props>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-crew-berlin/enter-js-utils",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "description": "utils such as vaildation and other helpers to work with data from the enter app",
   "files": [
     "dist",