@dev-crew-berlin/enter-js-utils 0.80.1 → 0.81.0

package/dist/api-client/api-base.d.ts

@@ -4,20 +4,20 @@ export interface APICredentials {
     accessToken: string;
     url: string;
 }
-declare type HTTPMethod = 'get' | 'post' | 'put' | 'patch' | 'delete';
-declare type JSONRes = {
+type HTTPMethod = 'get' | 'post' | 'put' | 'patch' | 'delete';
+type JSONRes = {
     content: {
         'application/json': unknown;
     };
 };
-declare type ResJSON<Code extends number> = {
+type ResJSON<Code extends number> = {
     responses: Record<Code, JSONRes>;
 };
-declare type ResponseType<Path extends keyof paths, Method extends HTTPMethod> = paths[Path] extends Record<Method, ResJSON<200>> ? paths[Path][Method]['responses'][200]['content']['application/json'] : paths[Path] extends Record<Method, ResJSON<204>> ? paths[Path][Method]['responses'][204]['content']['application/json'] : never;
-export declare type RequestBody<Path extends keyof paths, Method extends HTTPMethod> = paths[Path] extends Record<Method, {
+type ResponseType<Path extends keyof paths, Method extends HTTPMethod> = paths[Path] extends Record<Method, ResJSON<200>> ? paths[Path][Method]['responses'][200]['content']['application/json'] : paths[Path] extends Record<Method, ResJSON<204>> ? paths[Path][Method]['responses'][204]['content']['application/json'] : never;
+export type RequestBody<Path extends keyof paths, Method extends HTTPMethod> = paths[Path] extends Record<Method, {
     requestBody: JSONRes;
 }> ? paths[Path][Method]['requestBody']['content']['application/json'] : never;
-export declare type FetchOptions = {
+export type FetchOptions = {
     cache?: 'force-cache' | 'no-store';
     next?: {
         revalidate: false | 0 | number;

package/dist/generated/api-schema.d.ts

@@ -2,7 +2,7 @@
  * This file was auto-generated by openapi-typescript.
  * Do not make direct changes to the file.
  */
-export declare type paths = {
+export type paths = {
     "/health": {
         /**
          * Healthcheck
@@ -90,8 +90,8 @@ export declare type paths = {
         post: operations["generate_signed_registration_token_instances__instance_name__registration_registration_token_post"];
     };
 };
-export declare type webhooks = Record<string, never>;
-export declare type components = {
+export type webhooks = Record<string, never>;
+export type components = {
     schemas: {
         /**
          * AttendeeAuthCodeRequested
@@ -2818,9 +2818,9 @@ export declare type components = {
     headers: never;
     pathItems: never;
 };
-export declare type $defs = Record<string, never>;
-export declare type external = Record<string, never>;
-export declare type operations = {
+export type $defs = Record<string, never>;
+export type external = Record<string, never>;
+export type operations = {
     /**
      * Healthcheck
      * @description healthcheck to see if api server is running

package/dist/lib/api-result.d.ts

@@ -1,18 +1,18 @@
 import { Result } from './result';
-export declare type NetworkError = {
+export type NetworkError = {
     type: 'network-error';
     endpoint: string;
     message: string;
 };
-export declare type HTTPError = {
+export type HTTPError = {
     type: 'http-error';
     endpoint: string;
     statusCode: number;
     message: string | null;
 };
-export declare type ClientError = {
+export type ClientError = {
     type: 'client-error';
     message: string;
 };
-export declare type APIError = NetworkError | HTTPError | ClientError;
-export declare type APIResult<Model> = Result<APIError[], Model>;
+export type APIError = NetworkError | HTTPError | ClientError;
+export type APIResult<Model> = Result<APIError[], Model>;

package/dist/lib/csrf.d.ts

@@ -1,5 +1,5 @@
 import { CookieGetter, CookieSetter } from './headers';
-export declare type CsrfOptions = {
+export type CsrfOptions = {
     cookieSignSecret: string;
     cookieName?: string;
 };

package/dist/lib/headers.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="node" />
 import { IncomingMessage, ServerResponse } from 'http';
-export declare type CookieOptions = {
+export type CookieOptions = {
     sameSite?: 'lax' | 'strict' | 'none';
     path?: string;
 };
-export declare type RequestCookie = {
+export type RequestCookie = {
     name: string;
     value: string;
 };
-export declare type CookieGetter = (name: string) => RequestCookie | undefined;
-export declare type CookieSetter = (name: string, value: string, options?: CookieOptions) => void;
-export declare type CookieRemover = (name: string) => void;
-export declare type HeaderGetter = (name: string) => string | null;
+export type CookieGetter = (name: string) => RequestCookie | undefined;
+export type CookieSetter = (name: string, value: string, options?: CookieOptions) => void;
+export type CookieRemover = (name: string) => void;
+export type HeaderGetter = (name: string) => string | null;
 export declare function nodeCookies(request: {
     cookies: Partial<{
         [key: string]: string;

package/dist/lib/result.d.ts

@@ -1,20 +1,20 @@
-export declare type Failure<Reason> = {
+export type Failure<Reason> = {
     success: false;
     error: Reason;
 };
-export declare type Success<Payload> = {
+export type Success<Payload> = {
     success: true;
     data: Payload;
 };
-export declare type Result<Reason, Payload> = Failure<Reason> | Success<Payload>;
+export type Result<Reason, Payload> = Failure<Reason> | Success<Payload>;
 export declare function success<Payload>(data: Payload): Success<Payload>;
 export declare function failure<Reason>(reason: Reason): Failure<Reason>;
 export declare function asSuccess<Payload>(result: Result<unknown, Payload>): Success<Payload> | undefined;
 export declare function asFailure<Reason>(result: Result<Reason, unknown>): Failure<Reason> | undefined;
-declare type UnwrapSuccess<T> = T extends Success<infer Payload> ? Payload : never;
-declare type UnwrapFailure<T> = T extends Failure<infer Reason> ? Reason : never;
-declare type UnwrapArray<T> = T extends (infer R)[] ? R : never;
-declare type MergedSuccesses<T> = {
+type UnwrapSuccess<T> = T extends Success<infer Payload> ? Payload : never;
+type UnwrapFailure<T> = T extends Failure<infer Reason> ? Reason : never;
+type UnwrapArray<T> = T extends (infer R)[] ? R : never;
+type MergedSuccesses<T> = {
     [K in keyof T]: UnwrapSuccess<T[K]>;
 };
 /**

package/dist/lib/tokens.d.ts

@@ -1,15 +1,15 @@
 import { CookieGetter, CookieRemover, CookieSetter } from './headers';
 import { Result } from './result';
-export declare type TokenOptions = {
+export type TokenOptions = {
     jwtSecret: string;
     instanceName: string;
 };
 export declare const tokenValidationErrorCodes: readonly ["token_missing", "token_invalid", "token_expired", "security_question_check_failed"];
-export declare type TokenValidationError = typeof tokenValidationErrorCodes[number];
-export declare type RegistrationTokenOptions = {
+export type TokenValidationError = typeof tokenValidationErrorCodes[number];
+export type RegistrationTokenOptions = {
     registrationTokenCookieName?: string;
 };
-export declare type RegistrationToken = {
+export type RegistrationToken = {
     attendeeId: string;
     sessionType: string;
     flags: {

package/dist/models/attendee.d.ts

@@ -3,8 +3,8 @@ import { Checkin } from './checkin';
 import { Checkins } from './checkins';
 import { FieldValue } from './field-value';
 import { Rsvp } from './rsvp';
-export declare type AttendeeJSON = components['schemas']['PublicAttendee-Output'];
-declare type AttendeeJSONInput = components['schemas']['PublicAttendee-Input'];
+export type AttendeeJSON = components['schemas']['PublicAttendee-Output'];
+type AttendeeJSONInput = components['schemas']['PublicAttendee-Input'];
 export declare class Attendee {
     id: string;
     userdata: Map<string, FieldValue>;

package/dist/models/attendee.js

@@ -57,10 +57,10 @@ export class Attendee {
     // so we implement it here again by hand
 
     // convert each checkin to its json representation
-    const checkin = Object.fromEntries(new Map(Object.entries(this.checkin).map(([checkinTag, checkin]) => [checkinTag, checkin.toJSON()])));
+    const checkin = Object.fromEntries(this.checkin.entries().map(([checkinTag, checkin]) => [checkinTag, checkin.toJSON()]));
 
     // convert each rsvp to its json representation
-    const rsvp = Object.fromEntries(new Map(Object.entries(this.rsvp).map(([checkinTag, rsvp]) => [checkinTag, rsvp ? rsvp.toJSON() : null])));
+    const rsvp = Object.fromEntries(this.rsvp.entries().map(([checkinTag, rsvp]) => [checkinTag, rsvp ? rsvp.toJSON() : null]));
     return {
       ...this,
       time: this.time?.toISOString(),
@@ -110,10 +110,7 @@ export class Attendee {
     newCheckins.checkins = [args.checkin];
     const mergedCheckins = exsitingCheckins.merge(newCheckins);
     const newAttendee = new Attendee(this.toJSON());
-    newAttendee.checkin = {
-      ...this.checkin,
-      [args.branchName]: mergedCheckins
-    };
+    newAttendee.checkin.set(args.branchName, mergedCheckins);
     return newAttendee;
   }
   deleteCheckinForBranch(args) {
@@ -124,10 +121,7 @@ export class Attendee {
     });
     const mergedCheckins = exsitingCheckins.merge(deletedCheckins);
     const newAttendee = new Attendee(this.toJSON());
-    newAttendee.checkin = {
-      ...this.checkin,
-      [args.branchName]: mergedCheckins
-    };
+    newAttendee.checkin.set(args.branchName, mergedCheckins);
     return newAttendee;
   }
   getFieldValueString(fieldKey) {

package/dist/models/branch.d.ts

@@ -1,9 +1,10 @@
 import { components } from '../generated/api-schema';
 import { CheckinCounter } from './checkin-counter';
-export declare type BranchJSON = components['schemas']['Branch'];
+export type BranchJSON = components['schemas']['Branch'];
 export declare class Branch {
     title: string;
     guestlistLabel: string;
     checkinCounters: Map<string, CheckinCounter>;
     constructor(json: BranchJSON);
+    toJSON(): BranchJSON;
 }

package/dist/models/branch.js

@@ -4,4 +4,11 @@ export class Branch {
     this.guestlistLabel = json.guestlistLabel;
     this.checkinCounters = new Map(Object.entries(json.checkinCounters));
   }
+  toJSON() {
+    return {
+      title: this.title,
+      guestlistLabel: this.guestlistLabel,
+      checkinCounters: Object.fromEntries(this.checkinCounters)
+    };
+  }
 }

package/dist/models/checkin-counter.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type CheckinCounter = components['schemas']['CheckinCounter'];
+export type CheckinCounter = components['schemas']['CheckinCounter'];

package/dist/models/checkin-counts.d.ts

@@ -1,4 +1,4 @@
 import { components } from '../generated/api-schema';
-export declare type CheckinCounts = {
+export type CheckinCounts = {
     [checkinTag: string]: components['schemas']['CheckinCount'];
 };

package/dist/models/checkin.d.ts

@@ -1,6 +1,6 @@
 import { components } from '../generated/api-schema';
-export declare type CheckinJSON = components['schemas']['Checkin-Output'];
-declare type CheckinJSONInput = components['schemas']['Checkin-Input'];
+export type CheckinJSON = components['schemas']['Checkin-Output'];
+type CheckinJSONInput = components['schemas']['Checkin-Input'];
 export declare class Checkin {
     id: string;
     time: Date;

package/dist/models/checkins.d.ts

@@ -1,7 +1,7 @@
 import { components } from '../generated/api-schema';
 import { Checkin } from './checkin';
-export declare type CheckinsJSON = components['schemas']['Checkins-Output'];
-declare type CheckinsJSONInput = components['schemas']['Checkins-Input'];
+export type CheckinsJSON = components['schemas']['Checkins-Output'];
+type CheckinsJSONInput = components['schemas']['Checkins-Input'];
 export declare class Checkins {
     checkins: Checkin[];
     deleted: Set<string>;

package/dist/models/email.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type Email = components['schemas']['PublicEmail'];
+export type Email = components['schemas']['PublicEmail'];

package/dist/models/event.d.ts

@@ -1,12 +1,12 @@
 import { components } from '../generated/api-schema';
-export declare type AttendeeCreatedEvent = components['schemas']['AttendeeCreatedEvent'];
-export declare type AttendeeUpdatedEvent = components['schemas']['AttendeeUpdatedEvent'];
-export declare type AttendeeRespondedEvent = components['schemas']['AttendeeRespondedEvent'];
-export declare type AttendeeDeletedEvent = components['schemas']['AttendeeDeletedEvent'];
-export declare type AttendeeAuthCodeRequestedEvent = components['schemas']['AttendeeAuthCodeRequested'];
-export declare type EmailUnsubscribedEvent = components['schemas']['EmailUnsubscribedEvent'];
-export declare type EmailStatusUpdatedEvent = components['schemas']['EmailStatusUpdatedEvent'];
-export declare type CheckinCreatedEvent = components['schemas']['CheckinCreatedEvent'];
-export declare type CheckinDeletedEvent = components['schemas']['CheckinDeletedEvent'];
-export declare type PaymentPaidEvent = components['schemas']['PaymentPaidEvent'];
-export declare type Event = components['schemas']['RootModel_list_Annotated_Union_AttendeeCreatedEvent__AttendeeUpdatedEvent__AttendeeRespondedEvent__AttendeeAuthCodeRequested__EmailStatusUpdatedEvent__EmailUnsubscribedEvent__AttendeeDeletedEvent__CheckinCreatedEvent__CheckinDeletedEvent__PaymentPaidEvent___FieldInfo_annotation_NoneType__required_True__discriminator__event_____'][number];
+export type AttendeeCreatedEvent = components['schemas']['AttendeeCreatedEvent'];
+export type AttendeeUpdatedEvent = components['schemas']['AttendeeUpdatedEvent'];
+export type AttendeeRespondedEvent = components['schemas']['AttendeeRespondedEvent'];
+export type AttendeeDeletedEvent = components['schemas']['AttendeeDeletedEvent'];
+export type AttendeeAuthCodeRequestedEvent = components['schemas']['AttendeeAuthCodeRequested'];
+export type EmailUnsubscribedEvent = components['schemas']['EmailUnsubscribedEvent'];
+export type EmailStatusUpdatedEvent = components['schemas']['EmailStatusUpdatedEvent'];
+export type CheckinCreatedEvent = components['schemas']['CheckinCreatedEvent'];
+export type CheckinDeletedEvent = components['schemas']['CheckinDeletedEvent'];
+export type PaymentPaidEvent = components['schemas']['PaymentPaidEvent'];
+export type Event = components['schemas']['RootModel_list_Annotated_Union_AttendeeCreatedEvent__AttendeeUpdatedEvent__AttendeeRespondedEvent__AttendeeAuthCodeRequested__EmailStatusUpdatedEvent__EmailUnsubscribedEvent__AttendeeDeletedEvent__CheckinCreatedEvent__CheckinDeletedEvent__PaymentPaidEvent___FieldInfo_annotation_NoneType__required_True__discriminator__event_____'][number];

package/dist/models/field-group.d.ts

@@ -1,8 +1,8 @@
 import { components } from '../generated/api-schema';
 import { Field } from './field';
-export declare type Dictionary<T> = Record<string, T>;
-export declare type FieldGroupJSON = components['schemas']['FieldGroup-Output'];
-export declare type FieldGroup = Omit<FieldGroupJSON, 'questions'>;
+export type Dictionary<T> = Record<string, T>;
+export type FieldGroupJSON = components['schemas']['FieldGroup-Output'];
+export type FieldGroup = Omit<FieldGroupJSON, 'questions'>;
 export declare class FieldGroups {
     private _groups;
     get groups(): Map<string, FieldGroup>;

package/dist/models/field-value.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type FieldValue = components['schemas']['PublicAttendee-Output']['userdata'][string];
+export type FieldValue = components['schemas']['PublicAttendee-Output']['userdata'][string];

package/dist/models/field.d.ts

@@ -1,37 +1,37 @@
 import { components } from '../generated/api-schema';
-export declare type StaticField = components['schemas']['StaticField-Output'] & {
+export type StaticField = components['schemas']['StaticField-Output'] & {
     group: string;
 };
-export declare type TextField = components['schemas']['TextField-Output'] & {
+export type TextField = components['schemas']['TextField-Output'] & {
     group: string;
 };
-export declare type LongtextField = components['schemas']['LongtextField-Output'] & {
+export type LongtextField = components['schemas']['LongtextField-Output'] & {
     group: string;
 };
-export declare type EmailField = components['schemas']['EmailField-Output'] & {
+export type EmailField = components['schemas']['EmailField-Output'] & {
     group: string;
 };
-export declare type NumberField = components['schemas']['NumberField-Output'] & {
+export type NumberField = components['schemas']['NumberField-Output'] & {
     group: string;
 };
-export declare type CheckboxField = components['schemas']['CheckboxGroupField-Output'] & {
+export type CheckboxField = components['schemas']['CheckboxGroupField-Output'] & {
     group: string;
 };
-export declare type ToggleField = components['schemas']['CheckboxField-Output'] & {
+export type ToggleField = components['schemas']['CheckboxField-Output'] & {
     group: string;
 };
-export declare type RadioField = components['schemas']['RadioButtonGroupField-Output'] & {
+export type RadioField = components['schemas']['RadioButtonGroupField-Output'] & {
     group: string;
 };
-export declare type SelectField = components['schemas']['DropdownField-Output'] & {
+export type SelectField = components['schemas']['DropdownField-Output'] & {
     group: string;
 };
-export declare type CodeField = components['schemas']['CodeField-Output'] & {
+export type CodeField = components['schemas']['CodeField-Output'] & {
     group: string;
 };
-export declare type DateField = components['schemas']['DateField-Output'] & {
+export type DateField = components['schemas']['DateField-Output'] & {
     group: string;
 };
-export declare type Field = components['schemas']['FieldGroup-Output']['questions'][number] & {
+export type Field = components['schemas']['FieldGroup-Output']['questions'][number] & {
     group: string;
 };

package/dist/models/instance.d.ts

@@ -1,7 +1,7 @@
 import { components } from '../generated/api-schema';
 import { Attendee } from './attendee';
 import { Branch } from './branch';
-export declare type InstanceJSON = components['schemas']['PublicInstance'];
+export type InstanceJSON = components['schemas']['PublicInstance'];
 export declare class Instance {
     name: string;
     title: string;

package/dist/models/instance.js

@@ -20,7 +20,7 @@ export class Instance {
   }
   toJSON() {
     // convert each branch to its json representation
-    const branches = Object.fromEntries(new Map(Object.entries(this.branches).map(([branchName, branch]) => [branchName, branch.toJSON()])));
+    const branches = Object.fromEntries(this.branches.entries().map(([branchName, branch]) => [branchName, branch.toJSON()]));
     return {
       name: this.name,
       title: this.title,

package/dist/models/permission.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type Permission = components['schemas']['PublicUser']['permissions'][string][number];
+export type Permission = components['schemas']['PublicUser']['permissions'][string][number];

package/dist/models/rsvp.d.ts

@@ -1,6 +1,6 @@
 import { components } from '../generated/api-schema';
-export declare type RsvpJSON = components['schemas']['RSVP-Output'];
-export declare type RsvpJSONInput = components['schemas']['RSVP-Input'];
+export type RsvpJSON = components['schemas']['RSVP-Output'];
+export type RsvpJSONInput = components['schemas']['RSVP-Input'];
 export declare class Rsvp {
     tieBreaker: string;
     time: Date | null;

package/dist/models/user.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type User = components['schemas']['PublicUser'];
+export type User = components['schemas']['PublicUser'];

package/dist/models/variable.d.ts

@@ -1,2 +1,2 @@
 import { components } from '../generated/api-schema';
-export declare type Variable = components['schemas']['Variable-Output'];
+export type Variable = components['schemas']['Variable-Output'];

package/dist/ui/button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, FunctionComponent } from 'react';
 import 'styled-jsx';
-declare type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'color'> & {
+type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'color'> & {
     appearance?: 'default' | 'primary' | 'danger' | 'green';
     borderless?: boolean;
     fullWidth?: boolean;

package/dist/ui/button.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './button';
 declare const meta: Meta<typeof Button>;
 export default meta;
-declare type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof Button>;
 export declare const Basic: Story;
 export declare const FullWidth: Story;
 export declare const Primary: Story;

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

@@ -1,9 +1,9 @@
 import { FunctionComponent } from 'react';
 import 'styled-jsx';
-export declare type Checkin = {
+export type Checkin = {
     time: Date;
 };
-declare type Props = {
+type Props = {
     checkins: Checkin[];
     response: 'positive-response';
     rsvpCount: number;

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

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { CheckinCountIndicator } from './checkin-count-indicator';
 declare const meta: Meta<typeof CheckinCountIndicator>;
 export default meta;
-declare type Story = StoryObj<typeof CheckinCountIndicator>;
+type Story = StoryObj<typeof CheckinCountIndicator>;
 export declare const SingleResponse: Story;
 export declare const Decline: Story;
 export declare const NoResponse: Story;

package/dist/ui/checkin-progress-bar.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-declare type Props = {
+type Props = {
     checkinCount: number;
     rsvp: number;
     children?: ReactNode;

package/dist/ui/checkin-progress-bar.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { CheckinProgressBar } from './checkin-progress-bar';
 declare const meta: Meta<typeof CheckinProgressBar>;
 export default meta;
-declare type Story = StoryObj<typeof CheckinProgressBar>;
+type Story = StoryObj<typeof CheckinProgressBar>;
 export declare const Basic: Story;
 export declare const WithoutTagName: Story;
 export declare const NoCheckins: Story;

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

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import 'styled-jsx';
 import { Attendee } from '../models';
-declare type Props = {
+type Props = {
     companionStatus: {
         isCompanion: false;
     } | {

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

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { CompanionInfo } from './companion-info';
 declare const meta: Meta<typeof CompanionInfo>;
 export default meta;
-declare type Story = StoryObj<typeof CompanionInfo>;
+type Story = StoryObj<typeof CompanionInfo>;
 export declare const WithMainGuestFound: Story;
 export declare const WithoutMainGuest: Story;
 export declare const NotACompanion: Story;

package/dist/ui/enter-logo.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     white?: boolean;
 };
 export declare const EnterLogo: FunctionComponent<Props>;

package/dist/ui/enter-logo.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { EnterLogo } from './enter-logo';
 declare const meta: Meta<typeof EnterLogo>;
 export default meta;
-declare type Story = StoryObj<typeof EnterLogo>;
+type Story = StoryObj<typeof EnterLogo>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/form-elements/input.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, InputHTMLAttributes } from 'react';
-declare type Props = InputHTMLAttributes<HTMLInputElement> & {
+type Props = InputHTMLAttributes<HTMLInputElement> & {
     label: string;
 };
 export declare const Input: FunctionComponent<Props>;

package/dist/ui/form-elements/input.js

@@ -1,13 +1,14 @@
 import _JSXStyle from "styled-jsx/style";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
+import React, { useId } from 'react';
 import { colors, fonts } from '../../lib/theme';
 import { Label } from './label';
 export const Input = ({
   label,
   ...props
 }) => {
-  const id = props.id ?? label;
+  const _id = useId();
+  const id = props.id ?? _id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, {
     htmlFor: id
   }, label), /*#__PURE__*/React.createElement("input", _extends({}, props, {

package/dist/ui/form-elements/input.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Input } from './input';
 declare const meta: Meta<typeof Input>;
 export default meta;
-declare type Story = StoryObj<typeof Input>;
+type Story = StoryObj<typeof Input>;
 export declare const Basic: Story;
 export declare const NumberInput: Story;
 export declare const WithValue: Story;

package/dist/ui/form-elements/label.d.ts

@@ -1,4 +1,4 @@
 import React, { LabelHTMLAttributes } from 'react';
-declare type Props = LabelHTMLAttributes<HTMLLabelElement>;
+type Props = LabelHTMLAttributes<HTMLLabelElement>;
 export declare const Label: React.FunctionComponent<Props>;
 export {};

package/dist/ui/form-elements/label.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Label } from './label';
 declare const meta: Meta<typeof Label>;
 export default meta;
-declare type Story = StoryObj<typeof Label>;
+type Story = StoryObj<typeof Label>;
 export declare const Basic: Story;

package/dist/ui/form-elements/search-input.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, InputHTMLAttributes } from 'react';
-declare type Props = InputHTMLAttributes<HTMLInputElement> & {
+type Props = InputHTMLAttributes<HTMLInputElement> & {
     textColor?: string;
     borderColor?: string;
     placeholder?: string;

package/dist/ui/form-elements/search-input.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { SearchInput } from './search-input';
 declare const meta: Meta<typeof SearchInput>;
 export default meta;
-declare type Story = StoryObj<typeof SearchInput>;
+type Story = StoryObj<typeof SearchInput>;
 export declare const Basic: Story;
 export declare const WhiteText: Story;

package/dist/ui/form-elements/segmented-control.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-declare type Props<Segment extends string> = {
+type Props<Segment extends string> = {
     segments: Segment[];
     activeSegment?: Segment;
     colors?: string[];

package/dist/ui/form-elements/segmented-control.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { SegmentedControl } from './segmented-control';
 declare const meta: Meta<typeof SegmentedControl>;
 export default meta;
-declare type Story = StoryObj<typeof SegmentedControl>;
+type Story = StoryObj<typeof SegmentedControl>;
 export declare const Basic: Story;

package/dist/ui/form-elements/select.d.ts

@@ -0,0 +1,11 @@
+import React, { SelectHTMLAttributes } from 'react';
+type Props<Option> = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'value'> & {
+    label: string;
+    value?: Option;
+    options: Option[];
+    onChange: (option: Option) => void;
+    optionFormat?: (option: Option) => string;
+    optionDisabled?: (option: Option) => boolean;
+};
+export declare function Select<Option extends string>({ optionFormat, optionDisabled, ...props }: Props<Option>): React.JSX.Element;
+export {};

package/dist/ui/form-elements/select.js

@@ -0,0 +1,37 @@
+import _JSXStyle from "styled-jsx/style";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useId } from 'react';
+import { colors, fonts } from '../../lib/theme';
+import { Label } from './label';
+export function Select({
+  optionFormat = option => option,
+  optionDisabled = () => false,
+  ...props
+}) {
+  const {
+    options,
+    value,
+    onChange,
+    ...inputProps
+  } = props;
+  const _id = useId();
+  const id = props.id ?? _id;
+  const uriEncodedChevronSVG = encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' ><polygon fill='${colors.enterBackground}' points='0,0 100,0 50,50'/></svg>`);
+  const chevronSVGImageURL = `data:image/svg+xml,${uriEncodedChevronSVG}`;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: id
+  }, props.label), /*#__PURE__*/React.createElement("select", _extends({}, inputProps, {
+    id: id,
+    value: value,
+    onChange: e => onChange(e.target.value),
+    className: _JSXStyle.dynamic([["2093301006", [fonts.primary, colors.enterDarkGrey, colors.enterMediumGrey, chevronSVGImageURL, colors.enterRed]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || "")
+  }), options.map(option => /*#__PURE__*/React.createElement("option", {
+    key: option,
+    value: option,
+    disabled: optionDisabled(option),
+    className: _JSXStyle.dynamic([["2093301006", [fonts.primary, colors.enterDarkGrey, colors.enterMediumGrey, chevronSVGImageURL, colors.enterRed]]])
+  }, optionFormat(option)))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2093301006",
+    dynamic: [fonts.primary, colors.enterDarkGrey, colors.enterMediumGrey, chevronSVGImageURL, colors.enterRed]
+  }, `select.__jsx-style-dynamic-selector{font-family:${fonts.primary};font-size:1.1em;display:block;width:100%;padding:0.2em 0;margin-bottom:1.1em;border:none;outline:none;background-color:transparent;color:${colors.enterDarkGrey};border-bottom:1px solid ${colors.enterMediumGrey};border-radius:0;-webkit-transition:border-color 0.2s;transition:border-color 0.2s;background:url('${chevronSVGImageURL}');background-repeat:no-repeat;background-position:right 0.5em center;background-size:12px;}select.__jsx-style-dynamic-selector:focus{border-color:1px solid ${colors.enterRed};}`));
+}

package/dist/ui/form-elements/select.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Basic: Story;
+export declare const WithPleaseSelect: Story;
+export declare const WithCustomFormat: Story;

package/dist/ui/form-elements/select.stories.js

@@ -0,0 +1,30 @@
+import { Select } from './select';
+const meta = {
+  title: 'Form Elements/Select',
+  component: Select
+};
+export default meta;
+export const Basic = {
+  args: {
+    label: 'Select',
+    options: ['One', 'Two'],
+    onClick: () => undefined
+  }
+};
+export const WithPleaseSelect = {
+  args: {
+    label: 'Select',
+    options: ['Please Select', 'One', 'Two'],
+    value: 'Please Select',
+    optionDisabled: option => option === 'Please Select',
+    onClick: () => undefined
+  }
+};
+export const WithCustomFormat = {
+  args: {
+    label: 'Select',
+    options: ['one', 'two'],
+    optionFormat: option => option.toUpperCase(),
+    onClick: () => undefined
+  }
+};

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

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import 'styled-jsx';
 import { Attendee } from '../models';
-declare type Props = {
+type Props = {
     attendee: Attendee;
     branchName: string;
     counterName: string;

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

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { GuestCard } from './guest-card';
 declare const meta: Meta<typeof GuestCard>;
 export default meta;
-declare type Story = StoryObj<typeof GuestCard>;
+type Story = StoryObj<typeof GuestCard>;
 export declare const WithBackground: Story;
 export declare const Plain: Story;
 export declare const Dense: Story;

package/dist/ui/icons/add-guest-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
 };
 export declare const AddGuestIcon: FunctionComponent<Props>;

package/dist/ui/icons/add-guest-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { AddGuestIcon } from './add-guest-icon';
 declare const meta: Meta<typeof AddGuestIcon>;
 export default meta;
-declare type Story = StoryObj<typeof AddGuestIcon>;
+type Story = StoryObj<typeof AddGuestIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/icons/caret-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
     rotateDeg: number;
 };

package/dist/ui/icons/caret-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { CaretIcon } from './caret-icon';
 declare const meta: Meta<typeof CaretIcon>;
 export default meta;
-declare type Story = StoryObj<typeof CaretIcon>;
+type Story = StoryObj<typeof CaretIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/icons/filter-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
 };
 export declare const FilterIcon: FunctionComponent<Props>;

package/dist/ui/icons/filter-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { FilterIcon } from './filter-icon';
 declare const meta: Meta<typeof FilterIcon>;
 export default meta;
-declare type Story = StoryObj<typeof FilterIcon>;
+type Story = StoryObj<typeof FilterIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/icons/search-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
 };
 export declare const SearchIcon: FunctionComponent<Props>;

package/dist/ui/icons/search-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { SearchIcon } from './search-icon';
 declare const meta: Meta<typeof SearchIcon>;
 export default meta;
-declare type Story = StoryObj<typeof SearchIcon>;
+type Story = StoryObj<typeof SearchIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/icons/settings-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
 };
 export declare const SettingsIcon: FunctionComponent<Props>;

package/dist/ui/icons/settings-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { SettingsIcon } from './settings-icon';
 declare const meta: Meta<typeof SettingsIcon>;
 export default meta;
-declare type Story = StoryObj<typeof SettingsIcon>;
+type Story = StoryObj<typeof SettingsIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/icons/sort-list-icon.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type Props = {
+type Props = {
     color?: string;
     ascending: boolean;
 };

package/dist/ui/icons/sort-list-icon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { SortListIcon } from './sort-list-icon';
 declare const meta: Meta<typeof SortListIcon>;
 export default meta;
-declare type Story = StoryObj<typeof SortListIcon>;
+type Story = StoryObj<typeof SortListIcon>;
 export declare const Basic: Story;
 export declare const White: Story;

package/dist/ui/index.d.ts

@@ -2,6 +2,7 @@ export { Input } from './form-elements/input';
 export { Label } from './form-elements/label';
 export { SearchInput } from './form-elements/search-input';
 export { SegmentedControl } from './form-elements/segmented-control';
+export { Select } from './form-elements/select';
 export { AddGuestIcon } from './icons/add-guest-icon';
 export { CaretIcon } from './icons/caret-icon';
 export { FilterIcon } from './icons/filter-icon';

package/dist/ui/index.js

@@ -2,6 +2,7 @@ export { Input } from './form-elements/input';
 export { Label } from './form-elements/label';
 export { SearchInput } from './form-elements/search-input';
 export { SegmentedControl } from './form-elements/segmented-control';
+export { Select } from './form-elements/select';
 export { AddGuestIcon } from './icons/add-guest-icon';
 export { CaretIcon } from './icons/caret-icon';
 export { FilterIcon } from './icons/filter-icon';

package/dist/ui/tag.d.ts

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

package/dist/ui/tag.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Tag } from './tag';
 declare const meta: Meta<typeof Tag>;
 export default meta;
-declare type Story = StoryObj<typeof Tag>;
+type Story = StoryObj<typeof Tag>;
 export declare const Basic: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-crew-berlin/enter-js-utils",
-  "version": "0.80.1",
+  "version": "0.81.0",
   "description": "utils such as vaildation and other helpers to work with data from the enter app",
   "files": [
     "dist",
@@ -67,7 +67,7 @@
     "prettier": "^2.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "typescript": "^4.8.4"
+    "typescript": "^5.6.3"
   },
   "peerDependencies": {
     "react": "^18.1.0",