@configura/web-ui 1.4.0-alpha.1 → 1.4.0

package/dist/components/CurrencyPrice.js

@@ -1,7 +1,7 @@
-import { formatPrice } from "@configura/web-utilities";
-import React from "react";
-export const CurrencyPrice = (props) => {
-    const { price, fractionDigits, currency, language } = props;
-    const lang = language || navigator.language;
-    return React.createElement(React.Fragment, null, formatPrice(price, fractionDigits, lang, currency));
-};
+import { formatPrice } from "@configura/web-utilities";
+import React from "react";
+export const CurrencyPrice = (props) => {
+    const { price, fractionDigits, currency, language } = props;
+    const lang = language || navigator.language;
+    return React.createElement(React.Fragment, null, formatPrice(price, fractionDigits, lang, currency));
+};

package/dist/components/ExpandableHeadingRow.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-import { CssProps } from "../utilities.js";
-export declare enum ExpandableHeadingRowSymbol {
-    Chevron = 0,
-    Checkbox = 1
-}
-declare type Props = {
-    heading: string;
-    open: boolean;
-    onClick: () => void;
-    expandable?: boolean;
-    symbol?: ExpandableHeadingRowSymbol;
-};
-export declare const ExpandableHeadingRow: React.FC<Props & CssProps>;
-export {};
+import React from "react";
+import { CssProps } from "../utilities.js";
+export declare enum ExpandableHeadingRowSymbol {
+    Chevron = 0,
+    Checkbox = 1
+}
+declare type Props = {
+    heading: string;
+    open: boolean;
+    onClick: () => void;
+    expandable?: boolean;
+    symbol?: ExpandableHeadingRowSymbol;
+};
+export declare const ExpandableHeadingRow: React.FC<Props & CssProps>;
+export {};
 //# sourceMappingURL=ExpandableHeadingRow.d.ts.map

package/dist/components/ExpandableHeadingRow.js

@@ -1,21 +1,21 @@
-import React from "react";
-import { CheckmarkWithBorder } from "./icons/Checkmark.js";
-import { Chevron } from "./icons/Chevron.js";
-export var ExpandableHeadingRowSymbol;
-(function (ExpandableHeadingRowSymbol) {
-    ExpandableHeadingRowSymbol[ExpandableHeadingRowSymbol["Chevron"] = 0] = "Chevron";
-    ExpandableHeadingRowSymbol[ExpandableHeadingRowSymbol["Checkbox"] = 1] = "Checkbox";
-})(ExpandableHeadingRowSymbol || (ExpandableHeadingRowSymbol = {}));
-export const ExpandableHeadingRow = (props) => {
-    const { heading, open: active, onClick, children } = props;
-    const symbol = props.symbol === undefined ? ExpandableHeadingRowSymbol.Chevron : props.symbol;
-    if (props.expandable === false) {
-        return (React.createElement("div", { className: "cfgExpandableHeadingRow" },
-            children,
-            React.createElement("div", { className: "cfgExpandableHeadingRow__title cfgTextOverflow" }, heading)));
-    }
-    return (React.createElement("button", { className: `cfgExpandableHeadingRow cfgExpandableHeadingRow--expandable ${props.className || ""}`, style: props.style, onClick: onClick },
-        children,
-        React.createElement("div", { className: "cfgExpandableHeadingRow__title cfgTextOverflow" }, heading),
-        React.createElement("div", { className: "cfgExpandableHeadingRow__icon" }, symbol === ExpandableHeadingRowSymbol.Chevron ? (React.createElement(Chevron, { active: active })) : (React.createElement(CheckmarkWithBorder, { active: active })))));
-};
+import React from "react";
+import { CheckmarkWithBorder } from "./icons/Checkmark.js";
+import { Chevron } from "./icons/Chevron.js";
+export var ExpandableHeadingRowSymbol;
+(function (ExpandableHeadingRowSymbol) {
+    ExpandableHeadingRowSymbol[ExpandableHeadingRowSymbol["Chevron"] = 0] = "Chevron";
+    ExpandableHeadingRowSymbol[ExpandableHeadingRowSymbol["Checkbox"] = 1] = "Checkbox";
+})(ExpandableHeadingRowSymbol || (ExpandableHeadingRowSymbol = {}));
+export const ExpandableHeadingRow = (props) => {
+    const { heading, open: active, onClick, children } = props;
+    const symbol = props.symbol === undefined ? ExpandableHeadingRowSymbol.Chevron : props.symbol;
+    if (props.expandable === false) {
+        return (React.createElement("div", { className: "cfgExpandableHeadingRow" },
+            children,
+            React.createElement("div", { className: "cfgExpandableHeadingRow__title cfgTextOverflow" }, heading)));
+    }
+    return (React.createElement("button", { className: `cfgExpandableHeadingRow cfgExpandableHeadingRow--expandable ${props.className || ""}`, style: props.style, onClick: onClick },
+        children,
+        React.createElement("div", { className: "cfgExpandableHeadingRow__title cfgTextOverflow" }, heading),
+        React.createElement("div", { className: "cfgExpandableHeadingRow__icon" }, symbol === ExpandableHeadingRowSymbol.Chevron ? (React.createElement(Chevron, { active: active })) : (React.createElement(CheckmarkWithBorder, { active: active })))));
+};

