@configura/web-ui 2.0.0-alpha.1 → 2.0.0-alpha.12

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

@@ -3,8 +3,6 @@ import { CssProps } from "../../utilities.js";
 import { CfgOptionViewProps } from "./CfgFeatureView.js";
 export declare const CfgCheckboxView: React.FC<CfgOptionViewProps & CssProps>;
 export declare const CfgCheckboxViewMemo: React.NamedExoticComponent<import("./CfgProductConfigurationView.js").PassthroughProps & import("./CfgFeatureView.js").CfgProductConfigurationComponent & {
-    startOpen?: boolean | undefined;
-} & {
     option: import("@configura/web-api").CfgOption;
 } & CssProps>;
 //# sourceMappingURL=CfgCheckboxView.d.ts.map

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

@@ -3,8 +3,6 @@ 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 & import("./CfgFeatureView.js").CfgProductConfigurationComponent & {
-    startOpen?: boolean | undefined;
-} & {
     feature: import("@configura/web-api").CfgFeature;
 } & CssProps>;
 //# sourceMappingURL=CfgCheckboxesView.d.ts.map

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

@@ -3,8 +3,6 @@ import { CssProps } from "../../utilities.js";
 import { CfgOptionViewProps } from "./CfgFeatureView.js";
 export declare const CfgDropdownOptionView: React.FC<CfgOptionViewProps & CssProps>;
 export declare const CfgDropdownOptionViewMemo: React.NamedExoticComponent<import("./CfgProductConfigurationView.js").PassthroughProps & import("./CfgFeatureView.js").CfgProductConfigurationComponent & {
-    startOpen?: boolean | undefined;
-} & {
     option: import("@configura/web-api").CfgOption;
 } & CssProps>;
 //# sourceMappingURL=CfgDropdownOptionView.d.ts.map

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

@@ -3,8 +3,6 @@ import { CssProps } from "../../utilities.js";
 import { CfgFeatureViewProps } from "./CfgFeatureView.js";
 export declare const CfgDropdownView: React.FC<CfgFeatureViewProps & CssProps>;
 export declare const CfgDropdownViewMemo: React.NamedExoticComponent<import("./CfgProductConfigurationView.js").PassthroughProps & import("./CfgFeatureView.js").CfgProductConfigurationComponent & {
-    startOpen?: boolean | undefined;
-} & {
     feature: import("@configura/web-api").CfgFeature;
 } & CssProps>;
 //# sourceMappingURL=CfgDropdownView.d.ts.map

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

@@ -23,14 +23,10 @@ export declare type CfgProductConfigurationComponent = {
 };
 export declare const completeWithDefaultProductConfigurationComponents: <T>(incomplete: T & Partial<CfgProductConfigurationComponent>) => T & CfgProductConfigurationComponent;
 export declare const useCompleteWithDefaultProductConfigurationComponents: (incomplete: Partial<CfgProductConfigurationComponent>) => CfgProductConfigurationComponent;
-export declare type CfgProductConfigurationComponentAndPassthroughProps = PassthroughProps & CfgProductConfigurationComponent & {
-    startOpen?: boolean;
-};
+export declare type CfgProductConfigurationComponentAndPassthroughProps = PassthroughProps & CfgProductConfigurationComponent;
 export declare const forwardProps: (props: CfgProductConfigurationComponentAndPassthroughProps) => CfgProductConfigurationComponentAndPassthroughProps;
 export declare const CfgFeatureView: React.FC<CfgFeatureViewProps & CssProps>;
 export declare const CfgFeatureViewMemo: React.NamedExoticComponent<PassthroughProps & CfgProductConfigurationComponent & {
-    startOpen?: boolean | undefined;
-} & {
     feature: CfgFeature;
 } & CssProps>;
 //# sourceMappingURL=CfgFeatureView.d.ts.map

package/dist/components/productConfiguration/CfgFeatureView.js

