@configura/web-ui 2.0.0-alpha.9 → 2.1.0-alpha.0

package/dist/scss/_misc-file-and-note.scss

@@ -0,0 +1,44 @@
+@use "mixins";
+
+@mixin classes($grayTextColor, $linkColor) {
+	.cfgMiscFiles,
+	.cfgNotes {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	.cfgMiscFiles {
+		&__item {
+			display: flex;
+			align-items: center;
+			margin-top: 1em;
+			margin-bottom: 1em;
+		}
+
+		&__link {
+			display: block;
+
+			color: $linkColor;
+			font-size: 1.4em;
+			font-weight: 600;
+		}
+	}
+
+	.cfgNotes {
+		&__item:not(:last-child) {
+			margin-bottom: -0.5em;
+		}
+
+		&__body {
+			white-space: pre-wrap;
+			overflow: hidden;
+
+			color: $grayTextColor;
+			font-size: 1.5em;
+
+			margin-bottom: 1em;
+			margin-right: 3em;
+		}
+	}
+}

package/dist/scss/_product-information.scss

@@ -44,6 +44,10 @@
 			margin: 0;
 		}
 
+		&__taskbar {
+			display: flex;
+		}
+
 		@content;
 	}
 }

package/dist/scss/_themed.scss

@@ -12,6 +12,7 @@
 @use "feature-item";
 @use "hr";
 @use "loading";
+@use "misc-file-and-note";
 @use "option-tree";
 @use "product-information";
 @use "range-view";
@@ -115,7 +116,12 @@ $themes: (
 	);
 	@include chevron.classes(map.get($ct, "chevronActive"), map.get($ct, "chevronPassive"));
 	@include circle-xmark-icon.classes(map.get($ct, "icon"));
-	@include configurator.classes($baseFontSize, map.get($ct, "text"), map.get($ct, "divider"));
+	@include configurator.classes(
+		$baseFontSize,
+		map.get($ct, "text"),
+		map.get($ct, "grayText"),
+		map.get($ct, "divider")
+	);
 	@include download-icon.classes(map.get($ct, "link"));
 	@include expandable.classes;
 	@include error-icon.classes(map.get($ct, "error"));
@@ -137,6 +143,7 @@ $themes: (
 		map.get($ct, "overlayBackground"),
 		$overlayingZIndex
 	);
+	@include misc-file-and-note.classes(map.get($ct, "grayText"), map.get($ct, "link"));
 	@include option-tree.classes;
 	@include product-information.classes(map.get($ct, "text"));
 	@include range-view.classes(map.get($ct, "error"));

package/dist/useCatParams.d.ts

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

package/dist/useUniqueId.js

@@ -1,7 +1,3 @@
 import { useMemo } from "react";
 import { v4 } from "uuid";
-export const useUuid = () => {
-    return useMemo(() => {
-        return `${v4()}`;
-    }, []);
-};
+export const useUuid = () => useMemo(() => `${v4()}`, []);

package/package.json

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

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

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

package/dist/components/productConfiguration/CfgOptionFeaturesView.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { CfgFeatureView, forwardProps } from "./CfgFeatureView.js";
-export const CfgOptionFeaturesView = (props) => {
-    const { option } = props;
-    const { features, selected } = option;
-    if (!selected) {
-        return null;
-    }
-    if (features.length === 0) {
-        return null;
-    }
-    return (React.createElement("ul", { className: "cfgOptionTree cfgOptionTree--subLevel cfgOptionTree--indent" }, features.map((f) => (React.createElement(CfgFeatureView, Object.assign({ feature: f, key: f.key }, forwardProps(props)))))));
-};