package/dist/components/Loading.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-import { CssProps } from "../utilities";
-interface SpinnerProps {
-    small?: boolean;
-}
-interface OverlayProps {
-    clickThrough?: boolean;
-    fullWindow?: boolean;
-}
-export declare const Loading: React.FC<SpinnerProps & CssProps>;
-export declare const CenteredLoading: React.FC<CssProps>;
-export declare const OverlayLoading: React.FC<OverlayProps & CssProps>;
-export {};
+import React from "react";
+import { CssProps } from "../utilities";
+interface SpinnerProps {
+    small?: boolean;
+}
+interface OverlayProps {
+    clickThrough?: boolean;
+    fullWindow?: boolean;
+}
+export declare const Loading: React.FC<SpinnerProps & CssProps>;
+export declare const CenteredLoading: React.FC<CssProps>;
+export declare const OverlayLoading: React.FC<OverlayProps & CssProps>;
+export {};
 //# sourceMappingURL=Loading.d.ts.map

package/dist/components/Loading.js

@@ -1,20 +1,20 @@
-import React from "react";
-export const Loading = (props) => {
-    const { small } = props;
-    const smallClass = small ? "cfgLoading--small" : "";
-    return (React.createElement("div", { className: `cfgLoading ${smallClass} ${props.className || ""}`, style: props.style }));
-};
-const LoadingWithText = (props) => {
-    return (React.createElement("div", { className: `cfgLoadingWithText ${props.className || ""}`, style: props.style },
-        React.createElement(Loading, Object.assign({}, props)),
-        React.createElement("div", { className: "cfgLoadingWithText__text" }, "Loading")));
-};
-export const CenteredLoading = (props) => {
-    return (React.createElement("div", { className: `cfgCenteredLoading ${props.className || ""}`, style: props.style },
-        React.createElement(LoadingWithText, null)));
-};
-export const OverlayLoading = (props) => {
-    const { clickThrough, fullWindow } = props;
-    return (React.createElement("div", { className: `cfgOverlayLoading ${clickThrough ? "cfgOverlayLoading--clickThrough" : ""} ${fullWindow ? "cfgOverlayLoading--fullWindow" : ""} ${props.className || ""}`, style: props.style },
-        React.createElement(LoadingWithText, null)));
-};
+import React from "react";
+export const Loading = (props) => {
+    const { small } = props;
+    const smallClass = small ? "cfgLoading--small" : "";
+    return (React.createElement("div", { className: `cfgLoading ${smallClass} ${props.className || ""}`, style: props.style }));
+};
+const LoadingWithText = (props) => {
+    return (React.createElement("div", { className: `cfgLoadingWithText ${props.className || ""}`, style: props.style },
+        React.createElement(Loading, Object.assign({}, props)),
+        React.createElement("div", { className: "cfgLoadingWithText__text" }, "Loading")));
+};
+export const CenteredLoading = (props) => {
+    return (React.createElement("div", { className: `cfgCenteredLoading ${props.className || ""}`, style: props.style },
+        React.createElement(LoadingWithText, null)));
+};
+export const OverlayLoading = (props) => {
+    const { clickThrough, fullWindow } = props;
+    return (React.createElement("div", { className: `cfgOverlayLoading ${clickThrough ? "cfgOverlayLoading--clickThrough" : ""} ${fullWindow ? "cfgOverlayLoading--fullWindow" : ""} ${props.className || ""}`, style: props.style },
+        React.createElement(LoadingWithText, null)));
+};