@@ -12,17 +12,15 @@ export const completeWithDefaultProductConfigurationComponents = (incomplete) =>
 };
 export const useCompleteWithDefaultProductConfigurationComponents = (incomplete) => {
     const { additionalProductComponent, featureFlattenComponent, featureGroupComponent, featureSelectManyComponent, featureSelectOneComponent, optionSelectManyComponent, optionSelectOneComponent, } = incomplete;
-    return useMemo(() => {
-        return completeWithDefaultProductConfigurationComponents({
-            additionalProductComponent,
-            featureFlattenComponent,
-            featureGroupComponent,
-            featureSelectManyComponent,
-            featureSelectOneComponent,
-            optionSelectManyComponent,
-            optionSelectOneComponent,
-        });
-    }, [
+    return useMemo(() => completeWithDefaultProductConfigurationComponents({
+        additionalProductComponent,
+        featureFlattenComponent,
+        featureGroupComponent,
+        featureSelectManyComponent,
+        featureSelectOneComponent,
+        optionSelectManyComponent,
+        optionSelectOneComponent,
+    }), [
         additionalProductComponent,
         featureFlattenComponent,
         featureGroupComponent,
@@ -32,19 +30,17 @@ export const useCompleteWithDefaultProductConfigurationComponents = (incomplete)
         optionSelectOneComponent,
     ]);
 };
-export const forwardProps = (props) => {
-    return {
-        upchargeDisplayMode: props.upchargeDisplayMode,
-        startOpen: props.startOpen,
-        additionalProductComponent: props.additionalProductComponent,
-        featureFlattenComponent: props.featureFlattenComponent,
-        featureGroupComponent: props.featureGroupComponent,
-        featureSelectManyComponent: props.featureSelectManyComponent,
-        optionSelectManyComponent: props.optionSelectManyComponent,
-        featureSelectOneComponent: props.featureSelectOneComponent,
-        optionSelectOneComponent: props.optionSelectOneComponent,
-    };
-};
+export const forwardProps = (props) => ({
+    upchargeDisplayMode: props.upchargeDisplayMode,
+    startOpen: props.startOpen,
+    additionalProductComponent: props.additionalProductComponent,
+    featureFlattenComponent: props.featureFlattenComponent,
+    featureGroupComponent: props.featureGroupComponent,
+    featureSelectManyComponent: props.featureSelectManyComponent,
+    optionSelectManyComponent: props.optionSelectManyComponent,
+    featureSelectOneComponent: props.featureSelectOneComponent,
+    optionSelectOneComponent: props.optionSelectOneComponent,
+});
 export const CfgFeatureView = (props) => {
     const { feature, featureFlattenComponent: FlattenComponent, featureGroupComponent: GroupComponent, featureSelectManyComponent: SelectManyComponent, featureSelectOneComponent: SelectOneComponent, } = props;
     if (!feature.visible) {

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

@@ -7,8 +7,13 @@ export declare enum UpchargeDisplayMode {
     None = 1,
     Price = 2
 }
+/**
+ * @param upchargeDisplayMode How upcharge on Options is displayed
+ * @param startOpen Setting this to true will make all selected options be expanded from start. This is bad for performance when viewing large products.
+ */
 export declare type PassthroughProps = {
     upchargeDisplayMode?: UpchargeDisplayMode;
+    startOpen?: boolean;
 };
 export declare type CfgProductConfigurationViewProps = PassthroughProps & Partial<CfgProductConfigurationComponent> & CssProps & {
     productOrConfiguration: CfgProductConfiguration | CfgProduct;

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from "./components/productConfiguration/CfgProductConfigurationView.js"
 export * from "./components/ProductInformation.js";
 export * from "./components/TaskListView.js";
 export * from "./components/TaskStartView.js";
+export * from "./useCatParams.js";
 export * from "./useObservable.js";
 export * from "./useRerender.js";
 export * from "./useResize.js";

package/dist/index.js

@@ -17,6 +17,7 @@ export * from "./components/productConfiguration/CfgProductConfigurationView.js"
 export * from "./components/ProductInformation.js";
 export * from "./components/TaskListView.js";
 export * from "./components/TaskStartView.js";
+export * from "./useCatParams.js";
 export * from "./useObservable.js";
 export * from "./useRerender.js";
 export * from "./useResize.js";

package/dist/useCatParams.d.ts

@@ -0,0 +1,18 @@
+import { DtoCatalogueParams, DtoCatalogueParamsWithLang, DtoProductParams, DtoProductParamsWithLang } from "@configura/web-api";
+/**
+ * Returns a memozied version of the catParams
+ */
+export declare function useMemoCatalogueParams(catParams: DtoCatalogueParams): DtoCatalogueParams;
+/**
+ * Returns a memozied version of the catParams
+ */
+export declare function useMemoCatalogueParamsWithLang(catParams: DtoCatalogueParamsWithLang): DtoCatalogueParamsWithLang;
+/**
+ * Returns a memozied version of the prodParams
+ */
+export declare function useMemoProductParams(prodParams: DtoProductParams): DtoProductParams;
+/**
+ * Returns a memozied version of the prodParams
+ */
+export declare function useMemoProductParamsWithLang(prodParams: DtoProductParamsWithLang): DtoProductParamsWithLang;
+//# sourceMappingURL=useCatParams.d.ts.map

package/dist/useCatParams.js

@@ -0,0 +1,29 @@
+import { useMemo } from "react";
+/**
+ * Returns a memozied version of the catParams
+ */
+export function useMemoCatalogueParams(catParams) {
+    const { cid, enterprise, prdCat, prdCatVersion, vendor, priceList } = catParams;
+    return useMemo(() => ({ cid, enterprise, prdCat, prdCatVersion, vendor, priceList }), [cid, enterprise, prdCat, prdCatVersion, priceList, vendor]);
+}
+/**
+ * Returns a memozied version of the catParams
+ */
+export function useMemoCatalogueParamsWithLang(catParams) {
+    const { lang, cid, enterprise, prdCat, prdCatVersion, vendor, priceList } = catParams;
+    return useMemo(() => ({ lang, cid, enterprise, prdCat, prdCatVersion, vendor, priceList }), [lang, cid, enterprise, prdCat, prdCatVersion, priceList, vendor]);
+}
+/**
+ * Returns a memozied version of the prodParams
+ */
+export function useMemoProductParams(prodParams) {
+    const { cid, enterprise, prdCat, prdCatVersion, vendor, priceList, partNumber } = prodParams;
+    return useMemo(() => ({ cid, enterprise, prdCat, prdCatVersion, vendor, priceList, partNumber }), [cid, enterprise, prdCat, prdCatVersion, priceList, vendor, partNumber]);
+}
+/**
+ * Returns a memozied version of the prodParams
+ */
+export function useMemoProductParamsWithLang(prodParams) {
+    const { lang, cid, enterprise, prdCat, prdCatVersion, vendor, priceList, partNumber } = prodParams;
+    return useMemo(() => ({ lang, cid, enterprise, prdCat, prdCatVersion, vendor, priceList, partNumber }), [lang, cid, enterprise, prdCat, prdCatVersion, priceList, vendor, partNumber]);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/web-ui",
-	"version": "2.0.0-alpha.1",
+	"version": "2.0.0-alpha.12",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -32,7 +32,7 @@
 		]
 	},
 	"dependencies": {
-		"@configura/web-api": "2.0.0-alpha.1"
+		"@configura/web-api": "2.0.0-alpha.12"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "^7.14.4",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f35367369c2e0189ed8181ae91040a149c729368"
+	"gitHead": "82ffe4d0ec20d169b4e7ddb94b8207b6aa7d62a2"
 }