@thecb/components 11.3.3 → 11.3.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "11.3.3",
+  "version": "11.3.5-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/form-layouts/index.d.ts

@@ -19,7 +19,7 @@ export interface FormInputProps {
   showErrors?: boolean;
   type?: string;
   formatter?: string | null;
-  decorator?: boolean;
+  decorator?: string;
   themeValues?: object;
   background?: string;
   customHeight?: string;

package/src/util/general.js

@@ -26,9 +26,14 @@ export const createIdFromString = (text, postscript, unique = false) => {
     // "first name", undefined, false -> "first-name"
     // "email address", "error message", false -> "email-address-error-message"
     // "shopping cart", "order item", true -> "shopping-cart-order-item_2ahtlz608"
-    return `${text?.replace(/\s+/g, "-")}${
-      postscript ? `-${postscript?.replace(/\s+/g, "-")}` : ``
-    }${unique ? createUniqueId() : ``}`;
+    const formatIdString = str =>
+      str && typeof str === "string" ? str.trim().replace(/\s+/g, "-") : "";
+
+    const textId = formatIdString(text?.toString());
+    const postscriptId = formatIdString(postscript?.toString());
+    return `${textId}${postscriptId ? `-${postscriptId}` : ``}${
+      unique ? createUniqueId() : ``
+    }`;
   }
 };