package/dist/components/ProductInformation.d.ts

@@ -1,11 +1,11 @@
-import { CfgPrice } from "@configura/web-api";
-import { CssProps } from "../utilities.js";
-interface Props {
-    description: string | undefined;
-    lang: string | undefined;
-    styleNr: string | undefined;
-    price: CfgPrice | undefined;
-}
-export declare function ProductInformation(props: Props & CssProps): JSX.Element;
-export {};
+import { CfgPrice } from "@configura/web-api";
+import { CssProps } from "../utilities.js";
+interface Props {
+    description: string | undefined;
+    lang: string | undefined;
+    styleNr: string | undefined;
+    price: CfgPrice | undefined;
+}
+export declare function ProductInformation(props: Props & CssProps): JSX.Element;
+export {};
 //# sourceMappingURL=ProductInformation.d.ts.map

package/dist/components/ProductInformation.js

@@ -1,23 +1,23 @@
-import React from "react";
-import { CurrencyPrice } from "./CurrencyPrice.js";
-export function ProductInformation(props) {
-    const { styleNr, price, description, lang } = props;
-    return (React.createElement("div", { className: `cfgProductInfo ${props.className || ""}`, style: props.style },
-        React.createElement("div", { className: "cfgProductInfo__left" },
-            React.createElement("h2", { className: "cfgProductInfo__name cfgTextOverflow" }, description),
-            React.createElement("div", { className: "cfgProductInfo__number cfgTextOverflow" }, styleNr)),
-        React.createElement(ProductInformationPrice, { price: price, lang: lang })));
-}
-function ProductInformationPrice(props) {
-    const { price, lang } = props;
-    if (price === undefined) {
-        return null;
-    }
-    const { listPrice, currency, fractionDigits } = price;
-    if (listPrice === 0 || currency === "") {
-        return null;
-    }
-    return (React.createElement("div", { className: "cfgProductInfo__right" },
-        React.createElement("div", { className: "cfgProductInfo__name cfgProductInfo__name--right" },
-            React.createElement(CurrencyPrice, { currency: currency, language: lang, price: listPrice, fractionDigits: fractionDigits }))));
-}
+import React from "react";
+import { CurrencyPrice } from "./CurrencyPrice.js";
+export function ProductInformation(props) {
+    const { styleNr, price, description, lang } = props;
+    return (React.createElement("div", { className: `cfgProductInfo ${props.className || ""}`, style: props.style },
+        React.createElement("div", { className: "cfgProductInfo__left" },
+            React.createElement("h2", { className: "cfgProductInfo__name cfgTextOverflow" }, description),
+            React.createElement("div", { className: "cfgProductInfo__number cfgTextOverflow" }, styleNr)),
+        React.createElement(ProductInformationPrice, { price: price, lang: lang })));
+}
+function ProductInformationPrice(props) {
+    const { price, lang } = props;
+    if (price === undefined) {
+        return null;
+    }
+    const { listPrice, currency, fractionDigits } = price;
+    if (listPrice === 0 || currency === "") {
+        return null;
+    }
+    return (React.createElement("div", { className: "cfgProductInfo__right" },
+        React.createElement("div", { className: "cfgProductInfo__name cfgProductInfo__name--right" },
+            React.createElement(CurrencyPrice, { currency: currency, language: lang, price: listPrice, fractionDigits: fractionDigits }))));
+}

package/dist/components/icons/Checkmark.d.ts

@@ -1,6 +1,6 @@
-import { CssProps } from "../../utilities";
-export declare function CheckmarkWithBorder(props: {
-    active: boolean;
-} & CssProps): JSX.Element;
-export declare function Checkmark(props: CssProps): JSX.Element;
+import { CssProps } from "../../utilities";
+export declare function CheckmarkWithBorder(props: {
+    active: boolean;
+} & CssProps): JSX.Element;
+export declare function Checkmark(props: CssProps): JSX.Element;
 //# sourceMappingURL=Checkmark.d.ts.map

package/dist/components/icons/Checkmark.js

