@configura/web-ui 1.1.1-alpha.0 → 1.1.1

package/dist/components/ConfigurationActionsButtonRow.d.ts

@@ -1,12 +1,12 @@
-import { ExportStatus, RenderStatus } from "@configura/web-api";
-import React from "react";
-import { CssProps } from "../utilities";
-interface Props {
-    exportStatus?: ExportStatus;
-    handleExport?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    handleRender?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    renderStatus?: RenderStatus;
-}
-export declare const ConfigurationActionsButtonRow: React.FC<Props & CssProps>;
-export {};
+import { ExportStatus, RenderStatus } from "@configura/web-api";
+import React from "react";
+import { CssProps } from "../utilities";
+interface Props {
+    exportStatus?: ExportStatus;
+    handleExport?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleRender?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    renderStatus?: RenderStatus;
+}
+export declare const ConfigurationActionsButtonRow: React.FC<Props & CssProps>;
+export {};
 //# sourceMappingURL=ConfigurationActionsButtonRow.d.ts.map

package/dist/components/ConfigurationActionsButtonRow.js

@@ -1,13 +1,13 @@
-import React from "react";
-export const ConfigurationActionsButtonRow = (props) => {
-    const { exportStatus, handleExport, handleRender, renderStatus } = props;
-    return (React.createElement("div", { className: `cfgButtonRow ${props.className || ""}`, style: props.style },
-        handleExport !== undefined &&
-            (exportStatus ? (React.createElement("button", { className: "cfgButtonRow__button cfgButton", disabled: exportStatus.status !== "finished", onClick: exportStatus.status !== "finished"
-                    ? undefined
-                    : () => window.open(exportStatus.url, "_blank") }, exportStatus.status !== "finished" ? exportStatus.status : "Download")) : (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: handleExport }, "Export"))),
-        handleRender !== undefined &&
-            (renderStatus ? (React.createElement("button", { className: "cfgButtonRow__button cfgButton", disabled: renderStatus.status !== "finished", onClick: renderStatus.status !== "finished"
-                    ? undefined
-                    : () => window.open(renderStatus.url, "_blank") }, renderStatus.status !== "finished" ? renderStatus.status : "Download")) : (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: handleRender }, "Render")))));
-};
+import React from "react";
+export const ConfigurationActionsButtonRow = (props) => {
+    const { exportStatus, handleExport, handleRender, renderStatus } = props;
+    return (React.createElement("div", { className: `cfgButtonRow ${props.className || ""}`, style: props.style },
+        handleExport !== undefined &&
+            (exportStatus ? (React.createElement("button", { className: "cfgButtonRow__button cfgButton", disabled: exportStatus.status !== "finished", onClick: exportStatus.status !== "finished"
+                    ? undefined
+                    : () => window.open(exportStatus.url, "_blank") }, exportStatus.status !== "finished" ? exportStatus.status : "Download")) : (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: handleExport }, "Export"))),
+        handleRender !== undefined &&
+            (renderStatus ? (React.createElement("button", { className: "cfgButtonRow__button cfgButton", disabled: renderStatus.status !== "finished", onClick: renderStatus.status !== "finished"
+                    ? undefined
+                    : () => window.open(renderStatus.url, "_blank") }, renderStatus.status !== "finished" ? renderStatus.status : "Download")) : (React.createElement("button", { className: "cfgButtonRow__button cfgButton", onClick: handleRender }, "Render")))));
+};

package/dist/components/Configurator.d.ts

@@ -1,13 +1,13 @@
-import { CfgProduct, ExportStatus, RenderStatus } from "@configura/web-api";
-import React from "react";
-import { CssProps } from "../utilities.js";
-interface Props {
-    exportStatus?: ExportStatus;
-    handleExport?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    handleRender?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    product?: CfgProduct;
-    renderStatus?: RenderStatus;
-}
-export declare const Configurator: React.FC<Props & CssProps>;
-export {};
+import { CfgProduct, ExportStatus, RenderStatus } from "@configura/web-api";
+import React from "react";
+import { CssProps } from "../utilities.js";
+interface Props {
+    exportStatus?: ExportStatus;
+    handleExport?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleRender?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    product?: CfgProduct;
+    renderStatus?: RenderStatus;
+}
+export declare const Configurator: React.FC<Props & CssProps>;
+export {};
 //# sourceMappingURL=Configurator.d.ts.map

package/dist/components/Configurator.js

