@dev-crew-berlin/enter-js-utils 0.12.1 → 0.13.1

package/dist/models/attendee.d.ts

@@ -60,6 +60,9 @@ export declare class Attendee {
         checkinTag: string;
         checkinId: string;
     }): Attendee;
+    hasRsvp(args: {
+        checkinTags: string[];
+    }): boolean;
 }
 export declare const rawAttendee: import("fefe").Validator<import("fefe").ObjectResult<{
     id: import("fefe").Validator<string, import("fefe").LeafError>;

package/dist/models/attendee.js

@@ -71,6 +71,10 @@ export class Attendee {
     });
   }
 
+  hasRsvp(args) {
+    return args.checkinTags.some(checkinTag => this.getResponseForTag(checkinTag) !== 'no-response');
+  }
+
 }
 export const rawAttendee = object({
   id: string(),

package/dist/ui/checkin-progress-bar.js

@@ -4,24 +4,24 @@ import { theme } from '../lib';
 export const CheckinProgressBar = props => {
   const width = props.rsvp > 0 ? props.checkinCount / props.rsvp : 1;
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'checkin-progress-bar'
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'checkin-progress-bar'
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: `${width * 100}%`
     },
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'progress'
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'progress'
   }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'number checkin-count'
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'number checkin-count'
   }, props.checkinCount, /*#__PURE__*/React.createElement("label", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]])
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]])
   }, "Checkins")), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'checkin-tag-display'
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'checkin-tag-display'
   }, props.children), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'number confirmations'
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]]) + " " + 'number confirmations'
   }, props.rsvp, /*#__PURE__*/React.createElement("label", {
-    className: _JSXStyle.dynamic([["4246687363", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]])
+    className: _JSXStyle.dynamic([["818622950", [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]]])
   }, "Confirmations")), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4246687363",
+    id: "818622950",
     dynamic: [theme.colors.enterDarkGrey, theme.colors.enterBackground, theme.fonts.primary, theme.colors.enterGreen, theme.fonts.secondary]
-  }, `.checkin-progress-bar.__jsx-style-dynamic-selector{position:relative;padding:0.5em 1em 0.7em;background-color:${theme.colors.enterDarkGrey};border:1px solid ${theme.colors.enterBackground};font-family:${theme.fonts.primary};color:white;display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;overflow:hidden;cursor:pointer;}.progress.__jsx-style-dynamic-selector{z-index:0;top:0;margin:0;padding:0;position:absolute;height:100%;background-color:${theme.colors.enterGreen};}.number.__jsx-style-dynamic-selector{z-index:1;font-weight:200;font-size:1.4em;}.confirmations.__jsx-style-dynamic-selector{text-align:right;}.number.__jsx-style-dynamic-selector label.__jsx-style-dynamic-selector{display:block;font-family:${theme.fonts.secondary};font-size:0.6rem;-webkit-letter-spacing:0.05em;-moz-letter-spacing:0.05em;-ms-letter-spacing:0.05em;letter-spacing:0.05em;text-transform:uppercase;font-weight:normal;}.checkin-tag-display.__jsx-style-dynamic-selector{z-index:1;font-size:1.3em;}`));
+  }, `.checkin-progress-bar.__jsx-style-dynamic-selector{position:relative;padding:0.5em 1em 0.7em;background-color:${theme.colors.enterDarkGrey};border:1px solid ${theme.colors.enterBackground};font-family:${theme.fonts.primary};color:white;display:grid;grid-template-columns:1fr auto 1fr;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;overflow:hidden;cursor:pointer;}.progress.__jsx-style-dynamic-selector{z-index:0;top:0;margin:0;padding:0;position:absolute;height:100%;background-color:${theme.colors.enterGreen};}.number.__jsx-style-dynamic-selector{z-index:1;font-weight:200;font-size:1.4em;}.checkin-count.__jsx-style-dynamic-selector{text-align:left;}.confirmations.__jsx-style-dynamic-selector{text-align:right;}.number.__jsx-style-dynamic-selector label.__jsx-style-dynamic-selector{display:block;font-family:${theme.fonts.secondary};font-size:0.6rem;-webkit-letter-spacing:0.05em;-moz-letter-spacing:0.05em;-ms-letter-spacing:0.05em;letter-spacing:0.05em;text-transform:uppercase;font-weight:normal;}.checkin-tag-display.__jsx-style-dynamic-selector{z-index:1;font-size:1.3em;}`));
 };

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

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