@@ -1,12 +1,12 @@
-import React from "react";
-export function CheckmarkWithBorder(props) {
-    const { active } = props;
-    return (React.createElement("div", { className: `cfgCheckmark__border ${props.className || ""} ${active ? "cfgCheckmark__border--active" : ""}`, style: props.style }, active && React.createElement(Checkmark, null)));
-}
-export function Checkmark(props) {
-    return (React.createElement("span", { className: `cfgCheckmark ${props.className || ""}`, style: props.style },
-        React.createElement("svg", { height: "100%", preserveAspectRatio: "xMidYMid", version: "1.1", viewBox: "0 0 100 100", width: "100%", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("g", { className: "cfgCheckmark__container" },
-                React.createElement("line", { className: "cfgCheckmark__line cfgCheckmark__lineLeft", x1: "10", y1: "30", x2: "30", y2: "30" }),
-                React.createElement("line", { className: "cfgCheckmark__line cfgCheckmark__lineRight", x1: "90", y1: "50", x2: "50", y2: "50" })))));
-}
+import React from "react";
+export function CheckmarkWithBorder(props) {
+    const { active } = props;
+    return (React.createElement("div", { className: `cfgCheckmark__border ${props.className || ""} ${active ? "cfgCheckmark__border--active" : ""}`, style: props.style }, active && React.createElement(Checkmark, null)));
+}
+export function Checkmark(props) {
+    return (React.createElement("span", { className: `cfgCheckmark ${props.className || ""}`, style: props.style },
+        React.createElement("svg", { height: "100%", preserveAspectRatio: "xMidYMid", version: "1.1", viewBox: "0 0 100 100", width: "100%", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("g", { className: "cfgCheckmark__container" },
+                React.createElement("line", { className: "cfgCheckmark__line cfgCheckmark__lineLeft", x1: "10", y1: "30", x2: "30", y2: "30" }),
+                React.createElement("line", { className: "cfgCheckmark__line cfgCheckmark__lineRight", x1: "90", y1: "50", x2: "50", y2: "50" })))));
+}

package/dist/components/icons/Chevron.d.ts

@@ -1,7 +1,7 @@
-import { CssProps } from "../../utilities";
-export interface Props {
-    active: boolean;
-    up?: boolean;
-}
-export declare function Chevron(props: Props & CssProps): JSX.Element;
+import { CssProps } from "../../utilities";
+export interface Props {
+    active: boolean;
+    up?: boolean;
+}
+export declare function Chevron(props: Props & CssProps): JSX.Element;
 //# sourceMappingURL=Chevron.d.ts.map

package/dist/components/icons/Chevron.js

@@ -1,18 +1,18 @@
-import React from "react";
-export function Chevron(props) {
-    const { active } = props;
-    let { up } = props;
-    if (up === undefined) {
-        up = active;
-    }
-    const upFragment = up ? "up" : "down";
-    const activeFragment = active ? "active" : "passive";
-    const containerClass = "cfgChevron__container--" + upFragment + " cfgChevron__container--" + activeFragment;
-    const leftLineClass = "cfgChevron__lineLeft--" + upFragment + " cfgChevron__lineLeft--" + activeFragment;
-    const rightLineClass = "cfgChevron__lineRight--" + upFragment + " cfgChevron__lineRight--" + activeFragment;
-    return (React.createElement("span", { className: `cfgChevron ${props.className || ""}`, style: props.style },
-        React.createElement("svg", { height: "100%", preserveAspectRatio: "xMidYMid", version: "1.1", viewBox: "0 0 100 100", width: "100%", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("g", { className: `cfgChevron__container ${containerClass}` },
-                React.createElement("line", { className: `cfgChevron__line ${leftLineClass}`, x1: "10", y1: "50", x2: "50", y2: "50" }),
-                React.createElement("line", { className: `cfgChevron__line ${rightLineClass}`, x1: "90", y1: "50", x2: "50", y2: "50" })))));
-}
+import React from "react";
+export function Chevron(props) {
+    const { active } = props;
+    let { up } = props;
+    if (up === undefined) {
+        up = active;
+    }
+    const upFragment = up ? "up" : "down";
+    const activeFragment = active ? "active" : "passive";
+    const containerClass = "cfgChevron__container--" + upFragment + " cfgChevron__container--" + activeFragment;
+    const leftLineClass = "cfgChevron__lineLeft--" + upFragment + " cfgChevron__lineLeft--" + activeFragment;
+    const rightLineClass = "cfgChevron__lineRight--" + upFragment + " cfgChevron__lineRight--" + activeFragment;
+    return (React.createElement("span", { className: `cfgChevron ${props.className || ""}`, style: props.style },
+        React.createElement("svg", { height: "100%", preserveAspectRatio: "xMidYMid", version: "1.1", viewBox: "0 0 100 100", width: "100%", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("g", { className: `cfgChevron__container ${containerClass}` },
+                React.createElement("line", { className: `cfgChevron__line ${leftLineClass}`, x1: "10", y1: "50", x2: "50", y2: "50" }),
+                React.createElement("line", { className: `cfgChevron__line ${rightLineClass}`, x1: "90", y1: "50", x2: "50", y2: "50" })))));
+}

package/dist/components/productConfiguration/CfgAdditionalProductView.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { CfgAdditionalProductViewProps } from "./CfgFeatureView.js";
-export declare const CfgAdditionalProductView: React.FC<CfgAdditionalProductViewProps>;
+import React from "react";
+import { CfgAdditionalProductViewProps } from "./CfgFeatureView.js";
+export declare const CfgAdditionalProductView: React.FC<CfgAdditionalProductViewProps>;
 //# sourceMappingURL=CfgAdditionalProductView.d.ts.map

package/dist/components/productConfiguration/CfgAdditionalProductView.js

@@ -1,28 +1,28 @@
-import React, { useState } from "react";
-import { ExpandableHeadingRow, ExpandableHeadingRowSymbol } from "../ExpandableHeadingRow.js";
-import { forwardProps } from "./CfgFeatureView.js";
-import { CfgProductConfigurationView } from "./CfgProductConfigurationView.js";
-export const CfgAdditionalProductView = React.memo((props) => {
-    const { product, permanentlyExpandedLevels, additionalProductComponent } = props;
-    const { partNumber, optional, selected, configuration, additionalProducts, preview, description, } = product;
-    const [open, setOpen] = useState(false);
-    const openOrSelected = optional ? selected : open;
-    const noChildren = configuration.features.length === 0 && additionalProducts.length === 0;
-    const AdditionalProductComponent = additionalProductComponent || CfgAdditionalProductView;
-    return (React.createElement("li", { className: "cfgFeatureItem" },
-        React.createElement(ExpandableHeadingRow, { heading: description || partNumber, expandable: optional || (!noChildren && permanentlyExpandedLevels <= 0), open: openOrSelected, onClick: () => {
-                if (optional) {
-                    product.setSelected(!selected);
-                }
-                else {
-                    setOpen((prev) => !prev);
-                }
-            }, symbol: optional ? ExpandableHeadingRowSymbol.Checkbox : undefined }, preview && (React.createElement("div", { className: "cfgThumbnailPlaceholder" },
-            React.createElement("img", { alt: `Preview for ${description}`, className: "cfgThumbnailImage", src: preview })))),
-        !noChildren &&
-            (!optional || selected) &&
-            (openOrSelected || 0 < permanentlyExpandedLevels) && (React.createElement("div", { className: "cfgFeatureItem__subTree" },
-            React.createElement(CfgProductConfigurationView, Object.assign({}, forwardProps(props), { productOrConfiguration: configuration })),
-            additionalProducts.length !== 0 && (React.createElement("ul", { className: `cfgOptionTree cfgOptionTree--topLevel` }, additionalProducts.map((additionalProduct) => (React.createElement(AdditionalProductComponent, Object.assign({ key: additionalProduct.key }, forwardProps(props), { product: additionalProduct, permanentlyExpandedLevels: permanentlyExpandedLevels - 1 })))))))),
-        React.createElement("hr", { className: "cfgFeatureItem__hr cfgHr" })));
-});
+import React, { useState } from "react";
+import { ExpandableHeadingRow, ExpandableHeadingRowSymbol } from "../ExpandableHeadingRow.js";
+import { forwardProps } from "./CfgFeatureView.js";
+import { CfgProductConfigurationView } from "./CfgProductConfigurationView.js";
+export const CfgAdditionalProductView = React.memo((props) => {
+    const { product, permanentlyExpandedLevels, additionalProductComponent } = props;
+    const { partNumber, optional, selected, configuration, additionalProducts, preview, description, } = product;
+    const [open, setOpen] = useState(false);
+    const openOrSelected = optional ? selected : open;
+    const noChildren = configuration.features.length === 0 && additionalProducts.length === 0;
+    const AdditionalProductComponent = additionalProductComponent || CfgAdditionalProductView;
+    return (React.createElement("li", { className: "cfgFeatureItem" },
+        React.createElement(ExpandableHeadingRow, { heading: description || partNumber, expandable: optional || (!noChildren && permanentlyExpandedLevels <= 0), open: openOrSelected, onClick: () => {
+                if (optional) {
+                    product.setSelected(!selected);
+                }
+                else {
+                    setOpen((prev) => !prev);
+                }
+            }, symbol: optional ? ExpandableHeadingRowSymbol.Checkbox : undefined }, preview && (React.createElement("div", { className: "cfgThumbnailPlaceholder" },
+            React.createElement("img", { alt: `Preview for ${description}`, className: "cfgThumbnailImage", src: preview })))),
+        !noChildren &&
+            (!optional || selected) &&
+            (openOrSelected || 0 < permanentlyExpandedLevels) && (React.createElement("div", { className: "cfgFeatureItem__subTree" },
+            React.createElement(CfgProductConfigurationView, Object.assign({}, forwardProps(props), { productOrConfiguration: configuration })),
+            additionalProducts.length !== 0 && (React.createElement("ul", { className: `cfgOptionTree cfgOptionTree--topLevel` }, additionalProducts.map((additionalProduct) => (React.createElement(AdditionalProductComponent, Object.assign({ key: additionalProduct.key }, forwardProps(props), { product: additionalProduct, permanentlyExpandedLevels: permanentlyExpandedLevels - 1 })))))))),
+        React.createElement("hr", { className: "cfgFeatureItem__hr cfgHr" })));
+});

package/dist/components/productConfiguration/CfgCheckboxView.d.ts

@@ -1,19 +1,19 @@
-import { CfgOption } from "@configura/web-api";
-import React from "react";
-import { CssProps } from "../../utilities.js";
-import { CfgProductConfigurationComponentAndPassthroughProps } from "./CfgFeatureView.js";
-import { PassthroughProps } from "./CfgProductConfigurationView.js";
-declare type Props = PassthroughProps & {
-    option: CfgOption;
-};
-export declare const CfgCheckboxView: React.FC<Props & CfgProductConfigurationComponentAndPassthroughProps & CssProps>;
-export declare const CfgCheckboxViewMemo: React.NamedExoticComponent<PassthroughProps & {
-    option: CfgOption;
-} & {
-    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
-    featureGroupComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-    featureSelectManyComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-    featureSelectOneComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-} & CssProps>;
-export {};
+import { CfgOption } from "@configura/web-api";
+import React from "react";
+import { CssProps } from "../../utilities.js";
+import { CfgProductConfigurationComponentAndPassthroughProps } from "./CfgFeatureView.js";
+import { PassthroughProps } from "./CfgProductConfigurationView.js";
+declare type Props = PassthroughProps & {
+    option: CfgOption;
+};
+export declare const CfgCheckboxView: React.FC<Props & CfgProductConfigurationComponentAndPassthroughProps & CssProps>;
+export declare const CfgCheckboxViewMemo: React.NamedExoticComponent<PassthroughProps & {
+    option: CfgOption;
+} & {
+    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
+    featureGroupComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+    featureSelectManyComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+    featureSelectOneComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+} & CssProps>;
+export {};
 //# sourceMappingURL=CfgCheckboxView.d.ts.map

package/dist/components/productConfiguration/CfgCheckboxView.js

@@ -1,22 +1,22 @@
-import React from "react";
-import { useUuid } from "../../useUniqueId.js";
-import { Checkmark } from "../icons/Checkmark.js";
-import { forwardProps, } from "./CfgFeatureView.js";
-import { CfgOptionFeaturesView } from "./CfgOptionFeaturesView.js";
-import { CfgOptionPriceView } from "./CfgOptionPriceView.js";
-export const CfgCheckboxView = (props) => {
-    const { option, upchargeDisplayMode } = props;
-    const { thumbnail, description, selected, code } = option;
-    const uniqueId = useUuid();
-    return (React.createElement("li", { className: props.className, style: props.style },
-        React.createElement("label", { className: "cfgFeatureItemOptional", htmlFor: uniqueId },
-            React.createElement("input", { checked: selected, className: "cfgFeatureItem__hiddenInput", id: uniqueId, name: uniqueId, onChange: () => option.setSelected(!selected), type: "checkbox" }),
-            React.createElement("div", { className: "cfgFeatureItem__checkbox" }, selected && React.createElement(Checkmark, null)),
-            thumbnail && (React.createElement("img", { alt: `Thumbnail for ${description}`, className: "cfgThumbnailImage cfgMl1", src: thumbnail })),
-            React.createElement("div", { className: "cfgFeatureItemOptional__titleWrapper" },
-                React.createElement("div", { className: "cfgFeatureItemOptional__title" },
-                    description || code,
-                    React.createElement(CfgOptionPriceView, { option: option, upchargeDisplayMode: upchargeDisplayMode })))),
-        React.createElement(CfgOptionFeaturesView, Object.assign({ option: option }, forwardProps(props)))));
-};
-export const CfgCheckboxViewMemo = React.memo(CfgCheckboxView);
+import React from "react";
+import { useUuid } from "../../useUniqueId.js";
+import { Checkmark } from "../icons/Checkmark.js";
+import { forwardProps, } from "./CfgFeatureView.js";
+import { CfgOptionFeaturesView } from "./CfgOptionFeaturesView.js";
+import { CfgOptionPriceView } from "./CfgOptionPriceView.js";
+export const CfgCheckboxView = (props) => {
+    const { option, upchargeDisplayMode } = props;
+    const { thumbnail, description, selected, code } = option;
+    const uniqueId = useUuid();
+    return (React.createElement("li", { className: props.className, style: props.style },
+        React.createElement("label", { className: "cfgFeatureItemOptional", htmlFor: uniqueId },
+            React.createElement("input", { checked: selected, className: "cfgFeatureItem__hiddenInput", id: uniqueId, name: uniqueId, onChange: () => option.setSelected(!selected), type: "checkbox" }),
+            React.createElement("div", { className: "cfgFeatureItem__checkbox" }, selected && React.createElement(Checkmark, null)),
+            thumbnail && (React.createElement("img", { alt: `Thumbnail for ${description}`, className: "cfgThumbnailImage cfgMl1", src: thumbnail })),
+            React.createElement("div", { className: "cfgFeatureItemOptional__titleWrapper" },
+                React.createElement("div", { className: "cfgFeatureItemOptional__title" },
+                    description || code,
+                    React.createElement(CfgOptionPriceView, { option: option, upchargeDisplayMode: upchargeDisplayMode })))),
+        React.createElement(CfgOptionFeaturesView, Object.assign({ option: option }, forwardProps(props)))));
+};
+export const CfgCheckboxViewMemo = React.memo(CfgCheckboxView);

package/dist/components/productConfiguration/CfgCheckboxesView.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import { CssProps } from "../../utilities.js";
-import { CfgFeatureViewProps } from "./CfgFeatureView.js";
-export declare const CfgCheckboxesView: React.FC<CfgFeatureViewProps & CssProps>;
-export declare const CfgCheckboxesViewMemo: React.NamedExoticComponent<import("./CfgProductConfigurationView.js").PassthroughProps & {
-    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
-    featureGroupComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
-    featureSelectManyComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
-    featureSelectOneComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
-} & {
-    feature: import("@configura/web-api").CfgFeature;
-} & CssProps>;
+import React from "react";
+import { CssProps } from "../../utilities.js";
+import { CfgFeatureViewProps } from "./CfgFeatureView.js";
+export declare const CfgCheckboxesView: React.FC<CfgFeatureViewProps & CssProps>;
+export declare const CfgCheckboxesViewMemo: React.NamedExoticComponent<import("./CfgProductConfigurationView.js").PassthroughProps & {
+    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
+    featureGroupComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
+    featureSelectManyComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
+    featureSelectOneComponent?: React.ComponentType<CfgFeatureViewProps> | undefined;
+} & {
+    feature: import("@configura/web-api").CfgFeature;
+} & CssProps>;
 //# sourceMappingURL=CfgCheckboxesView.d.ts.map

package/dist/components/productConfiguration/CfgCheckboxesView.js

@@ -1,18 +1,18 @@
-import { SelectionType } from "@configura/web-api";
-import React from "react";
-import { CfgCheckboxViewMemo } from "./CfgCheckboxView.js";
-import { forwardProps } from "./CfgFeatureView.js";
-export const CfgCheckboxesView = (props) => {
-    const { feature } = props;
-    if (feature.selectionType !== SelectionType.SelectMany) {
-        throw Error(`Unsupported selection type expected: ${SelectionType.SelectMany}, got: ${feature.selectionType}`);
-    }
-    const { options, description } = feature;
-    if (options.length === 0) {
-        return null;
-    }
-    return (React.createElement("li", { className: `cfgFeatureItem cfgFeatureItem--optional ${props.className || ""}`, style: props.style },
-        React.createElement("h3", { className: "cfgFeatureItemOptional__header" }, description),
-        React.createElement("ul", { className: "cfgOptionTree" }, options.map((option) => (React.createElement(CfgCheckboxViewMemo, Object.assign({ option: option, key: option.key }, forwardProps(props))))))));
-};
-export const CfgCheckboxesViewMemo = React.memo(CfgCheckboxesView);
+import { SelectionType } from "@configura/web-api";
+import React from "react";
+import { CfgCheckboxViewMemo } from "./CfgCheckboxView.js";
+import { forwardProps } from "./CfgFeatureView.js";
+export const CfgCheckboxesView = (props) => {
+    const { feature } = props;
+    if (feature.selectionType !== SelectionType.SelectMany) {
+        throw Error(`Unsupported selection type expected: ${SelectionType.SelectMany}, got: ${feature.selectionType}`);
+    }
+    const { options, description } = feature;
+    if (options.length === 0) {
+        return null;
+    }
+    return (React.createElement("li", { className: `cfgFeatureItem cfgFeatureItem--optional ${props.className || ""}`, style: props.style },
+        React.createElement("h3", { className: "cfgFeatureItemOptional__header" }, description),
+        React.createElement("ul", { className: "cfgOptionTree" }, options.map((option) => (React.createElement(CfgCheckboxViewMemo, Object.assign({ option: option, key: option.key }, forwardProps(props))))))));
+};
+export const CfgCheckboxesViewMemo = React.memo(CfgCheckboxesView);

package/dist/components/productConfiguration/CfgDropdownOptionView.d.ts

@@ -1,19 +1,19 @@
-import { CfgOption } from "@configura/web-api";
-import React from "react";
-import { CssProps } from "../../utilities.js";
-import { CfgProductConfigurationComponentAndPassthroughProps } from "./CfgFeatureView.js";
-import { PassthroughProps } from "./CfgProductConfigurationView.js";
-declare type Props = PassthroughProps & {
-    option: CfgOption;
-};
-export declare const CfgDropdownOptionView: React.FC<Props & CfgProductConfigurationComponentAndPassthroughProps & CssProps>;
-export declare const CfgDropdownOptionViewMemo: React.NamedExoticComponent<PassthroughProps & {
-    option: CfgOption;
-} & {
-    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
-    featureGroupComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-    featureSelectManyComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-    featureSelectOneComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
-} & CssProps>;
-export {};
+import { CfgOption } from "@configura/web-api";
+import React from "react";
+import { CssProps } from "../../utilities.js";
+import { CfgProductConfigurationComponentAndPassthroughProps } from "./CfgFeatureView.js";
+import { PassthroughProps } from "./CfgProductConfigurationView.js";
+declare type Props = PassthroughProps & {
+    option: CfgOption;
+};
+export declare const CfgDropdownOptionView: React.FC<Props & CfgProductConfigurationComponentAndPassthroughProps & CssProps>;
+export declare const CfgDropdownOptionViewMemo: React.NamedExoticComponent<PassthroughProps & {
+    option: CfgOption;
+} & {
+    additionalProductComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgAdditionalProductViewProps> | undefined;
+    featureGroupComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+    featureSelectManyComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+    featureSelectOneComponent?: React.ComponentType<import("./CfgFeatureView.js").CfgFeatureViewProps> | undefined;
+} & CssProps>;
+export {};
 //# sourceMappingURL=CfgDropdownOptionView.d.ts.map