@licklist/design 0.50.1-dev.9 → 0.50.1

package/src/styles/sales/ManualBooking.scss

@@ -361,11 +361,10 @@
   width: inherit;
 
   @include media-breakpoint-down(sm) {
-    display: none;
+    padding: 0 0.5rem;
+    padding-top: 2rem;
   }
 
-
-
   .form-control {
     margin-bottom: 1.5rem;
   }
@@ -412,64 +411,6 @@
   }
 }
 
-.manual-booking-summary-mobile {
-  display: none;
-
-  @include media-breakpoint-down(sm) {
-    display: block;
-    padding: 0 1.5rem;
-    padding-top: 2rem;
-    height: max-content;
-    margin-bottom: 1.5rem;
-    width: inherit;
-
-    .form-control {
-      margin-bottom: .5rem;
-    }
-    .receipt-title {
-      font-size: 1.125rem;
-      font-weight: 600;
-      padding-bottom: 0.4rem;
-      margin-bottom: 1rem;
-      border-bottom: 2px solid $gray-400;
-    }
-    .event-name {
-      font-size: 0.94rem;
-      font-weight: 600;
-    }
-
-    .border-summary-item {
-      padding-bottom: 0.9rem;
-      margin-bottom: 1%;
-      border-bottom: 2px solid $gray-100;
-      flex-wrap: wrap;
-    }
-
-    .total-container {
-      display: flex;
-      justify-content: space-between;
-      font-size: 1rem;
-      font-weight: 600;
-
-      @include media-breakpoint-down(lg) {
-        flex-wrap: wrap;
-      }
-      .total-amount {
-        padding-left: 1rem;
-        @include media-breakpoint-down(lg) {
-          padding-left: 0;
-        }
-      }
-    }
-
-    .summary-item-container {
-      .border-summary-item:nth-last-child(2) {
-        border-bottom: 2px solid $gray-400;
-      }
-    }
-  }
-}
-
 .menu-list-manual-booking {
   display: flex;
   align-items: center;
@@ -496,4 +437,4 @@
       color: $blue;
     }
   }
-}
+}

package/src/styles/sales/SourceOfSales.scss

@@ -13,9 +13,6 @@
 
   &__pie-chart {
     height: 100%;
-    @include media-breakpoint-down(sm) {
-      height: 12rem;
-    }
   }
 
   .colors-0 {

package/src/styles/snippet-templates/SnippetTemplateCard.scss

@@ -28,13 +28,12 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
   border: 1px solid #ccc;
   border-radius: $border-radius;
   height: 10rem;
-  min-width: 15rem;
+  width: 15rem;
   padding: 1rem;
 
   @include media-breakpoint-down(sm) {
     height: 100%;
     max-height: 10rem;
-    width: 100%;
   }
 
   p {
@@ -110,4 +109,4 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
   &:hover {
     border: 2px solid $blue;
   }
-}
+}

package/src/styles/static/Tabs.scss

@@ -11,12 +11,6 @@ $tab-nav-link-active-border-bottom: 1px solid $tab-nav-link-active-color !defaul
   margin-left: -1.25rem;
   border-bottom: 1px solid $nav-tabs-border-color;
 
-  @include media-breakpoint-down(sm) {
-    display: flex;
-    flex-direction: column;
-    white-space: nowrap;
-  }
-
   .nav-link {
     color: $tab-nav-link-color;
     background-color: transparent;

package/src/styles/themes/bookedit/_index.scss

@@ -98,8 +98,7 @@
       color: gray("600");
 
       &.sortable {
-        &::before,
-        &::after {
+        &::before, &::after {
           opacity: 1;
         }
 
@@ -133,20 +132,20 @@
     width: 2.5rem;
     height: 2.5rem;
     background-color: transparent;
-
+  
     svg {
       margin-bottom: 2.5px;
     }
 
     &:hover {
       cursor: pointer;
-      border-radius: 0.5rem;
+      border-radius: .5rem;
       background-color: lighten($primary, 40);
     }
   }
 
   .page-item {
-    margin-left: 0.4rem;
+    margin-left: .4rem;
     min-width: 15px;
     width: 2.5rem;
     height: 2.5rem;
@@ -154,7 +153,7 @@
     .page-link {
       border: 0;
       padding: 0;
-      border-radius: 0.5rem;
+      border-radius: .5rem;
       height: 100%;
       display: flex;
       align-items: center;
@@ -163,13 +162,13 @@
       color: $black;
       font-weight: 600;
       font-size: 0.875rem;
-
+      
       &:hover {
-        border-radius: 0.5rem;
+        border-radius: .5rem;
         background-color: lighten($primary, 40);
       }
     }
-
+    
     &.active {
       .page-link {
         border: 2px solid $primary;

package/src/table/TableHelperComponent.tsx

@@ -173,18 +173,20 @@ function TableHelperComponent(props: TableHelperComponentProps) {
           };
         });
       }
-    } else if (filteredOrdersOptions) {
-      filteredOrdersOptions((prevOptions) => ({
-        ...prevOptions,
-        sortKey: key,
-        sortDirection: nextDirection,
-      }));
     } else {
-      setOptions((prevOptions) => ({
-        ...prevOptions,
-        sortKey: key,
-        sortDirection: nextDirection,
-      }));
+      if (filteredOrdersOptions) {
+        filteredOrdersOptions((prevOptions) => ({
+          ...prevOptions,
+          sortKey: key,
+          sortDirection: nextDirection,
+        }));
+      } else {
+        setOptions((prevOptions) => ({
+          ...prevOptions,
+          sortKey: key,
+          sortDirection: nextDirection,
+        }));
+      }
     }
   };
 

