@licklist/design 0.44.486-dev.5 → 0.44.486-dev.51

package/src/iframe/activity-cards/list-activity-card/ListActivityCard.tsx

@@ -1,49 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export interface ListActivityCardProps {
-  title: string;
-  duration: string;
-  price: string;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-}
-
-export const ListActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-}: ListActivityCardProps) => {
-  return (
-    <div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
-      <div
-        className={clsx("list-activity-card", {
-          active: isSelected,
-        })}
-      >
-        <div className="description">
-          <div className="title">{title}</div>
-          {duration && (
-            <div>
-              <p>{duration}</p>
-            </div>
-          )}
-
-          {price && <div>{price}</div>}
-        </div>
-
-        {image && (
-          <div className="image-container">
-            <img className="image" src={image.url} alt="" />
-          </div>
-        )}
-      </div>
-      <hr className="list-activity-card-hr" />
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/EventCalendar.stories.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { Meta, Story } from "@storybook/react";
-import {
-  EventCalendarProvider,
-  getMonthCalendarDates,
-} from "@licklist/plugins/dist/context/event/EventCalendarContext";
-import { EventCalendar, EventCalendarProps } from "./EventCalendar";
-
-export default {
-  title: "Iframe/Event/Calendar",
-  component: EventCalendar,
-} as Meta;
-
-export const Default: Story<EventCalendarProps> = (args) => {
-  return (
-    <EventCalendarProvider getCalendarDates={getMonthCalendarDates}>
-      <div style={{ backgroundColor: "white" }}>
-        <EventCalendar {...args} />
-      </div>
-    </EventCalendarProvider>
-  );
-};
-
-const now = DateTime.now().set({
-  hour: 0,
-  second: 0,
-  millisecond: 0,
-  minute: 0,
-});
-
-Default.args = {
-  disabledDates: [now.minus({ day: 2 }), now, now.plus({ day: 2 })],
-  isLoading: false,
-  fromPrice: "from £10",
-};

package/src/iframe/event/event-calendar/EventCalendar.tsx

@@ -1,27 +0,0 @@
-import React, { ReactElement } from "react";
-import { CalendarButtons } from "./components/CalendarButtons";
-import { CalendarDates } from "./components/CalendarDates";
-import { CalendarBaseProps } from "./types";
-
-export type EventCalendarProps = CalendarBaseProps & {
-  fromPrice?: string | ReactElement | null;
-};
-
-export const EventCalendar = ({
-  disabledDates = [],
-  isLoading = false,
-  fromPrice,
-}: EventCalendarProps) => {
-  return (
-    <div className="calendar-wrapper">
-      <div className="calendar">
-        <CalendarButtons disabledDates={disabledDates} isLoading={isLoading} />
-        <CalendarDates
-          disabledDates={disabledDates}
-          isLoading={isLoading}
-          fromPrice={fromPrice}
-        />
-      </div>
-    </div>
-  );
-};

package/src/iframe/event/event-calendar/components/CalendarDate/CalendarDate.tsx

@@ -1,51 +0,0 @@
-import React, { ReactElement } from "react";
-import { Button } from "react-bootstrap";
-import { DateTime } from "luxon";
-import clsx from "clsx";
-
-export type CalendarDateProps = {
-  initialDate: DateTime;
-  currentDate: DateTime;
-  selectedDate?: DateTime;
-  setSelectedDate: (date: DateTime) => void;
-  isDisabled?: boolean;
-  fromPrice?: string | ReactElement | null;
-};
-
-export const CalendarDate = ({
-  initialDate,
-  currentDate,
-  selectedDate,
-  setSelectedDate,
-  isDisabled = false,
-  fromPrice,
-}: CalendarDateProps) => {
-  const onClick = () => {
-    if (isDisabled) return;
-
-    setSelectedDate(currentDate);
-  };
-
-  const disabled = currentDate < initialDate || isDisabled;
-
-  return (
-    <Button
-      variant="link"
-      disabled={disabled}
-      className={clsx(
-        "calendar-date",
-        selectedDate?.hasSame(currentDate, "day") && "selected-date",
-        disabled && "disabled-date"
-      )}
-      onClick={onClick}
-    >
-      <div>{currentDate.day}</div>
-
-      {typeof fromPrice === "string" ? (
-        <div>{fromPrice}</div>
-      ) : (
-        <>{fromPrice}</>
-      )}
-    </Button>
-  );
-};

package/src/iframe/event/event-calendar/components/CalendarDate/index.ts

@@ -1,2 +0,0 @@
-export { CalendarDate } from "./CalendarDate";
-export type { CalendarDateProps } from "./CalendarDate";

package/src/iframe/event/event-calendar/index.ts

@@ -1,6 +0,0 @@
-export { EventCalendar } from "./EventCalendar";
-export { CalendarSelect } from "./components/CalendarSelect";
-export type {
-  CalendarSelectProps,
-  CalendarSelectOption,
-} from "./components/CalendarSelect";

package/src/iframe/event/event-calendar/types/index.ts

@@ -1,6 +0,0 @@
-import { DateTime } from "luxon";
-
-export type CalendarBaseProps = {
-  disabledDates?: DateTime[];
-  isLoading?: boolean;
-};

package/src/iframe/event/event-calendar/utils/index.ts

@@ -1,11 +0,0 @@
-import { DateTime } from "luxon";
-import isEqual from "lodash/isEqual";
-
-export const isSelectedDateDisabled = (
-  selectedDate: DateTime,
-  disabledDates: DateTime[] = []
-) => {
-  return !!disabledDates.find((disabledDate) =>
-    isEqual(disabledDate.toObject(), selectedDate.toObject())
-  );
-};

package/src/styles/iframe-customers-journey/_index.scss

@@ -1,3 +0,0 @@
-@import "./ActivitiesSelectedCard.scss";
-@import "./ActivitiesCard.scss";
-@import "./DateTimeButton.scss";