package/dist/ui/icons/settings-icon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { colors } from '../../lib/theme';
+export const SettingsIcon = ({
+  color = colors.enterDarkGrey
+}) => {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 19 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    fillRule: "evenodd",
+    d: "M17.168 10.226c0 1.105.619 1.989 1.812 2.74-.177.619-.442 1.237-.751 1.856-1.06-.265-2.077.088-3.093 1.016-.796.884-1.06 1.9-.751 3.093-.619.265-1.238.574-1.9.795-.707-1.237-1.724-1.855-3.005-1.855s-2.298.618-3.005 1.855c-.662-.22-1.281-.53-1.9-.795.31-1.237.045-2.253-.75-3.093-.796-.795-1.857-1.06-3.094-.751A30.225 30.225 0 0 1-.02 13.23c1.237-.795 1.856-1.812 1.856-3.005 0-1.104-.619-2.032-1.856-2.783.31-.884.574-1.503.751-1.856 1.149.265 2.165-.088 3.093-1.016.796-.84 1.06-1.856.751-3.093.663-.31 1.282-.575 1.9-.752C7.182 1.92 8.2 2.538 9.48 2.538s2.298-.619 3.005-1.812c.618.177 1.237.442 1.9.752-.31 1.193-.045 2.209.75 3.093 1.017.928 2.033 1.281 3.094 1.016.31.618.574 1.237.751 1.856-1.193.75-1.812 1.679-1.812 2.783m-7.688 4.11c1.149 0 2.12-.398 2.916-1.193.796-.796 1.193-1.768 1.193-2.917 0-1.148-.397-2.12-1.193-2.96-.795-.795-1.767-1.193-2.916-1.193s-2.12.398-2.916 1.193c-.796.84-1.193 1.812-1.193 2.96 0 1.15.397 2.121 1.193 2.917.795.795 1.767 1.193 2.916 1.193"
+  }));
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    color?: string | undefined;
+}>>;
+export default _default;
+export declare const Basic: ComponentStory<React.FunctionComponent<{
+    color?: string | undefined;
+}>>;
+export declare const White: ComponentStory<React.FunctionComponent<{
+    color?: string | undefined;
+}>>;

package/dist/ui/icons/settings-icon.stories.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SettingsIcon } from './settings-icon';
+export default {
+  title: 'Icons/Settings',
+  component: SettingsIcon
+};
+
+const Template = args => /*#__PURE__*/React.createElement(SettingsIcon, args);
+
+export const Basic = Template.bind({});
+Basic.args = {};
+export const White = Template.bind({});
+White.parameters = {
+  backgrounds: {
+    default: 'dark'
+  }
+};
+White.args = {
+  color: '#fff'
+};

package/dist/ui/index.d.ts

@@ -1,6 +1,7 @@
 export { Input } from './form-elements/input';
 export { Label } from './form-elements/label';
 export { SegmentedControl } from './form-elements/segmented-control';
+export { SettingsIcon } from './icons/settings-icon';
 export { Button } from './button';
 export { CheckinCountIndicator } from './checkin-count-indicator';
 export { CheckinProgressBar } from './checkin-progress-bar';

package/dist/ui/index.js

@@ -1,6 +1,7 @@
 export { Input } from './form-elements/input';
 export { Label } from './form-elements/label';
 export { SegmentedControl } from './form-elements/segmented-control';
+export { SettingsIcon } from './icons/settings-icon';
 export { Button } from './button';
 export { CheckinCountIndicator } from './checkin-count-indicator';
 export { CheckinProgressBar } from './checkin-progress-bar';

package/package.json

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