@licklist/design 0.66.11 → 0.66.12-dev.1

package/src/venue-map-sets/form/components/VenueMapImageControl.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect } from "react";
+import { useCallback, useEffect } from "react";
 import { Col, Button, Form } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
@@ -41,11 +41,11 @@ export const VenueMapImageControl = ({ index }: VenueMapImageControlProps) => {
 
       setValue(
         `venueMaps.${index}.localImageBlobURL` as const,
-        uploadedFiles[0] as never
+        uploadedFiles[0] as never,
       );
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageUploading]
+    [handleImageUploading],
   );
 
   const onImageRemove = useCallback(
@@ -53,11 +53,11 @@ export const VenueMapImageControl = ({ index }: VenueMapImageControlProps) => {
       handleImageRemove(id, path);
       setValue(
         `venueMaps.${index}.localImageBlobURL` as const,
-        undefined as never
+        undefined as never,
       );
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageRemove]
+    [handleImageRemove],
   );
 
   const onPointsChange = useCallback(
@@ -65,7 +65,7 @@ export const VenueMapImageControl = ({ index }: VenueMapImageControlProps) => {
       setValue(`venueMaps.${index}.points` as const, nextPoints as never);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
+    [],
   );
 
   useEffect(() => {
@@ -99,7 +99,7 @@ export const VenueMapImageControl = ({ index }: VenueMapImageControlProps) => {
         <Form.Control
           isInvalid={HookFormService.isInvalid(
             `venueMaps.${index}.image` as const,
-            errors
+            errors,
           )}
           hidden
         />
@@ -117,7 +117,7 @@ export const VenueMapImageControl = ({ index }: VenueMapImageControlProps) => {
         <Form.Control.Feedback type="invalid">
           {HookFormService.getErrors(
             `venueMaps.${index}.image` as const,
-            errors
+            errors,
           )}
         </Form.Control.Feedback>
       </Form.Group>

package/src/venue-map-sets/form/components/VenueMapModal.tsx

@@ -1,11 +1,10 @@
-import React from "react";
 import { Modal, Button, Form, Row, Col } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import clsx from "clsx";
 import { useFormContext } from "react-hook-form";
 import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
+import { FaTrashAlt } from "react-icons/fa";
 import { ConfirmModal } from "../../../modals/confirmation";
-import Icon from "../../../static/Icon";
 import { VenueMapWithLocalBlob } from "../types";
 import { VenueMapImageControl } from "./VenueMapImageControl";
 import { getVenueMapsRequiredKeys } from "../utils";
@@ -49,7 +48,7 @@ export const VenueMapModal = ({
       size="lg"
       show={showModal}
       className={clsx(
-        "m-0 edit-product-set-element-modal edit-right-form-modal h-100"
+        "m-0 edit-product-set-element-modal edit-right-form-modal h-100",
       )}
       dialogClassName="edit-venue-map-set-dialog edit-venue-map-dialog"
       onHide={onModalHide}
@@ -92,20 +91,20 @@ export const VenueMapModal = ({
                       placeholder={t("Design:name")}
                       isInvalid={HookFormService.isInvalid(
                         `${key}.name` as const,
-                        errors
+                        errors,
                       )}
                     />
                     <Form.Control.Feedback type="invalid">
                       {HookFormService.hasError(
                         errors?.venueMaps?.[index]?.name,
-                        "required"
+                        "required",
                       ) &&
                         t("Validation:fieldRequired", {
                           attribute: t("Design:name"),
                         })}
                       {HookFormService.hasError(
                         errors?.venueMaps?.[index]?.name,
-                        "maxLength"
+                        "maxLength",
                       ) &&
                         t("Validation:fieldMaxLength", {
                           attribute: t("Design:name"),
@@ -153,7 +152,7 @@ export const VenueMapModal = ({
                   variant="outline-danger"
                   className="d-flex align-items-center"
                 >
-                  <Icon type="trash" height="1rem" />
+                  <FaTrashAlt size={16} />
                   &nbsp;
                   <span className="d-none d-sm-inline ml-2">{t("delete")}</span>
                 </Button>

package/src/venue-map-sets/form/components/VenueMapsControl.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState, Fragment } from "react";
+import { useCallback, useEffect, useState, Fragment } from "react";
 import { uniqueId } from "lodash";
 import { useFieldArray, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
@@ -58,7 +58,7 @@ export const VenueMapsControl = ({ isLoading }) => {
       points: [],
       image: undefined,
     }),
-    []
+    [],
   );
 
   useEffect(() => {
@@ -100,17 +100,17 @@ export const VenueMapsControl = ({ isLoading }) => {
 
       {fields.map((venueMap, index) => {
         const venueMapData: VenueMapWithLocalBlob = getValues(
-          `venueMaps.${index}` as const
+          `venueMaps.${index}` as const,
         );
 
         const isVenueMapInvalid =
           HookFormService.isInvalid(
             `venueMaps.${index}.name` as const,
-            errors
+            errors,
           ) ||
           HookFormService.isInvalid(
             `venueMaps.${index}.image` as const,
-            errors
+            errors,
           );
 
         return (
@@ -126,14 +126,14 @@ export const VenueMapsControl = ({ isLoading }) => {
                 <>
                   {HookFormService.hasError(
                     errors?.venueMaps?.[index]?.name,
-                    "required"
+                    "required",
                   ) &&
                     t("Validation:fieldRequired", {
                       attribute: t("Design:name"),
                     })}
                   {HookFormService.hasError(
                     errors?.venueMaps?.[index]?.name,
-                    "maxLength"
+                    "maxLength",
                   ) &&
                     t("Validation:fieldMaxLength", {
                       attribute: t("Design:name"),
@@ -142,7 +142,7 @@ export const VenueMapsControl = ({ isLoading }) => {
                   &nbsp;
                   {HookFormService.getErrors(
                     `venueMaps.${index}.image` as const,
-                    errors
+                    errors,
                   )}
                 </>
               }

package/src/venue-map-sets/form/utils/index.ts

@@ -10,7 +10,7 @@ export const transformFormValues = (nextValues: VenueMapSetFormValuesProps) => {
   const nextVenueMaps = venueMaps.reduce(
     (
       prevVenueMapsValues: VenueMapSetFormValuesProps["venueMaps"],
-      currentVenueMap: VenueMapWithLocalBlob
+      currentVenueMap: VenueMapWithLocalBlob,
     ) => {
       const { localImageBlobURL, image, points, id, ...venueMapValues } =
         currentVenueMap;
@@ -41,14 +41,14 @@ export const transformFormValues = (nextValues: VenueMapSetFormValuesProps) => {
         },
       ];
     },
-    []
+    [],
   );
 
   return { ...values, venueMaps: nextVenueMaps } as Partial<VenueMapSet>;
 };
 
 export const getVenueMapsRequiredKeys = (
-  venueMaps: VenueMapWithLocalBlob[] = []
+  venueMaps: VenueMapWithLocalBlob[] = [],
 ) =>
   venueMaps.reduce((prevVenueMapsKeys: readonly string[], _venueMap, index) => {
     return [

package/src/virtualized/components/VirtualizedGrid.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useRef } from "react";
+import { useContext, useEffect, useRef } from "react";
 import { Grid, GridProps, GridState } from "react-virtualized";
 import { VirtualizedContext } from "../context";
 

package/src/virtualized/components/VirtualizedWindowScroller.stories.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import { useRef } from "react";
 import { Meta, Story } from "@storybook/react";
 import {
   VirtualizedWindowScroller,

package/src/virtualized/components/VirtualizedWindowScroller.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useContext, useEffect } from "react";
+import { ReactNode, useContext, useEffect } from "react";
 import { useWindowDimensions } from "@licklist/plugins/dist/hooks/Media/useWindowDimensions";
 import {
   WindowScroller,
@@ -55,7 +55,7 @@ const WrappedVirtualizedWindowScroller = ({
 };
 
 export const VirtualizedWindowScroller = (
-  props: VirtualizedWindowScrollerProps
+  props: VirtualizedWindowScrollerProps,
 ) => {
   return (
     <VirtualizedContextProvider>

package/src/virtualized/context/VirtualizedContext.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, createContext, useMemo, useState } from "react";
+import { ReactNode, createContext, useMemo, useState } from "react";
 import { Grid } from "react-virtualized";
 
 export type VirtualizedContextProps = {

package/src/vite-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+/// <reference types="vite/types/importMeta.d.ts" />
+/// <reference types="vite-plugin-svgr/client" />

package/src/zone/card/ZoneCard.stories.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Meta, Story } from "@storybook/react";
 import { ZoneCard, ZoneCardProps } from "./ZoneCard";
 

package/src/zone/card/ZoneCard.tsx

@@ -1,12 +1,12 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { ListGroup, OverlayTrigger, Popover } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import clsx from "clsx";
 import { useId } from "@react-aria/utils";
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
+import { FaEllipsisH, FaEye, FaTrashAlt } from "react-icons/fa";
 import { ConfirmModal } from "../../modals";
-import { Icon } from "../../static";
 import { MenuButton } from "../../table/MenuButton";
 
 export interface ZoneCardProps extends HasPermissionProp {
@@ -40,7 +40,7 @@ export function ZoneCard({
         <div className="zone-card-link">{name}</div>
         <div className="d-flex">
           <div className="zone-card-menu-eye-container">
-            <Icon type="eye" color="#0E8CE2" width="20" />
+            <FaEye color="#0E8CE2" size={20} />
           </div>
           <OverlayTrigger
             trigger="click"
@@ -51,7 +51,7 @@ export function ZoneCard({
                 id={popoverId}
                 className={clsx(
                   "zone-card-popover",
-                  !isOverlayVisibile && "d-none"
+                  !isOverlayVisibile && "d-none",
                 )}
               >
                 <Popover.Content
@@ -71,7 +71,7 @@ export function ZoneCard({
                                   confirm(onRemove);
                                 }}
                                 name={t("remove")}
-                                icon="trash-alt"
+                                icon={<FaTrashAlt size={12} />}
                                 className="zone-card-menu-item-text d-flex w-100 align-items-center"
                                 rightIcon
                               />
@@ -93,7 +93,7 @@ export function ZoneCard({
                 setIsOverlayVisible(true);
               }}
             >
-              <Icon type="ellipsis-h" />
+              <FaEllipsisH />
             </button>
           </OverlayTrigger>
         </div>

package/src/zone/form/ZoneForm.stories.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Meta, Story } from "@storybook/react";
 import { boolean } from "@storybook/addon-knobs";
 import { ZoneForm, ZoneFormProps } from "./ZoneForm";

package/src/zone/form/ZoneForm.tsx

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

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

@@ -1,9 +1,4 @@
-import React, {
-  forwardRef,
-  useEffect,
-  useMemo,
-  useImperativeHandle,
-} from "react";
+import { forwardRef, useEffect, useMemo, useImperativeHandle } from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { UseFormSetError, useForm } from "react-hook-form";
@@ -41,7 +36,7 @@ export const AvailableTimesControl = forwardRef<
       errorMessage,
       clearErrorMessage,
     },
-    ref
+    ref,
   ) => {
     const nameId = useId();
     const { t } = useTranslation(["Design", "Validation"]);
@@ -61,7 +56,7 @@ export const AvailableTimesControl = forwardRef<
 
     const checkboxes = useMemo(
       () => getCheckboxesByWorkHours(workHours),
-      [workHours]
+      [workHours],
     );
 
     useImperativeHandle(ref, () => {
@@ -80,7 +75,7 @@ export const AvailableTimesControl = forwardRef<
       if (isAlreadyChecked) {
         setValue(
           "availableTimes",
-          availableTimes.filter((value) => value !== option)
+          availableTimes.filter((value) => value !== option),
         );
 
         return;
@@ -122,5 +117,5 @@ export const AvailableTimesControl = forwardRef<
         </div>
       </Form.Group>
     );
-  }
+  },
 );

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { useFormContext, Controller } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { Row, Col } from "react-bootstrap";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 import { NameControl } from "./NameControl";
@@ -11,15 +10,15 @@ import { GameDurationControl } from "./GameDurationControl";
 
 export type ZoneControlProps = {
   isLoading: boolean;
-  workHours?: WorkHour[];
+  workHours: WorkHour[] | undefined;
 };
 
-export const ZoneControl = ({ isLoading }: ZoneControlProps) => {
+export const ZoneControl = ({ isLoading, workHours }: ZoneControlProps) => {
   return (
     <Row>
       <Col md={6} sm={12} className="pr-5">
         <NameControl isLoading={isLoading} />
-        <ZoneRecurrencesControl />
+        <ZoneRecurrencesControl workHours={workHours} />
         <hr />
         <Row>
           <Col md={6} sm={6}>

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect } from "react";
+import { useCallback, useEffect } from "react";
 import { Form } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
@@ -42,7 +42,7 @@ export const ZoneImageControl = ({
       setValue("localImageBlobURL", URL.createObjectURL(files[0]) as never);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageUploading]
+    [handleImageUploading],
   );
 
   const onImageRemove = useCallback(
@@ -51,7 +51,7 @@ export const ZoneImageControl = ({
       setValue("localImageBlobURL", undefined as never);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [handleImageRemove]
+    [handleImageRemove],
   );
 
   useEffect(() => {

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useIntl } from "react-intl";
 import RRule from "rrule";
@@ -6,7 +5,7 @@ import { ZoneRecurrence } from "@licklist/core/dist/DataMapper/Provider/ZoneRecu
 
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { Icon } from "../../../static";
+import { FaCalendar, FaEllipsisH } from "react-icons/fa";
 
 export interface ZoneRecurrenceControlProps {
   zoneRecurrence?: { _id: string } & Partial<ZoneRecurrence>;
@@ -46,11 +45,7 @@ export const ZoneRecurrenceControl = ({
         className="zone-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"
       >
         <span className="d-flex flex-row align-items-center">
-          <Icon
-            type="calendar"
-            height="1rem"
-            className="zone-recurrence-icon-calendar"
-          />
+          <FaCalendar size={16} className="zone-recurrence-icon-calendar" />
           <span className="zone-recurrence-title d-flex flex-grow-1">
             {t("from")}{" "}
             {formatDate(zoneRecurrence.startDate, {
@@ -69,11 +64,7 @@ export const ZoneRecurrenceControl = ({
             onClick={() => onEdit(zoneRecurrence)}
             onKeyDown={() => onEdit(zoneRecurrence)}
           >
-            <Icon
-              type="ellipsis-h"
-              height="1rem"
-              className="zone-recurrence-icon-more"
-            />
+            <FaEllipsisH size={16} className="zone-recurrence-icon-more" />
           </div>
         </span>
         <span className="zone-recurrence-description">

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useId } from "@react-aria/utils";
 import { Form, OverlayTrigger, Popover } from "react-bootstrap";
 import { useFieldArray, useFormContext } from "react-hook-form";
@@ -12,8 +12,8 @@ import {
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 
+import { FaPlusCircle } from "react-icons/fa";
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
-import { Icon } from "../../../static";
 import {
   RecurringDatePickerInput,
   RecurringDatePickerInputValues,
@@ -25,12 +25,13 @@ export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
 }
 
-export type ZoneRecurrenceControlProps = {
-  workHours?: WorkHour[];
-  isLoading?: boolean;
+type ZoneRecurrenceControlProps = {
+  workHours: WorkHour[] | undefined;
 };
 
-export const ZoneRecurrencesControl = () => {
+export const ZoneRecurrencesControl = ({
+  workHours,
+}: ZoneRecurrenceControlProps) => {
   const {
     control,
     register,
@@ -58,7 +59,7 @@ export const ZoneRecurrencesControl = () => {
 
   useClickAway(popoverRef, (event) => {
     const isModal = CONFIRM_MODAL_ACTIONS.includes(
-      (event.target as HTMLElement)?.attributes?.getNamedItem("data-id")?.value
+      (event.target as HTMLElement)?.attributes?.getNamedItem("data-id")?.value,
     );
 
     if (isModal) {
@@ -69,13 +70,13 @@ export const ZoneRecurrencesControl = () => {
     clearEditState();
   });
 
-  const popoverId = useId()!;
+  const popoverId = useId();
 
   const { t } = useTranslation(["Design", "Validation"]);
 
   // in this method we should fulfill the form with a proper data
   const handleRecurringDateChange = async (
-    next: RecurringDatePickerInputValues
+    next: RecurringDatePickerInputValues,
   ) => {
     const values = {
       rrule: next.rrule,
@@ -129,8 +130,8 @@ export const ZoneRecurrencesControl = () => {
       setValue(
         "zoneRecurrences",
         zoneRecurrences.filter(
-          (_currentzoneRecurrence, index) => index !== removeIndex
-        )
+          (_currentzoneRecurrence, index) => index !== removeIndex,
+        ),
       );
     }, 100);
   };
@@ -139,7 +140,7 @@ export const ZoneRecurrencesControl = () => {
     if (over.id === active.id) return;
 
     const prevIndex = fields.findIndex(
-      (item) => String(item._id) === active.id
+      (item) => String(item._id) === active.id,
     );
     const nextIndex = fields.findIndex((item) => String(item._id) === over.id);
 
@@ -166,6 +167,7 @@ export const ZoneRecurrencesControl = () => {
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
                 setInitialStartDateAfterSelect
+                workHours={workHours}
               />
             </Popover.Content>
           </Popover>
@@ -200,11 +202,7 @@ export const ZoneRecurrencesControl = () => {
             onClick={handleOnAdd}
             onKeyDown={handleOnAdd}
           >
-            <Icon
-              type="plus-circle"
-              height="1rem"
-              className="zone-recurrence-icon-add mr-2"
-            />
+            <FaPlusCircle size={16} className="zone-recurrence-icon-add mr-2" />
             {t("addDates")}
           </div>
 

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";

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

@@ -9,7 +9,7 @@ const DEFAULT_END_DAY_TIME = "23:59";
 export const getTimeCheckboxRanges = (
   startTime: string,
   endTime: string,
-  range = 5
+  range = 5,
 ) => {
   const today = new Date();
   const [startHour, startMinutes] = startTime.split(TIME_SEPARATOR);
@@ -53,18 +53,17 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
   if (!workHours || !workHours.length)
     return getTimeCheckboxRanges(DEFAULT_START_DAY_TIME, DEFAULT_END_DAY_TIME);
 
-  const providerWorkHoursByWeek = workHours.reduce(
-    (workHoursNextArray: { start: string; end: string }[], currentWorkHour) => {
-      const { start, end } = currentWorkHour;
+  const providerWorkHoursByWeek = workHours.reduce<
+    { start: string; end: string }[]
+  >((workHoursNextArray, 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
@@ -83,12 +82,12 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
       return [...flatArray, start, end];
     }, [])
     .sort((prevWorkHour, currentWorkHour) =>
-      prevWorkHour.localeCompare(currentWorkHour)
+      prevWorkHour.localeCompare(currentWorkHour),
     );
 
   return getTimeCheckboxRanges(
     flatProviderWorkHoursByWeek[0] || DEFAULT_START_DAY_TIME,
     flatProviderWorkHoursByWeek[flatProviderWorkHoursByWeek.length - 1] ||
-      DEFAULT_END_DAY_TIME
+      DEFAULT_END_DAY_TIME,
   );
 };

package/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "sourceMap": true,
+    "emitDeclarationOnly": true
+  }
+}