@@ -1,15 +1,15 @@
-import React from "react";
-import { ConfigurationActionsButtonRow } from "./ConfigurationActionsButtonRow.js";
-import { CfgProductConfigurationView } from "./productConfiguration/CfgProductConfigurationView.js";
-import { ProductInformation } from "./ProductInformation.js";
-export const Configurator = (props) => {
-    const { exportStatus, handleExport, handleRender, product, renderStatus } = props;
-    return (React.createElement("div", { className: `cfgConfigurator ${props.className || ""}`, style: props.style }, product !== undefined && (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "cfgConfiguratorHeader" },
-            React.createElement(ProductInformation, { lang: product.lang, description: product.description, styleNr: product.styleNr, price: product.aggregatedPrice }),
-            (handleExport !== undefined || handleRender !== undefined) && (React.createElement("div", { className: "cfgConfiguratorHeader__actions" },
-                React.createElement(ConfigurationActionsButtonRow, { handleExport: handleExport, exportStatus: exportStatus, handleRender: handleRender, renderStatus: renderStatus })))),
-        React.createElement("div", { className: "cfgConfiguratorTree" },
-            React.createElement(CfgProductConfigurationView, { productOrConfiguration: product, permanentlyExpandedAdditionalProductLevels: 1 }),
-            props.children)))));
-};
+import React from "react";
+import { ConfigurationActionsButtonRow } from "./ConfigurationActionsButtonRow.js";
+import { CfgProductConfigurationView } from "./productConfiguration/CfgProductConfigurationView.js";
+import { ProductInformation } from "./ProductInformation.js";
+export const Configurator = (props) => {
+    const { exportStatus, handleExport, handleRender, product, renderStatus } = props;
+    return (React.createElement("div", { className: `cfgConfigurator ${props.className || ""}`, style: props.style }, product !== undefined && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "cfgConfiguratorHeader" },
+            React.createElement(ProductInformation, { lang: product.lang, description: product.description, styleNr: product.styleNr, price: product.aggregatedPrice }),
+            (handleExport !== undefined || handleRender !== undefined) && (React.createElement("div", { className: "cfgConfiguratorHeader__actions" },
+                React.createElement(ConfigurationActionsButtonRow, { handleExport: handleExport, exportStatus: exportStatus, handleRender: handleRender, renderStatus: renderStatus })))),
+        React.createElement("div", { className: "cfgConfiguratorTree" },
+            React.createElement(CfgProductConfigurationView, { productOrConfiguration: product, permanentlyExpandedAdditionalProductLevels: 1 }),
+            props.children)))));
+};

package/dist/components/ConfiguratorWrapper.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { CssProps } from "../utilities";
-interface Props {
-    children: React.ReactNode;
-}
-export declare type ConfiguratorWrapperRef = HTMLDivElement;
-export declare const ConfiguratorWrapper: React.ForwardRefExoticComponent<Props & CssProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React from "react";
+import { CssProps } from "../utilities";
+interface Props {
+    children: React.ReactNode;
+}
+export declare type ConfiguratorWrapperRef = HTMLDivElement;
+export declare const ConfiguratorWrapper: React.ForwardRefExoticComponent<Props & CssProps & React.RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=ConfiguratorWrapper.d.ts.map

package/dist/components/ConfiguratorWrapper.js

@@ -1,5 +1,5 @@
-import React from "react";
-export const ConfiguratorWrapper = React.forwardRef((props, ref) => {
-    const { children } = props;
-    return (React.createElement("div", { ref: ref, className: `cfgConfiguratorWrapper ${props.className || ""}`, style: props.style }, children));
-});
+import React from "react";
+export const ConfiguratorWrapper = React.forwardRef((props, ref) => {
+    const { children } = props;
+    return (React.createElement("div", { ref: ref, className: `cfgConfiguratorWrapper ${props.className || ""}`, style: props.style }, children));
+});

package/dist/components/CurrencyPrice.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-interface Props {
-    currency: string;
-    language?: string;
-    price: number;
-    fractionDigits: number;
-}
-export declare const CurrencyPrice: React.FC<Props>;
-export {};
+import React from "react";
+interface Props {
+    currency: string;
+    language?: string;
+    price: number;
+    fractionDigits: number;
+}
+export declare const CurrencyPrice: React.FC<Props>;
+export {};
 //# sourceMappingURL=CurrencyPrice.d.ts.map

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