@shopify/hydrogen-react 2026.4.0 → 2026.4.2

package/dist/browser-dev/CartLineQuantityAdjustButton.mjs

@@ -1,49 +1,52 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
 import { useCart } from "./CartProvider.mjs";
-import { useCartLine } from "./CartLineProvider.mjs";
 import { BaseButton } from "./BaseButton.mjs";
+import { useCartLine } from "./CartLineProvider.mjs";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/CartLineQuantityAdjustButton.tsx
+/**
+* The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.
+*
+* It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.
+* @publicDocs
+*/
 function CartLineQuantityAdjustButton(props) {
-  const { status, linesRemove, linesUpdate } = useCart();
-  const cartLine = useCartLine();
-  const { children, adjust, onClick, ...passthroughProps } = props;
-  const handleAdjust = useCallback(() => {
-    if (adjust === "remove") {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const quantity = adjust === "decrease" ? ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) - 1 : ((cartLine == null ? void 0 : cartLine.quantity) ?? 0) + 1;
-    if (quantity <= 0) {
-      linesRemove([(cartLine == null ? void 0 : cartLine.id) ?? ""]);
-      return;
-    }
-    const lineUpdate = {
-      id: (cartLine == null ? void 0 : cartLine.id) ?? "",
-      quantity,
-      attributes: (cartLine == null ? void 0 : cartLine.attributes) ?? []
-    };
-    linesUpdate([lineUpdate]);
-  }, [
-    adjust,
-    cartLine == null ? void 0 : cartLine.attributes,
-    cartLine == null ? void 0 : cartLine.id,
-    cartLine == null ? void 0 : cartLine.quantity,
-    linesRemove,
-    linesUpdate
-  ]);
-  const disabledAttr = passthroughProps.disabled;
-  return /* @__PURE__ */ jsx(
-    BaseButton,
-    {
-      ...passthroughProps,
-      onClick,
-      defaultOnClick: handleAdjust,
-      disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
-      children
-    }
-  );
+	const { status, linesRemove, linesUpdate } = useCart();
+	const cartLine = useCartLine();
+	const { children, adjust, onClick, ...passthroughProps } = props;
+	const handleAdjust = useCallback(() => {
+		if (adjust === "remove") {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		const quantity = adjust === "decrease" ? (cartLine?.quantity ?? 0) - 1 : (cartLine?.quantity ?? 0) + 1;
+		if (quantity <= 0) {
+			linesRemove([cartLine?.id ?? ""]);
+			return;
+		}
+		linesUpdate([{
+			id: cartLine?.id ?? "",
+			quantity,
+			attributes: cartLine?.attributes ?? []
+		}]);
+	}, [
+		adjust,
+		cartLine?.attributes,
+		cartLine?.id,
+		cartLine?.quantity,
+		linesRemove,
+		linesUpdate
+	]);
+	const disabledAttr = passthroughProps.disabled;
+	return /* @__PURE__ */ jsx(BaseButton, {
+		...passthroughProps,
+		onClick,
+		defaultOnClick: handleAdjust,
+		disabled: typeof disabledAttr !== "undefined" ? disabledAttr : status !== "idle",
+		children
+	});
 }
-export {
-  CartLineQuantityAdjustButton
-};
-//# sourceMappingURL=CartLineQuantityAdjustButton.mjs.map
+//#endregion
+export { CartLineQuantityAdjustButton };
+
+//# sourceMappingURL=CartLineQuantityAdjustButton.mjs.map

package/dist/browser-dev/CartLineQuantityAdjustButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CartLineQuantityAdjustButton.mjs","sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,6BAEd,OAA+D;AAC/D,QAAM,EAAC,QAAQ,aAAa,YAAA,IAAe,QAAA;AAC3C,QAAM,WAAW,YAAA;AACjB,QAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;AAEzD,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,WAAW,UAAU;AACvB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,WACJ,WAAW,eACN,qCAAU,aAAY,KAAK,MAC3B,qCAAU,aAAY,KAAK;AAElC,QAAI,YAAY,GAAG;AACjB,kBAAY,EAAC,qCAAU,OAAM,EAAE,CAAC;AAChC;AAAA,IACF;AAEA,UAAM,aAAa;AAAA,MACjB,KAAI,qCAAU,OAAM;AAAA,MACpB;AAAA,MACA,aAAa,qCAAU,eACrB,CAAA;AAAA,IAAC;AAGL,gBAAY,CAAC,UAAU,CAAC;AAAA,EAC1B,GAAG;AAAA,IACD;AAAA,IACA,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV,qCAAU;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,eAAgB,iBAA0C;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,gBAAgB;AAAA,MAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;AAAA,MAGjE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"CartLineQuantityAdjustButton.mjs","names":[],"sources":["../../src/CartLineQuantityAdjustButton.tsx"],"sourcesContent":["import {useCallback} from 'react';\nimport {useCart} from './CartProvider.js';\nimport {useCartLine} from './CartLineProvider.js';\nimport {BaseButton, type BaseButtonProps} from './BaseButton.js';\nimport type {CartLineUpdateInput} from './storefront-api-types.js';\n\ninterface CartLineQuantityAdjustButtonBaseProps {\n  /** The adjustment for a cart line's quantity. Valid values: `increase` (default), `decrease`, or `remove`. */\n  adjust?: 'increase' | 'decrease' | 'remove';\n}\n\ntype CartLineQuantityAdjustButtonProps<\n  AsType extends React.ElementType = 'button',\n> = BaseButtonProps<AsType> & CartLineQuantityAdjustButtonBaseProps;\n\n/**\n * The `<CartLineQuantityAdjustButton />` component renders a button that adjusts the cart line's quantity when pressed.\n *\n * It must be a descendent of `<CartLineProvider/>` and `<CartProvider/>`.\n * @publicDocs\n */\nexport function CartLineQuantityAdjustButton<\n  AsType extends React.ElementType = 'button',\n>(props: CartLineQuantityAdjustButtonProps<AsType>): JSX.Element {\n  const {status, linesRemove, linesUpdate} = useCart();\n  const cartLine = useCartLine();\n  const {children, adjust, onClick, ...passthroughProps} = props;\n\n  const handleAdjust = useCallback(() => {\n    if (adjust === 'remove') {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const quantity =\n      adjust === 'decrease'\n        ? (cartLine?.quantity ?? 0) - 1\n        : (cartLine?.quantity ?? 0) + 1;\n\n    if (quantity <= 0) {\n      linesRemove([cartLine?.id ?? '']);\n      return;\n    }\n\n    const lineUpdate = {\n      id: cartLine?.id ?? '',\n      quantity,\n      attributes: (cartLine?.attributes ??\n        []) as CartLineUpdateInput['attributes'],\n    } satisfies CartLineUpdateInput;\n\n    linesUpdate([lineUpdate]);\n  }, [\n    adjust,\n    cartLine?.attributes,\n    cartLine?.id,\n    cartLine?.quantity,\n    linesRemove,\n    linesUpdate,\n  ]);\n\n  // Only certain 'as' types such as 'button' contain `disabled`\n  const disabledAttr = (passthroughProps as {disabled?: boolean}).disabled;\n\n  return (\n    <BaseButton\n      {...passthroughProps}\n      onClick={onClick}\n      defaultOnClick={handleAdjust}\n      disabled={\n        typeof disabledAttr !== 'undefined' ? disabledAttr : status !== 'idle'\n      }\n    >\n      {children}\n    </BaseButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,6BAEd,OAA+D;CAC/D,MAAM,EAAC,QAAQ,aAAa,gBAAe,SAAS;CACpD,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAC,UAAU,QAAQ,SAAS,GAAG,qBAAoB;CAEzD,MAAM,eAAe,kBAAkB;AACrC,MAAI,WAAW,UAAU;AACvB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;EAGF,MAAM,WACJ,WAAW,cACN,UAAU,YAAY,KAAK,KAC3B,UAAU,YAAY,KAAK;AAElC,MAAI,YAAY,GAAG;AACjB,eAAY,CAAC,UAAU,MAAM,GAAG,CAAC;AACjC;;AAUF,cAAY,CAPO;GACjB,IAAI,UAAU,MAAM;GACpB;GACA,YAAa,UAAU,cACrB,EAAE;GACL,CAEuB,CAAC;IACxB;EACD;EACA,UAAU;EACV,UAAU;EACV,UAAU;EACV;EACA;EACD,CAAC;CAGF,MAAM,eAAgB,iBAA0C;AAEhE,QACE,oBAAC,YAAD;EACE,GAAI;EACK;EACT,gBAAgB;EAChB,UACE,OAAO,iBAAiB,cAAc,eAAe,WAAW;EAGjE;EACU,CAAA"}