@licklist/design 0.44.550 → 0.44.551-dev.1

package/src/styles/report/ReportRunnerModal.scss

@@ -0,0 +1,95 @@
+.report-runner-modal {
+    .modal-dialog {
+      @include media-breakpoint-up(sm) {
+        max-width: 45rem;
+      }
+    }
+  
+    .modal-content {
+      max-width: 45rem;
+      margin: 0 auto;
+      padding: 1.25rem 1.5rem;
+  
+      header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 1rem;
+        border-bottom: 2px solid #dcdcdc;
+  
+        h5 {
+          margin-bottom: 0;
+          font-size: 1.125rem;
+          font-weight: 500;
+        }
+  
+        button {
+          padding-top: 0.5rem;
+          padding-bottom: 0.5rem;
+          font-size: 0.875rem;
+          font-weight: 600;
+          color: #0e8ce2;
+        }
+      }
+  
+      .data-fields {
+        display: flex;
+        flex-wrap: wrap;
+  
+        span {
+          position: relative;
+          font-size: 0.875rem;
+          font-weight: 500;
+  
+          &:after {
+            content: "|";
+            margin: 0 0.25rem;
+            color: #dcdcdc;
+          }
+  
+          &:last-child:after {
+            display: none;
+          }
+        }
+      }
+  
+      .edit-button {
+        padding: 0;
+        font-size: 0.875rem;
+        font-weight: 600;
+        color: #0e8ce2;
+        text-decoration: underline;
+  
+        &:focus {
+          box-shadow: none;
+        }
+      }
+  
+      input {
+        border-radius: 0.5rem;
+      }
+  
+      form {
+        margin-top: 1.25rem;
+  
+        .controls {
+          display: flex;
+          gap: 2rem;
+          align-items: flex-start;
+          flex-wrap: wrap;
+        }
+  
+        .form-group {
+          flex: 1;
+        }
+  
+        button[type="submit"] {
+          white-space: nowrap;
+        }
+      }
+  
+      .loader {
+        height: 10rem;
+      }
+    }
+  }

package/src/styles/report/_index.scss

@@ -1 +1,3 @@
-@import "./ReportCard.scss";
+@import "./ReportCard.scss";
+@import "./ReportRunnerModal.scss";
+@import "./ReportEditorModal.scss";

package/src/styles/sales/BookingResults.scss

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

package/src/types/iframe.ts

@@ -1,61 +1,5 @@
-import { Product as CoreProduct } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-
-export interface Product {
-  id: number;
-  name: string;
-  description: string;
-  deposit: number;
-  price: number;
-  minSub?: number;
-  minAmount?: number;
-  maxAmount?: number;
-  minSpend?: number | null;
-  isSoldOut?: boolean;
-  isRequired?: boolean;
-  isUnlimited?: boolean;
-  images: CoreProduct["images"];
-  capacity?: number | null;
-  uuid: string;
-}
-
-export interface ProductCategory {
-  id: number;
-  name: string;
-  allowDeposits?: boolean;
-  remainderExpireAfter?: number | null;
-  minSubItems: number | null;
-  maxSubItems: number | null;
-  products?: Product[];
-  zone?: Zone | null;
-}
-
-export interface MenuStep {
-  id: number;
-  name: string;
-  productCategories?: ProductCategory[];
-}
-
-export interface Menu {
-  id: number;
-  menuSteps: MenuStep[];
-}
-
-// TODO similar type exists in iframe app
-// remove this when components are moved to iframe
-export interface Order {
-  id: number;
-  quantity: number;
-  price: number;
-  name: string;
-  productsCategoryId: number;
-  deposit?: number | null;
-}
+import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
 
 export type SetOrderFn = (
-  val:
-    | Record<number, Order>
-    | ((prevVar: Record<number, Order>) => Record<number, Order>)
+  val: OrderItems | ((prevVar: OrderItems) => OrderItems)
 ) => void;
-
-export type WizardFormValues = { [key: string]: any };