@licklist/design 0.44.486-dev.82 → 0.44.486-dev.9

package/src/iframe/activity-card/ActivityCard.tsx

@@ -1,66 +0,0 @@
-import React, { ReactNode } from "react";
-import clsx from "clsx";
-
-export const LAYOUT_GRID = "grid";
-export const LAYOUT_LIST = "list";
-
-type Layout = typeof LAYOUT_GRID | typeof LAYOUT_LIST;
-
-export type ActivityCardProps = {
-  title: ReactNode;
-  duration: ReactNode;
-  price: ReactNode;
-  onSelect: () => void;
-  isSelected: boolean;
-  layout?: Layout;
-};
-
-export const ActivityCard = ({
-  title,
-  duration,
-  price,
-  // image,
-  onSelect,
-  isSelected,
-  layout = LAYOUT_GRID,
-}: ActivityCardProps) => {
-  if (layout === LAYOUT_GRID) {
-    return (
-      <button
-        type="button"
-        className={clsx("activity-card", isSelected && "active")}
-        onClick={onSelect}
-      >
-        <div className={clsx("d-flex", "flex-column")}>
-          <div className="activity-card-title">{title}</div>
-
-          {duration && <div>{duration}</div>}
-
-          {price && <div>{price}</div>}
-        </div>
-      </button>
-    );
-  }
-
-  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>
-      </div>
-      <hr className="list-activity-card-hr" />
-    </div>
-  );
-};

package/src/iframe/activity-card/index.ts

@@ -1 +0,0 @@
-export * from "./ActivityCard";

package/src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.stories.tsx

@@ -1,92 +0,0 @@
-import React, { useState } from "react";
-import { Meta } from "@storybook/react";
-import { RenderNumberOfPeopleInputComponent } from "./RenderNumberOfPeopleInputComponent";
-
-export default {
-  title: "NumberOfPeopleInput/RenderNumberOfPeopleInputComponent",
-  component: RenderNumberOfPeopleInputComponent,
-} as Meta;
-
-const productCategories = [
-  {
-    id: 1,
-    name: "Early Bird General Admission",
-    products: [
-      {
-        id: 7,
-        name: "Beer",
-        description: `Ticket is valid for students and non students. 
-            You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
-            Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        id: 8,
-        name: "Wine",
-        description: `Ticket is valid for students and non students.
-             You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-              Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        isRequired: true,
-      },
-    ],
-  },
-  {
-    id: 2,
-    name: "Nice",
-    products: [
-      {
-        id: 3,
-        name: "Beer",
-        description: `Ticket is valid for students and non students. 
-            You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
-            Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        id: 5,
-        name: "Wine",
-        description: `Ticket is valid for students and non students.
-             You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
-              Ticket valid for entry before 11.30pm for 12.30am showtime.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-    ],
-  },
-];
-
-const menus = [
-  {
-    id: 1,
-    name: "Menu 1",
-    menuSteps: [
-      {
-        id: 1,
-        name: "Burger",
-        productCategories: productCategories,
-      },
-    ],
-  },
-];
-
-export function Default() {
-  const [peopleAmount, setPeopleAmount] = useState(0);
-
-  return (
-    <div>
-      <RenderNumberOfPeopleInputComponent
-        peopleAmount={peopleAmount}
-        onChangePeopleAmount={(amount) => setPeopleAmount(amount)}
-        peopleAmountError={false}
-      />
-    </div>
-  );
-}

package/src/number-of-people-input/components/index.ts

@@ -1 +0,0 @@
-export * from "./RenderNumberOfPeopleInputComponent";

package/src/number-of-people-input/index.ts

@@ -1,2 +0,0 @@
-export * from "./NumberOfPeopleInput";
-export * from "./components";

package/src/provider/location-input/components/FormGroupControll.tsx

@@ -1,16 +0,0 @@
-import React from "react";
-import { Form } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-
-export const FormGroupControll = ({ name, label, error }) => {
-  const { register } = useFormContext();
-  return (
-    <Form.Group>
-      <Form.Label>{label}</Form.Label>
-      <Form.Control {...register(name)} isInvalid={!!error} />
-      <Form.Control.Feedback type="invalid">
-        {error?.message}
-      </Form.Control.Feedback>
-    </Form.Group>
-  );
-};

package/src/provider/location-input/components/index.ts

@@ -1 +0,0 @@
-export * from "./FormGroupControll";

package/src/styles/activity-card/_index.scss

@@ -1,2 +0,0 @@
-@import "./GridActivitiesCard.scss";
-@import "./ListActivitiesCard.scss";

package/src/styles/availability-indicator/AvailabilityIndicator.scss

@@ -1,7 +0,0 @@
-.availability-indicator {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  font-weight: 300;
-}

package/src/styles/availability-indicator/_index.scss

@@ -1 +0,0 @@
-@import "./AvailabilityIndicator.scss";

package/src/styles/date-time-button/_index.scss

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

package/src/zone/form/components/GameDurationControl.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Form } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-import { useId } from "@react-aria/utils";
-import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-
-type GameDurationControlProps = {
-  isLoading: boolean;
-};
-
-export const GameDurationControl = ({
-  isLoading,
-}: GameDurationControlProps) => {
-  const nameId = useId();
-  const { t } = useTranslation(["Design", "Validation"]);
-
-  const {
-    register,
-    formState: { errors },
-  } = useFormContext<Pick<Zone, "defaultDuration">>();
-
-  return (
-    <Form.Group controlId={nameId}>
-      <Form.Label>{t("Design:defaultGameDuration")}</Form.Label>
-      <Form.Control
-        type="number"
-        {...register("defaultDuration", {
-          required: false,
-          min: 1,
-        })}
-        placeholder={t("Design:duration")}
-        isInvalid={Boolean(errors.defaultDuration)}
-        disabled={isLoading}
-      />
-      <Form.Control.Feedback type="invalid">
-        {HookFormService.hasError(errors.defaultDuration, "min") &&
-          t("Validation:fieldMinNumber", {
-            attribute: t("Design:defaultGameDuration").toLowerCase(),
-            min: 1,
-          })}
-      </Form.Control.Feedback>
-    </Form.Group>
-  );
-};