@metron-labs/quote-react 0.1.42 → 0.1.44

package/dist/lib/boq/inputLimits.d.ts

@@ -3,6 +3,8 @@ export declare const MAX_LINES = 500;
 export declare const MAX_CHARS = 50000;
 /** Longer than this and it's usually a pasted paragraph, not a line item. */
 export declare const MAX_LINE_CHARS = 500;
+/** Most of one product a basket line can ask for. Under the quote-request API's own 1,000,000 cap. */
+export declare const MAX_ORDER_QTY = 100000;
 export declare const FILE_EXTENSIONS: {
     schedule: string[];
     photo: string[];

package/dist/lib/boq/inputLimits.js

@@ -9,6 +9,8 @@ export const MAX_LINES = 500;
 export const MAX_CHARS = 50000;
 /** Longer than this and it's usually a pasted paragraph, not a line item. */
 export const MAX_LINE_CHARS = 500;
+/** Most of one product a basket line can ask for. Under the quote-request API's own 1,000,000 cap. */
+export const MAX_ORDER_QTY = 100000;
 /** Photos are scaled down to this before upload - plenty for reading a list. */
 const PHOTO_MAX_EDGE_PX = 2000;
 export const FILE_EXTENSIONS = {

package/dist/lib/config.js

@@ -8,7 +8,8 @@
 let moduleConfig = {};
 /** Called by QuoteProvider. Not part of the public API. */
 export function setModuleConfig(config) {
-    moduleConfig = config;
+    // Codes are issued upper-case; a host that types or lower-cases one still gets its client.
+    moduleConfig = { ...config, client: config.client?.trim().toUpperCase() || undefined };
 }
 /** The active config, for code outside the React tree. */
 export function getQuoteConfig() {

package/dist/lib/useEscapeKey.d.ts

@@ -0,0 +1,2 @@
+/** Calls `onEscape` when Escape is pressed while `active` - for closing a dialog. */
+export declare function useEscapeKey(active: boolean, onEscape: () => void): void;

package/dist/lib/useEscapeKey.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from "react";
+/** Calls `onEscape` when Escape is pressed while `active` - for closing a dialog. */
+export function useEscapeKey(active, onEscape) {
+    // Latest handler without re-subscribing on every render.
+    const handler = useRef(onEscape);
+    handler.current = onEscape;
+    useEffect(() => {
+        if (!active)
+            return;
+        const onKeyDown = (event) => {
+            // isComposing: Escape cancelling an IME composition, not meant for the dialog.
+            if (event.key !== "Escape" || event.defaultPrevented || event.isComposing)
+                return;
+            event.preventDefault();
+            handler.current();
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [active]);
+}

package/dist/styles.css

@@ -948,8 +948,12 @@
 
 :where(.app-wrapper) .basket-card-stats {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 150px 128px;
-  align-items: end;
+  /* Equal qty columns so both wrap their unit (or neither) and stay aligned. */
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 128px;
+  /* Top-aligned so a wrapped unit under the qty box doesn't shift the row;
+     the total centres on the box via the shared height below. */
+  --basket-qty-h: 34px;
+  align-items: start;
   gap: 16px 28px;
   margin-top: 16px;
   padding-top: 5px;
@@ -979,10 +983,14 @@
   color: var(--text-dim);
 }
 
+/* Wraps so the unit drops under the qty box when the host page makes the
+   card narrower than the viewport breakpoints expect, instead of running
+   into the next column. */
 :where(.app-wrapper) .basket-stat-value {
   display: flex;
+  flex-wrap: wrap;
   align-items: baseline;
-  gap: 6px;
+  gap: 2px 6px;
 }
 
 :where(.app-wrapper) .basket-stat--right .basket-stat-value {
@@ -991,6 +999,12 @@
 
 :where(.app-wrapper) .basket-stat--total .basket-stat-value {
   justify-content: flex-end;
+  min-height: var(--basket-qty-h);
+  align-content: center;
+}
+
+:where(.app-wrapper) .basket-qty-field .bom-qty-edit {
+  height: var(--basket-qty-h);
 }
 
 :where(.app-wrapper) .basket-stat-value--muted {
@@ -1111,11 +1125,18 @@
 :where(.app-wrapper) .basket-sidebar-row {
   display: flex;
   justify-content: space-between;
+  align-items: baseline;
+  /* A long label in the narrow sidebar wraps rather than running into the amount. */
+  gap: 12px;
   padding: 7px 0;
   font-size: 14px;
   color: var(--text-mid);
 }
 
+:where(.app-wrapper) .basket-sidebar-row > :last-child {
+  white-space: nowrap;
+}
+
 :where(.app-wrapper) .basket-sidebar-row--total {
   border-top: 1px solid var(--border);
   margin-top: 6px;
@@ -6612,11 +6633,6 @@
   :where(.app-wrapper) .basket-stat--total {
     grid-column: 1 / -1;
     min-width: 0;
-    text-align: left;
-  }
-
-  :where(.app-wrapper) .basket-stat--total .basket-stat-value {
-    justify-content: flex-start;
   }
 
   /* Basket cards on narrow phones: the 90px qty box + unit overflowed its
@@ -6628,6 +6644,7 @@
 
   :where(.app-wrapper) .basket-card-stats {
     gap: 14px 16px;
+    --basket-qty-h: 44px;
   }
 
   :where(.app-wrapper) .basket-stat-label {
@@ -6649,7 +6666,6 @@
 
   :where(.app-wrapper) .basket-qty-field .bom-qty-edit {
     width: 100%;
-    height: 44px;
     padding-left: 8px;
     padding-right: 36px;
   }
@@ -6741,17 +6757,6 @@
   /* Category links: one swipeable row instead of wrapping. */
 }
 
-/* Small phones: basket item total sits on the right, label still above. */
-@media (max-width: 400px) {
-  :where(.app-wrapper) .basket-stat--total {
-    text-align: right;
-  }
-
-  :where(.app-wrapper) .basket-stat--total .basket-stat-value {
-    justify-content: flex-end;
-  }
-}
-
 /* Very small phones: logo text pushed Account/Basket onto their own row.
    Keep just the logo mark (the svg has a fixed px size, so font-size: 0
    only hides the bare text node). Footer logo is untouched. */

package/dist/util/pricing.js

@@ -123,7 +123,8 @@ export function getPricingBreakdown(item, options) {
     const salesUnitSize = item.saleUnitQuantity ?? item.salesUnitSize ?? item.uoiCount ?? 1;
     const wasteFactor = options?.wasteFactorEnabled === false ? 0 : (options?.wasteFactorOverride ?? item.wasteFactorOverride ?? item.wasteFactorDefault ?? 0);
     const hasOverride = item.sellUnitsOverride != null && Number.isFinite(item.sellUnitsOverride) && item.sellUnitsOverride > 0;
-    const overriddenSellUnits = hasOverride ? (item.sellUnitsOverride ?? null) : null;
+    // A typed quantity follows the same rule as a calculated one: no part sheets or bags.
+    const overriddenSellUnits = hasOverride ? (discreteSellUnits.has(sellUnit) ? Math.ceil(item.sellUnitsOverride) : item.sellUnitsOverride) : null;
     const review = (reason) => ({
         requestedAmount,
         requestedUnit,
@@ -267,7 +268,7 @@ export function getPricingBreakdown(item, options) {
         return review(`Quantity review required, initial request needed ${requestedAmount} ${requestedUnit}.`);
     }
     const calculatedSellUnits = roundQuantity(rawSellUnits, roundingRule);
-    const requiredSellUnits = hasOverride ? (item.sellUnitsOverride ?? null) : calculatedSellUnits;
+    const requiredSellUnits = hasOverride ? overriddenSellUnits : calculatedSellUnits;
     return {
         requestedAmount,
         requestedUnit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metron-labs/quote-react",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "description": "Metron Labs quote and estimating calculator components for React",
   "license": "UNLICENSED",
   "sideEffects": [