@licklist/design 0.66.1-dev.2 → 0.66.1

package/src/styles/iframe-page/Page.scss

@@ -43,6 +43,8 @@
     }
 
     .page-body {
+      min-height: unset;
+
       .left-block {
         min-height: fit-content;
 
@@ -76,10 +78,17 @@
     }
 
     &.iframe {
+      height: unset;
+
       .page-body {
+        height: unset;
+        max-height: unset;
+
         .left-block {
           .left-block-container {
-            overflow: auto;
+            height: unset;
+            max-height: unset;
+            overflow: unset;
           }
         }
       }

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

package/src/styles/zones/ZoneForm.scss

@@ -1,5 +1,4 @@
 .zone-available-times {
-  overscroll-behavior: contain;
   display: flex;
   flex-wrap: wrap;
   gap: 1.5rem;
@@ -8,4 +7,4 @@
   justify-content: start;
   width: 95%;
   overflow: scroll;
-}
+}

package/src/zone/form/ZoneForm.tsx

@@ -13,7 +13,7 @@ export type ZoneFormProps = {
   onSubmit: (values: Partial<Zone>) => void;
   serverErrors?: ServerError;
   isLoading?: boolean;
-  workHours: WorkHour[] | undefined;
+  workHours?: WorkHour[];
 };
 
 export type ZoneFormValues = Partial<Zone> & {
@@ -25,7 +25,6 @@ export const ZoneForm = ({
   onSubmit,
   serverErrors,
   isLoading = false,
-  workHours,
 }: ZoneFormProps) => {
   const { t } = useTranslation("Design");
   const form = useForm<ZoneFormValues>({
@@ -55,7 +54,7 @@ export const ZoneForm = ({
   return (
     <FormProvider {...form}>
       <Form onSubmit={handleSubmit(onFormSubmit)}>
-        <ZoneControl isLoading={isLoading} workHours={workHours} />
+        <ZoneControl isLoading={isLoading} />
         <Row>
           <Col md={6} sm={12} />
           <Col

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

@@ -11,15 +11,15 @@ import { GameDurationControl } from "./GameDurationControl";
 
 export type ZoneControlProps = {
   isLoading: boolean;
-  workHours: WorkHour[] | undefined;
+  workHours?: WorkHour[];
 };
 
-export const ZoneControl = ({ isLoading, workHours }: ZoneControlProps) => {
+export const ZoneControl = ({ isLoading }: ZoneControlProps) => {
   return (
     <Row>
       <Col md={6} sm={12} className="pr-5">
         <NameControl isLoading={isLoading} />
-        <ZoneRecurrencesControl workHours={workHours} />
+        <ZoneRecurrencesControl />
         <hr />
         <Row>
           <Col md={6} sm={6}>

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

@@ -25,13 +25,12 @@ export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
 }
 
-type ZoneRecurrenceControlProps = {
-  workHours: WorkHour[] | undefined;
+export type ZoneRecurrenceControlProps = {
+  workHours?: WorkHour[];
+  isLoading?: boolean;
 };
 
-export const ZoneRecurrencesControl = ({
-  workHours,
-}: ZoneRecurrenceControlProps) => {
+export const ZoneRecurrencesControl = () => {
   const {
     control,
     register,
@@ -70,7 +69,7 @@ export const ZoneRecurrencesControl = ({
     clearEditState();
   });
 
-  const popoverId = useId();
+  const popoverId = useId()!;
 
   const { t } = useTranslation(["Design", "Validation"]);
 
@@ -167,7 +166,6 @@ export const ZoneRecurrencesControl = ({
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
                 setInitialStartDateAfterSelect
-                workHours={workHours}
               />
             </Popover.Content>
           </Popover>

package/src/zone/form/utils/dates.ts

@@ -53,17 +53,18 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
   if (!workHours || !workHours.length)
     return getTimeCheckboxRanges(DEFAULT_START_DAY_TIME, DEFAULT_END_DAY_TIME);
 
-  const providerWorkHoursByWeek = workHours.reduce<
-    { start: string; end: string }[]
-  >((workHoursNextArray, currentWorkHour) => {
-    const { start, end } = currentWorkHour;
+  const providerWorkHoursByWeek = workHours.reduce(
+    (workHoursNextArray: { start: string; end: string }[], currentWorkHour) => {
+      const { start, end } = currentWorkHour;
 
-    if (start && end) {
-      return [...workHoursNextArray, { start, end }];
-    }
+      if (start && end) {
+        return [...workHoursNextArray, { start, end }];
+      }
 
-    return workHoursNextArray;
-  }, []);
+      return workHoursNextArray;
+    },
+    []
+  );
 
   // If venue has filled only 1 work day from wee
   // For another days we use default 00:00 and 23:59

package/src/report/ReportRunnerModal/ReportRunnerModal.stories.tsx

@@ -1,307 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import React from "react";
-import { Card } from "react-bootstrap";
-import { ReportRunnerModal, ReportRunnerModalProps } from "./ReportRunnerModal";
-
-export default {
-  title: "Report/ReportRunnerModal",
-  component: ReportRunnerModal,
-} as Meta;
-
-export const Default: Story<ReportRunnerModalProps> = (args) => (
-  <Card style={{ maxWidth: "max-content" }}>
-    <Card.Body>
-      <ReportRunnerModal {...args} />
-    </Card.Body>
-  </Card>
-);
-
-Default.args = {
-  reportId: 47,
-  show: true,
-  generate: { isLoading: false },
-  download: { isLoading: false },
-  useShowReportFields: (type) => ({ data: [], isLoading: false }),
-  onHide: () => {},
-  onEdit: () => {},
-  reports: [
-    {
-      id: 47,
-      providerId: null,
-      type: "payments",
-      name: "Test 1",
-      createdAt: "2024-04-26 08:16:59",
-      updatedAt: "2024-04-26 08:16:59",
-      deletedAt: null,
-      reportFieldValues: [
-        {
-          id: 580,
-          reportId: 47,
-          reportFieldId: 16,
-        },
-        {
-          id: 581,
-          reportId: 47,
-          reportFieldId: 17,
-        },
-        {
-          id: 582,
-          reportId: 47,
-          reportFieldId: 18,
-        },
-        {
-          id: 583,
-          reportId: 47,
-          reportFieldId: 19,
-        },
-        {
-          id: 584,
-          reportId: 47,
-          reportFieldId: 20,
-        },
-        {
-          id: 585,
-          reportId: 47,
-          reportFieldId: 21,
-        },
-        {
-          id: 586,
-          reportId: 47,
-          reportFieldId: 22,
-        },
-        {
-          id: 587,
-          reportId: 47,
-          reportFieldId: 23,
-        },
-        {
-          id: 588,
-          reportId: 47,
-          reportFieldId: 24,
-        },
-        {
-          id: 589,
-          reportId: 47,
-          reportFieldId: 26,
-        },
-        {
-          id: 590,
-          reportId: 47,
-          reportFieldId: 27,
-        },
-        {
-          id: 591,
-          reportId: 47,
-          reportFieldId: 28,
-        },
-        {
-          id: 592,
-          reportId: 47,
-          reportFieldId: 40,
-        },
-        {
-          id: 593,
-          reportId: 47,
-          reportFieldId: 41,
-        },
-        {
-          id: 594,
-          reportId: 47,
-          reportFieldId: 42,
-        },
-      ],
-    },
-    {
-      id: 52,
-      providerId: null,
-      type: "bookings",
-      name: "new report",
-      createdAt: "2024-04-29 16:05:51",
-      updatedAt: "2024-04-29 16:08:39",
-      deletedAt: null,
-      reportFieldValues: [
-        {
-          id: 635,
-          reportId: 52,
-          reportFieldId: 1,
-        },
-        {
-          id: 636,
-          reportId: 52,
-          reportFieldId: 2,
-        },
-        {
-          id: 637,
-          reportId: 52,
-          reportFieldId: 3,
-        },
-        {
-          id: 638,
-          reportId: 52,
-          reportFieldId: 4,
-        },
-        {
-          id: 639,
-          reportId: 52,
-          reportFieldId: 5,
-        },
-        {
-          id: 640,
-          reportId: 52,
-          reportFieldId: 6,
-        },
-        {
-          id: 641,
-          reportId: 52,
-          reportFieldId: 7,
-        },
-        {
-          id: 642,
-          reportId: 52,
-          reportFieldId: 8,
-        },
-        {
-          id: 643,
-          reportId: 52,
-          reportFieldId: 9,
-        },
-        {
-          id: 644,
-          reportId: 52,
-          reportFieldId: 10,
-        },
-        {
-          id: 645,
-          reportId: 52,
-          reportFieldId: 11,
-        },
-        {
-          id: 646,
-          reportId: 52,
-          reportFieldId: 12,
-        },
-        {
-          id: 647,
-          reportId: 52,
-          reportFieldId: 13,
-        },
-        {
-          id: 648,
-          reportId: 52,
-          reportFieldId: 14,
-        },
-        {
-          id: 649,
-          reportId: 52,
-          reportFieldId: 15,
-        },
-        {
-          id: 650,
-          reportId: 52,
-          reportFieldId: 36,
-        },
-        {
-          id: 651,
-          reportId: 52,
-          reportFieldId: 37,
-        },
-        {
-          id: 652,
-          reportId: 52,
-          reportFieldId: 38,
-        },
-        {
-          id: 653,
-          reportId: 52,
-          reportFieldId: 39,
-        },
-        {
-          id: 654,
-          reportId: 52,
-          reportFieldId: 47,
-        },
-        {
-          id: 655,
-          reportId: 52,
-          reportFieldId: 48,
-        },
-      ],
-    },
-    {
-      id: 53,
-      providerId: null,
-      type: "tickets",
-      name: "tickets",
-      createdAt: "2024-04-29 16:12:36",
-      updatedAt: "2024-04-29 16:12:36",
-      deletedAt: null,
-      reportFieldValues: [
-        {
-          id: 656,
-          reportId: 53,
-          reportFieldId: 29,
-        },
-        {
-          id: 657,
-          reportId: 53,
-          reportFieldId: 30,
-        },
-        {
-          id: 658,
-          reportId: 53,
-          reportFieldId: 31,
-        },
-        {
-          id: 659,
-          reportId: 53,
-          reportFieldId: 32,
-        },
-        {
-          id: 660,
-          reportId: 53,
-          reportFieldId: 33,
-        },
-        {
-          id: 661,
-          reportId: 53,
-          reportFieldId: 34,
-        },
-        {
-          id: 662,
-          reportId: 53,
-          reportFieldId: 35,
-        },
-        {
-          id: 663,
-          reportId: 53,
-          reportFieldId: 43,
-        },
-        {
-          id: 664,
-          reportId: 53,
-          reportFieldId: 44,
-        },
-        {
-          id: 665,
-          reportId: 53,
-          reportFieldId: 45,
-        },
-        {
-          id: 666,
-          reportId: 53,
-          reportFieldId: 46,
-        },
-        {
-          id: 667,
-          reportId: 53,
-          reportFieldId: 51,
-        },
-        {
-          id: 668,
-          reportId: 53,
-          reportFieldId: 52,
-        },
-      ],
-    },
-  ],
-};