package/dist/events/edit-event-modal/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./useFormattedDuration";
-export * from "./useValidationOptions";
-//# sourceMappingURL=index.d.ts.map

package/dist/events/edit-event-modal/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/events/edit-event-modal/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}

package/dist/events/edit-event-modal/hooks/useFormattedDuration.d.ts

@@ -1,2 +0,0 @@
-export declare const useFormattedDuration: () => string;
-//# sourceMappingURL=useFormattedDuration.d.ts.map

package/dist/events/edit-event-modal/hooks/useFormattedDuration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormattedDuration.d.ts","sourceRoot":"","sources":["../../../../src/events/edit-event-modal/hooks/useFormattedDuration.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,cAiChC,CAAC"}

package/dist/events/edit-event-modal/hooks/useFormattedDuration.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),u=((e=r)&&"object"==typeof e&&"default"in e&&e.default,require("react-hook-form")),n=require("luxon"),o=require("react-intl");exports.useFormattedDuration=function(){var e=u.useFormContext().control,a=u.useWatch({control:e,name:"start"}),i=u.useWatch({control:e,name:"end"}),s=o.useIntl(),l=s.formatList,m=s.formatNumber,f=r.useMemo((function(){var e=n.Interval.fromDateTimes(n.DateTime.fromISO(a),n.DateTime.fromISO(i)).toDuration(["days","hours","minutes"]);if(e.isValid){var r=function(e,t){return m(e,{style:"unit",unit:t,unitDisplay:"long"})},u=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return l(u.map((function(e){return r.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}),[a,i]);return f};

package/dist/events/edit-event-modal/hooks/useValidationOptions.d.ts

@@ -1,11 +0,0 @@
-export declare const useValidationOptions: () => {
-    start: {
-        required: string;
-        validate: (value: any) => string | true;
-    };
-    end: {
-        required: string;
-        validate: (value: any) => string | true;
-    };
-};
-//# sourceMappingURL=useValidationOptions.d.ts.map

package/dist/events/edit-event-modal/hooks/useValidationOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidationOptions.d.ts","sourceRoot":"","sources":["../../../../src/events/edit-event-modal/hooks/useValidationOptions.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;;;;;;;;CA+BhC,CAAC"}

package/dist/events/edit-event-modal/hooks/useValidationOptions.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-i18next"),t=require("react-hook-form"),i=require("luxon");exports.useValidationOptions=function(){var r=t.useFormContext().control,a=e.useTranslation(["Design","Validation"]).t,n=t.useWatch({control:r,name:"start"});return{start:{required:a("Validation:fieldRequired",{attribute:a("start")}),validate:function(e){return i.DateTime.fromISO(e).diffNow().toMillis()>0||a("Validation:fieldValidEventStart")}},end:{required:a("Validation:fieldRequired",{attribute:a("end")}),validate:function(e){return!e||(i.DateTime.fromISO(e).diff(i.DateTime.fromISO(n)).toMillis()>0||a("Validation:fieldValidEventEnd"))}}}};

package/src/events/edit-event-modal/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from "./useFormattedDuration";
-export * from "./useValidationOptions";

package/src/events/edit-event-modal/hooks/useFormattedDuration.tsx

@@ -1,40 +0,0 @@
-import { useMemo } from "react";
-import { useFormContext, useWatch } from "react-hook-form";
-import { useIntl } from "react-intl";
-import { DateTime, Interval } from "luxon";
-import { IntervalInputValues } from "../IntervalInput";
-
-export const useFormattedDuration = () => {
-  const { control } = useFormContext<IntervalInputValues>();
-  const start = useWatch({ control, name: "start" });
-  const end = useWatch({ control, name: "end" });
-  const { formatList, formatNumber } = useIntl();
-
-  const duration = useMemo(() => {
-    const interval = Interval.fromDateTimes(
-      DateTime.fromISO(start),
-      DateTime.fromISO(end)
-    ).toDuration(["days", "hours", "minutes"]);
-
-    if (!interval.isValid) return undefined;
-
-    const formatUnit = (value: number, unit: string) =>
-      formatNumber(value, { style: "unit", unit, unitDisplay: "long" });
-
-    const units = (
-      [
-        [interval.days, "day"],
-        [interval.hours, "hour"],
-        [interval.minutes, "minute"],
-      ] as Parameters<typeof formatUnit>[]
-    ).filter(([value]) => value);
-
-    return formatList(
-      units.map((args) => formatUnit(...args)),
-      { style: "long", type: "unit" }
-    );
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [start, end]);
-
-  return duration;
-};

package/src/events/edit-event-modal/hooks/useValidationOptions.tsx

@@ -1,36 +0,0 @@
-import { DateTime } from "luxon";
-import { useFormContext, useWatch } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-
-export const useValidationOptions = () => {
-  const { control } = useFormContext();
-  const { t } = useTranslation(["Design", "Validation"]);
-  const start = useWatch({ control, name: "start" });
-
-  return {
-    start: {
-      required: t("Validation:fieldRequired", {
-        attribute: t("start"),
-      }) as string,
-      // TODO: uncomment when event splitting is implemented
-      // and extract into plugins
-      validate: (value) =>
-        DateTime.fromISO(value).diffNow().toMillis() > 0 ||
-        (t("Validation:fieldValidEventStart") as string),
-    },
-
-    end: {
-      required: t("Validation:fieldRequired", {
-        attribute: t("end"),
-      }) as string,
-      // TODO: uncomment when event splitting is implemented
-      // and extract into plugins
-      validate: (value) =>
-        // endAt not required
-        value
-          ? DateTime.fromISO(value).diff(DateTime.fromISO(start)).toMillis() >
-              0 || (t("Validation:fieldValidEventEnd") as string)
-          : true,
-    },
-  };
-};