@licklist/design 0.44.485-dev.93 → 0.44.485-dev.95

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts

@@ -2,7 +2,11 @@
 interface RecurrenceIntervalAndFrequencyInputProps {
     disabled?: boolean;
     minDate?: string;
+    startDateLabel?: string;
+    startTimeLabel?: string;
+    endDateLabel?: string;
+    endTimeLabel?: string;
 }
-declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
+declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endDateLabel, endTimeLabel, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
 export default RecurrenceIntervalAndFrequencyInput;
 //# sourceMappingURL=RecurrenceIntervalAndFrequencyInput.d.ts.map

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAMA,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,GACR,EAAE,wCAAwC,eAkG1C;AAED,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAMA,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,EAAE,wCAAwC,eA8F1C;AAED,eAAe,mCAAmC,CAAC"}

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form");exports.default=function(e){var a,i,m=e.disabled,s=void 0!==m&&m,u=e.minDate,d=l.useTranslation(["Design","Notification","App"]).t,c=o.useFormContext(),v=c.getValues,g=c.setValue,p=c.formState.errors,E=c.register,F=v("startDate"),f=v("endDate"),D=v("startTime"),b=v("endTime");return r.createElement(r.Fragment,null,r.createElement(n.Row,{className:"align-items-center"},r.createElement(n.Col,{xs:12,sm:6},r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,null,d("Design:fromDate")),r.createElement(n.Form.Control,t.__assign({type:"date"},E("startDate",{required:!0}),{defaultValue:F,className:F&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;g("startDate",t)},min:u,isInvalid:Boolean(p.startDate)})),r.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(a=p.startDate)||void 0===a?void 0:a.message))),r.createElement(n.Col,{xs:12,sm:6},r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,null,d("Design:toDate")),r.createElement(n.Form.Control,t.__assign({type:"date"},E("endDate",{required:!0}),{defaultValue:f,className:f&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;g("endDate",t)},min:F||void 0,isInvalid:Boolean(p.endDate)})),r.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(i=p.endDate)||void 0===i?void 0:i.message)))),r.createElement(n.Row,{className:"align-items-center"},r.createElement(n.Col,{xs:12,sm:6},r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,null,d("Design:availableFrom")),r.createElement(n.Form.Control,t.__assign({type:"time"},E("startTime",{required:!1}),{placeholder:"hh:mm",defaultValue:D,disabled:s,onChange:function(e){var t=e.target.value;g("startTime","".concat(t,":00"))},isInvalid:Boolean(p.startTime)})))),r.createElement(n.Col,{xs:12,sm:6},r.createElement(n.Form.Group,null,r.createElement(n.Form.Label,null,d("Design:availableTo")),r.createElement(n.Form.Control,t.__assign({type:"time"},E("endTime",{required:!1}),{placeholder:"hh:mm",defaultValue:b,disabled:s,onChange:function(e){var t=e.target.value;g("endTime","".concat(t,":59"))},isInvalid:Boolean(p.endTime)}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form");exports.default=function(e){var a,i,m=e.disabled,s=void 0!==m&&m,u=e.minDate,d=e.startDateLabel,c=e.startTimeLabel,v=e.endDateLabel,b=e.endTimeLabel,p=r.useTranslation(["Design","Notification","App"]).t,E=o.useFormContext(),g=E.getValues,D=E.setValue,F=E.formState.errors,f=E.register,C=g("startDate"),h=g("endDate"),T=g("startTime"),_=g("endTime");return l.createElement(l.Fragment,null,l.createElement(n.Row,{className:"align-items-center"},l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=d?d:p("Design:fromDate")),l.createElement(n.Form.Control,t.__assign({type:"date"},f("startDate",{required:!0}),{defaultValue:C,className:C&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;D("startDate",t)},min:u,isInvalid:Boolean(F.startDate)})),l.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(a=F.startDate)||void 0===a?void 0:a.message))),l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=v?v:p("Design:toDate")),l.createElement(n.Form.Control,t.__assign({type:"date"},f("endDate",{required:!0}),{defaultValue:h,className:h&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;D("endDate",t)},min:C||void 0,isInvalid:Boolean(F.endDate)})),l.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(i=F.endDate)||void 0===i?void 0:i.message)))),l.createElement(n.Row,{className:"align-items-center"},l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=c?c:p("Design:availableFrom")),l.createElement(n.Form.Control,t.__assign({type:"time"},f("startTime",{required:!1}),{placeholder:"hh:mm",defaultValue:T,disabled:s,isInvalid:Boolean(F.startTime)})))),l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=b?b:p("Design:availableTo")),l.createElement(n.Form.Control,t.__assign({type:"time"},f("endTime",{required:!1}),{placeholder:"hh:mm",defaultValue:_,disabled:s,isInvalid:Boolean(F.endTime)}))))))};

package/dist/sales/manual-booking/select-event/SelectEvent.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { TransformedEvent } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingEvent } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 interface SelectEventProps {
-    selectEvent: (event: TransformedEvent) => void;
+    selectEvent: (event: ManualBookingEvent) => void;
     isLoading: boolean;
-    events?: TransformedEvent[] | null;
+    events?: ManualBookingEvent[] | null;
 }
 export declare const SelectEvent: ({ events, isLoading, selectEvent, }: SelectEventProps) => JSX.Element;
 export declare const EventCardManualBooking: ({ coverImageUrl, title, rrule, startAt, endAt, isSoldOut, onClick, }: {

package/dist/sales/manual-booking/select-event/SelectEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEvent.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-event/SelectEvent.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAIvF,UAAU,gBAAgB;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,wCAIrB,gBAAgB,gBA6ClB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA4ClC,CAAC"}
+{"version":3,"file":"SelectEvent.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-event/SelectEvent.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAIzF,UAAU,gBAAgB;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,wCAIrB,gBAAgB,gBA6ClB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA4ClC,CAAC"}

package/dist/sales/manual-booking/select-menu/SelectMenu.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { TransformedMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 export type SelectMenuProps = {
     isLoading?: boolean;
-    menus?: TransformedMenu[] | null;
-    onSelectMenu?: (menu: TransformedMenu) => void;
+    menus?: ManualBookingMenu[] | null;
+    onSelectMenu?: (menu: ManualBookingMenu) => void;
     noMenusMessage?: string;
 };
 export declare const SelectMenu: ({ isLoading, menus, onSelectMenu, noMenusMessage, }: SelectMenuProps) => JSX.Element;

package/dist/sales/manual-booking/select-menu/SelectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAKpB,eAAe,gBA4CjB,CAAC"}
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAIxF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAKpB,eAAe,gBA4CjB,CAAC"}

package/dist/sales/manual-booking/select-menu/components/MenuButton.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { TransformedMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 export type MenuButtonProps = {
-    menu: TransformedMenu;
-    onSelectMenu?: (menu: TransformedMenu) => void;
+    menu: ManualBookingMenu;
+    onSelectMenu?: (menu: ManualBookingMenu) => void;
 };
 export declare const MenuButton: ({ menu, onSelectMenu }: MenuButtonProps) => JSX.Element;
 //# sourceMappingURL=MenuButton.d.ts.map

package/dist/sales/manual-booking/select-menu/components/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/sales/manual-booking/select-menu/components/MenuButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAEtF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,UAAU,2BAA4B,eAAe,gBAoBjE,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/sales/manual-booking/select-menu/components/MenuButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAExF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,UAAU,2BAA4B,eAAe,gBAoBjE,CAAC"}

package/dist/styles/resources-blocking/_index.scss

@@ -7,6 +7,37 @@
     overflow: auto;
   }
 
+  .reccurrence-interval-container {
+    .form-group {
+      margin-bottom: 0.5rem;
+      .form-control {
+        height: 1.5rem;
+        font-size: 0.625rem;
+        border: 2px solid #dcdcdc;
+        border-radius: 0.5rem;
+      }
+    }
+  }
+
+  .custom-checkbox .custom-control-label::before {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 0.5rem;
+    border: 2px solid #0e8ce2;
+    margin-top: -0.3rem;
+  }
+  .custom-checkbox .custom-control-label::after {
+    width: 1.5rem;
+    height: 1.5rem;
+    top: 0;
+  }
+
+  .custom-control-label {
+    padding-left: 0.5rem;
+    font-weight: 400;
+    font-size: 0.875rem;
+  }
+
   label,
   header,
   button {
@@ -14,6 +45,10 @@
     font-size: 0.875rem;
   }
 
+  .title {
+    margin-left: 0.25rem;
+  }
+
   header {
     display: flex;
     justify-content: space-between;
@@ -46,6 +81,7 @@
     display: flex;
     align-items: center;
     gap: 1rem;
+    margin-bottom: 1rem;
 
     span {
       font-weight: 600;
@@ -58,6 +94,7 @@
     justify-content: space-between;
     align-items: center;
     gap: 0.25rem;
+    margin-bottom: 0.5rem;
   }
 
   .text-input.form-group {
@@ -90,7 +127,7 @@
       font-weight: 600;
     }
 
-    .lane {
+    .resource {
       margin-bottom: 0.25rem;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.485-dev.93",
+  "version": "0.44.485-dev.95",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/iframe/back-button/index.ts

@@ -1,2 +1 @@
 export * from "./BackButton";
-

package/src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx

@@ -7,11 +7,19 @@ import { RecurringDatePickerInputValues } from "./RecurringDatePickerInput";
 interface RecurrenceIntervalAndFrequencyInputProps {
   disabled?: boolean;
   minDate?: string;
+  startDateLabel?: string;
+  startTimeLabel?: string;
+  endDateLabel?: string;
+  endTimeLabel?: string;
 }
 
 function RecurrenceIntervalAndFrequencyInput({
   disabled = false,
   minDate,
+  startDateLabel,
+  startTimeLabel,
+  endDateLabel,
+  endTimeLabel,
 }: RecurrenceIntervalAndFrequencyInputProps) {
   const { t } = useTranslation(["Design", "Notification", "App"]);
 
@@ -32,7 +40,7 @@ function RecurrenceIntervalAndFrequencyInput({
       <Row className="align-items-center">
         <Col xs={12} sm={6}>
           <Form.Group>
-            <Form.Label>{t("Design:fromDate")}</Form.Label>
+            <Form.Label>{startDateLabel ?? t("Design:fromDate")}</Form.Label>
             <Form.Control
               type="date"
               {...register("startDate", { required: true })}
@@ -53,7 +61,7 @@ function RecurrenceIntervalAndFrequencyInput({
 
         <Col xs={12} sm={6}>
           <Form.Group>
-            <Form.Label>{t("Design:toDate")}</Form.Label>
+            <Form.Label>{endDateLabel ?? t("Design:toDate")}</Form.Label>
             <Form.Control
               type="date"
               {...register("endDate", { required: true })}
@@ -76,16 +84,15 @@ function RecurrenceIntervalAndFrequencyInput({
       <Row className="align-items-center">
         <Col xs={12} sm={6}>
           <Form.Group>
-            <Form.Label>{t("Design:availableFrom")}</Form.Label>
+            <Form.Label>
+              {startTimeLabel ?? t("Design:availableFrom")}
+            </Form.Label>
             <Form.Control
               type="time"
               {...register("startTime", { required: false })}
               placeholder="hh:mm"
               defaultValue={startTime}
               disabled={disabled}
-              onChange={({ target: { value } }) => {
-                setValue("startTime", `${value}:00`);
-              }}
               isInvalid={Boolean(errors.startTime)}
             />
           </Form.Group>
@@ -93,16 +100,13 @@ function RecurrenceIntervalAndFrequencyInput({
 
         <Col xs={12} sm={6}>
           <Form.Group>
-            <Form.Label>{t("Design:availableTo")}</Form.Label>
+            <Form.Label>{endTimeLabel ?? t("Design:availableTo")}</Form.Label>
             <Form.Control
               type="time"
               {...register("endTime", { required: false })}
               placeholder="hh:mm"
               defaultValue={endTime}
               disabled={disabled}
-              onChange={({ target: { value } }) => {
-                setValue("endTime", `${value}:59`);
-              }}
               isInvalid={Boolean(errors.endTime)}
             />
           </Form.Group>

package/src/sales/manual-booking/select-event/SelectEvent.tsx

@@ -4,14 +4,14 @@ import { Card, Form } from "react-bootstrap";
 import MediaService from "@licklist/plugins/dist/services/Media/MediaService";
 import { rrulestr } from "rrule";
 import { DateTime } from "luxon";
-import { TransformedEvent } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingEvent } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { formatToDays, formatToHours } from "../formatDays";
 import { BlockLoader } from "../../../static/loader";
 
 interface SelectEventProps {
-  selectEvent: (event: TransformedEvent) => void;
+  selectEvent: (event: ManualBookingEvent) => void;
   isLoading: boolean;
-  events?: TransformedEvent[] | null;
+  events?: ManualBookingEvent[] | null;
 }
 
 export const SelectEvent = ({

package/src/sales/manual-booking/select-menu/SelectMenu.tsx

@@ -1,14 +1,14 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
-import { TransformedMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { BlockLoader } from "../../../static/loader";
 import { MenuButton } from "./components/MenuButton";
 
 export type SelectMenuProps = {
   isLoading?: boolean;
-  menus?: TransformedMenu[] | null;
-  onSelectMenu?: (menu: TransformedMenu) => void;
+  menus?: ManualBookingMenu[] | null;
+  onSelectMenu?: (menu: ManualBookingMenu) => void;
   noMenusMessage?: string;
 };
 

package/src/sales/manual-booking/select-menu/components/MenuButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
-import { TransformedMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ManualBookingMenu } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 
 export type MenuButtonProps = {
-  menu: TransformedMenu;
-  onSelectMenu?: (menu: TransformedMenu) => void;
+  menu: ManualBookingMenu;
+  onSelectMenu?: (menu: ManualBookingMenu) => void;
 };
 
 export const MenuButton = ({ menu, onSelectMenu }: MenuButtonProps) => {

package/src/styles/resources-blocking/_index.scss

@@ -7,6 +7,37 @@
     overflow: auto;
   }
 
+  .reccurrence-interval-container {
+    .form-group {
+      margin-bottom: 0.5rem;
+      .form-control {
+        height: 1.5rem;
+        font-size: 0.625rem;
+        border: 2px solid #dcdcdc;
+        border-radius: 0.5rem;
+      }
+    }
+  }
+
+  .custom-checkbox .custom-control-label::before {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 0.5rem;
+    border: 2px solid #0e8ce2;
+    margin-top: -0.3rem;
+  }
+  .custom-checkbox .custom-control-label::after {
+    width: 1.5rem;
+    height: 1.5rem;
+    top: 0;
+  }
+
+  .custom-control-label {
+    padding-left: 0.5rem;
+    font-weight: 400;
+    font-size: 0.875rem;
+  }
+
   label,
   header,
   button {
@@ -14,6 +45,10 @@
     font-size: 0.875rem;
   }
 
+  .title {
+    margin-left: 0.25rem;
+  }
+
   header {
     display: flex;
     justify-content: space-between;
@@ -46,6 +81,7 @@
     display: flex;
     align-items: center;
     gap: 1rem;
+    margin-bottom: 1rem;
 
     span {
       font-weight: 600;
@@ -58,6 +94,7 @@
     justify-content: space-between;
     align-items: center;
     gap: 0.25rem;
+    margin-bottom: 0.5rem;
   }
 
   .text-input.form-group {
@@ -90,7 +127,7 @@
       font-weight: 600;
     }
 
-    .lane {
+    .resource {
       margin-bottom: 0.25rem;
     }
   }

package/dist/provider/resources-blocking-modal/ResourcesBlockingModal.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-export type ResourcesBlockingModalProps = {
-    show: boolean;
-    zones: Zone[];
-    lanes: {
-        zoneId: Zone["id"];
-        lanes: string[];
-    }[];
-};
-export declare const ResourcesBlockingModal: ({ show, zones, lanes, }: ResourcesBlockingModalProps) => JSX.Element;
-//# sourceMappingURL=ResourcesBlockingModal.d.ts.map

package/dist/provider/resources-blocking-modal/ResourcesBlockingModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourcesBlockingModal.d.ts","sourceRoot":"","sources":["../../../src/provider/resources-blocking-modal/ResourcesBlockingModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAc9E,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE;QAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAIhC,2BAA2B,gBAwE7B,CAAC"}

package/dist/provider/resources-blocking-modal/index.d.ts

@@ -1,2 +0,0 @@
-export { ResourcesBlockingModal } from "./ResourcesBlockingModal";
-//# sourceMappingURL=index.d.ts.map

package/dist/provider/resources-blocking-modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/provider/resources-blocking-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/provider/resources-blocking-modal/ResourcesBlockingModal.stories.tsx

@@ -1,51 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import React from "react";
-import {
-  ResourcesBlockingModal,
-  ResourcesBlockingModalProps,
-} from "./ResourcesBlockingModal";
-
-export default {
-  title: "Provider/ResourcesBlockingModal",
-  component: ResourcesBlockingModal,
-} as Meta;
-
-export const Default: Story<ResourcesBlockingModalProps> = (props) => {
-  return <ResourcesBlockingModal {...props} />;
-};
-
-Default.args = {
-  show: true,
-  zones: [
-    {
-      id: 1,
-      name: "Zone 1",
-      providerId: 1,
-      type: "standard",
-      sort: null,
-      description: "description",
-      createdAt: "2021-09-01T12:00:00.000Z",
-      updatedAt: null,
-      deletedAt: null,
-      zoneRecurrences: null,
-      image: null,
-    },
-    {
-      id: 2,
-      name: "Zone 2",
-      providerId: 1,
-      type: "standard",
-      sort: null,
-      description: "description",
-      createdAt: "2021-09-01T12:00:00.000Z",
-      updatedAt: null,
-      deletedAt: null,
-      zoneRecurrences: null,
-      image: null,
-    },
-  ],
-  lanes: [
-    { zoneId: 1, lanes: ["Lane 1", "Lane 2", "Lane 3", "Lane 4"] },
-    { zoneId: 2, lanes: ["Lane 5", "Lane 6", "Lane 7", "Lane 8"] },
-  ],
-};

package/src/provider/resources-blocking-modal/ResourcesBlockingModal.tsx

@@ -1,134 +0,0 @@
-import { Button, Form, Modal } from "react-bootstrap";
-import React from "react";
-import { useId } from "@react-aria/utils";
-import { useTranslation } from "react-i18next";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-import Image from "../../static/Image";
-import src from "../../assets/dashboard/blockingClock.png";
-
-const WEEKDAYS = [
-  "mondayShort",
-  "tuesdayShort",
-  "wednesdayShort",
-  "thursdayShort",
-  "fridayShort",
-  "saturdayShort",
-  "sundayShort",
-];
-
-export type ResourcesBlockingModalProps = {
-  show: boolean;
-  zones: Zone[];
-  lanes: { zoneId: Zone["id"]; lanes: string[] }[];
-};
-
-export const ResourcesBlockingModal = ({
-  show,
-  zones,
-  lanes,
-}: ResourcesBlockingModalProps) => {
-  const { t } = useTranslation("Design");
-  const allId = useId();
-  const resourcesId = useId();
-
-  return (
-    <Modal centered show={show} className="resources-blocking-modal">
-      <header>
-        <span>{t("resourcesBlocking")}</span>
-        <Image src={src} />
-      </header>
-
-      <Modal.Body>
-        <div className="checkbox-with-description">
-          <span>{t("dayOfTheWeek")}</span>
-          <Form.Group className="custom-checkbox">
-            <Form.Check custom type="checkbox" id={allId}>
-              <Form.Check.Input type="checkbox" />
-              <Form.Check.Label>{t("all")}</Form.Check.Label>
-            </Form.Check>
-          </Form.Group>
-        </div>
-
-        <Form.Group className="custom-checkbox days-list">
-          {WEEKDAYS.map((weekday) => (
-            <Checkbox key={weekday} label={t(weekday)} />
-          ))}
-        </Form.Group>
-
-        <div className="date-time-inputs">
-          <Input label={t("from")} placeholder="DD.MM.YYYY" />
-          <Input label={t("until")} placeholder="DD.MM.YYYY" />
-
-          <Input label={t("startTime")} placeholder="00:00" />
-          <Input label={t("endTime")} placeholder="00:00" />
-        </div>
-
-        <Form.Group className="text-input">
-          <Form.Label>{t("textLabel")}</Form.Label>
-          <Form.Control />
-        </Form.Group>
-
-        <div className="checkbox-with-description">
-          <span>{t("resources")}</span>
-          <Form.Group className="custom-checkbox">
-            <Form.Check custom type="checkbox" id={resourcesId}>
-              <Form.Check.Input type="checkbox" />
-              <Form.Check.Label>{t("all")}</Form.Check.Label>
-            </Form.Check>
-          </Form.Group>
-        </div>
-
-        {zones.map((zone) => (
-          <Form.Group key={zone.id} className="zone-wrapper custom-checkbox">
-            <div className="zone-name">{zone.name}</div>
-
-            {lanes
-              .find((lane) => lane.zoneId === zone.id)
-              .lanes.map((lane) => (
-                <Checkbox key={lane} label={lane} className="lane" />
-              ))}
-          </Form.Group>
-        ))}
-
-        <footer>
-          <Button>Save</Button>
-          <Button variant="secondary">Close</Button>
-          <Button variant="danger">Delete</Button>
-        </footer>
-      </Modal.Body>
-    </Modal>
-  );
-};
-
-const Checkbox = ({
-  label,
-  className = "",
-}: {
-  label: string;
-  className?: string;
-}) => {
-  const id = useId();
-
-  return (
-    <Form.Check custom type="checkbox" className={className} id={id}>
-      <Form.Check.Input type="checkbox" />
-      <Form.Check.Label>{label}</Form.Check.Label>
-    </Form.Check>
-  );
-};
-
-const Input = ({
-  label,
-  placeholder,
-}: {
-  label: string;
-  placeholder: string;
-}) => {
-  return (
-    <Form.Group className="text-input">
-      <Form.Label>{label}</Form.Label>
-
-      <Form.Control placeholder={placeholder} />
-    </Form.Group>
-  );
-};

package/src/provider/resources-blocking-modal/index.ts

@@ -1 +0,0 @@
-export { ResourcesBlockingModal } from "./ResourcesBlockingModal";