@descope/flow-components 2.0.436 → 2.0.438

package/dist/dts/AddressField/AddressField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DescopeInputProps } from '../types';
 type Props = {
-    connector?: string;
+    'data-connector-id'?: string;
     'connector-template'?: string;
     'min-search-length'?: number;
     'allow-custom-value'?: boolean;

package/dist/dts/Button/Button.d.ts

@@ -19,5 +19,6 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     startIcon?: string;
     startIconColorText?: boolean;
     'full-width'?: boolean;
+    'data-name'?: string;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/index.cjs.js

@@ -76773,6 +76773,15 @@ function requireIndex_cjs () {
 	`;
 	  }
 
+	  init() {
+	    super.init?.();
+	    this.toggleVisibility(this.src);
+	  }
+
+	  toggleVisibility(isVisible) {
+	    this.style.display = isVisible ? '' : 'none';
+	  }
+
 	  get src() {
 	    return this.getAttribute('src');
 	  }
@@ -76798,6 +76807,8 @@ function requireIndex_cjs () {
 	    if (oldValue === newValue) return;
 
 	    if (attrName === 'src') {
+	      this.toggleVisibility(newValue);
+
 	      createIcon(this.src).then((res) => {
 	        this.innerHTML = '';
 	        if (res) {
@@ -80258,14 +80269,6 @@ descope-boolean-field-internal {
 	      );
 
 	      if (missingOrInvalidParams.length) {
-	        // eslint-disable-next-line no-console
-	        console.error(
-	          `[${this.constructor.name}] Invalid configuration. Issues with parameters:`,
-	          missingOrInvalidParams.map((param) => ({
-	            param,
-	            value: this.getAttribute(param),
-	          })),
-	        );
 	        return false;
 	      }
 	      return true;
@@ -80728,8 +80731,6 @@ descope-boolean-field-internal {
 	        const template = this.connectorTemplate;
 
 	        if (!this.connectorClasses[template]) {
-	          // eslint-disable-next-line no-console
-	          console.error(`Unsupported connector template: ${template}`);
 	          return;
 	        }
 	        const ConnectorClass = this.connectorClasses[template];
@@ -80739,7 +80740,9 @@ descope-boolean-field-internal {
 	      async fetchConnectorResults(query) {
 	        if (!this.connector) {
 	          // eslint-disable-next-line no-console
-	          console.error('No connector initialized for the field');
+	          console.error(
+	            `No connector initialized for the field with template: ${this.connectorTemplate}`,
+	          );
 	          return { results: [] };
 	        }
 
@@ -89946,11 +89949,9 @@ descope-boolean-field-internal {
     <div>
       <nav class="nav top-nav">
         <div class="nav-prev">
-          <descope-icon></descope-icon>
         </div>
         <div class="selectors"></div>
         <div class="nav-next">
-          <descope-icon></descope-icon>
         </div>
       </nav>
       <div class="calendar"></div>
@@ -90078,8 +90079,8 @@ descope-boolean-field-internal {
 	      })
 	    );
 
-	    this.shadowRoot.querySelector('.nav-next descope-icon').innerHTML = arrowRightIcon;
-	    this.shadowRoot.querySelector('.nav-prev descope-icon').innerHTML = arrowLeftIcon;
+	    this.shadowRoot.querySelector('.nav-next').innerHTML = arrowRightIcon;
+	    this.shadowRoot.querySelector('.nav-prev').innerHTML = arrowLeftIcon;
 	  }
 
 	  onSubmit() {
@@ -90770,7 +90771,7 @@ descope-boolean-field-internal {
     <div>
       <descope-text-field>
         <span slot="suffix" class="toggle-calendar">
-          <descope-icon>${calendarIcon}</descope-icon>
+          ${calendarIcon}
         </span>
       </descope-text-field>
       <vaadin-popover></vaadin-popover>
@@ -94567,18 +94568,16 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 const Icon = ({ icon, noColor, ...props }) => {
-    if (!icon)
-        return undefined;
     if (icons[icon]) {
         return (React__default.default.createElement("descope-icon", { src: icons[icon], ...(noColor && { 'st-fill': 'currentColor' }), ...props }));
     }
     return React__default.default.createElement("descope-icon", { "fill-color": noColor, src: icon });
 };
 
-const Button = React__default.default.forwardRef(({ children, startIcon, startIconColorText, color = 'primary', size = 'md', variant = 'contained', ...props }, ref) => {
+const Button = React__default.default.forwardRef(({ children, startIcon, startIconColorText, color = 'primary', size = 'md', variant = 'contained', 'data-name': dataName, ...props }, ref) => {
     const isSquare = React.useMemo(() => !!(startIcon && !children), [startIcon, children]);
-    return (React__default.default.createElement("descope-button", { ...props, size: size, variant: variant, mode: color, ref: ref, square: isSquare },
-        startIcon && React__default.default.createElement(Icon, { icon: startIcon, noColor: startIconColorText }),
+    return (React__default.default.createElement("descope-button", { ...props, size: size, variant: variant, mode: color, ref: ref, square: isSquare, "data-name": dataName },
+        startIcon != null && (React__default.default.createElement(Icon, { "data-name": `${dataName}-icon`, icon: startIcon, noColor: startIconColorText })),
         children));
 });
 
@@ -94923,7 +94922,7 @@ const HybridField = React__default.default.forwardRef(({ size = 'md', ...props }
 
 const Alert = React__default.default.forwardRef(({ children, ...props }, ref) => (React__default.default.createElement("descope-alert", { ...props, ref: ref }, children)));
 
-const AddressField = React__default.default.forwardRef(({ size = 'md', connector, ...props }, ref) => (React__default.default.createElement("descope-address-field", { size: size, ...props, ref: ref })));
+const AddressField = React__default.default.forwardRef(({ size = 'md', ...props }, ref) => (React__default.default.createElement("descope-address-field", { size: size, ...props, ref: ref })));
 
 const globalsThemeToStyle = index_cjsExports.globalsThemeToStyle;
 const createComponentsTheme = index_cjsExports.createComponentsTheme;

package/dist/index.d.ts

@@ -74,6 +74,7 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     startIcon?: string;
     startIconColorText?: boolean;
     'full-width'?: boolean;
+    'data-name'?: string;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type Props$E = {
@@ -921,7 +922,7 @@ declare global {
 declare const Alert: React.ForwardRefExoticComponent<Props$1 & React.RefAttributes<HTMLElement>>;
 
 type Props = {
-    connector?: string;
+    'data-connector-id'?: string;
     'connector-template'?: string;
     'min-search-length'?: number;
     'allow-custom-value'?: boolean;

package/dist/index.esm.js

@@ -78,18 +78,16 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 const Icon = ({ icon, noColor, ...props }) => {
-    if (!icon)
-        return undefined;
     if (icons[icon]) {
         return (React.createElement("descope-icon", { src: icons[icon], ...(noColor && { 'st-fill': 'currentColor' }), ...props }));
     }
     return React.createElement("descope-icon", { "fill-color": noColor, src: icon });
 };
 
-const Button = React.forwardRef(({ children, startIcon, startIconColorText, color = 'primary', size = 'md', variant = 'contained', ...props }, ref) => {
+const Button = React.forwardRef(({ children, startIcon, startIconColorText, color = 'primary', size = 'md', variant = 'contained', 'data-name': dataName, ...props }, ref) => {
     const isSquare = useMemo(() => !!(startIcon && !children), [startIcon, children]);
-    return (React.createElement("descope-button", { ...props, size: size, variant: variant, mode: color, ref: ref, square: isSquare },
-        startIcon && React.createElement(Icon, { icon: startIcon, noColor: startIconColorText }),
+    return (React.createElement("descope-button", { ...props, size: size, variant: variant, mode: color, ref: ref, square: isSquare, "data-name": dataName },
+        startIcon != null && (React.createElement(Icon, { "data-name": `${dataName}-icon`, icon: startIcon, noColor: startIconColorText })),
         children));
 });
 
@@ -434,7 +432,7 @@ const HybridField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.
 
 const Alert = React.forwardRef(({ children, ...props }, ref) => (React.createElement("descope-alert", { ...props, ref: ref }, children)));
 
-const AddressField = React.forwardRef(({ size = 'md', connector, ...props }, ref) => (React.createElement("descope-address-field", { size: size, ...props, ref: ref })));
+const AddressField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-address-field", { size: size, ...props, ref: ref })));
 
 const globalsThemeToStyle = globalsThemeToStyle$1;
 const createComponentsTheme = createComponentsTheme$1;

package/dist/types/src/AddressField/AddressField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DescopeInputProps } from '../types';
 type Props = {
-    connector?: string;
+    'data-connector-id'?: string;
     'connector-template'?: string;
     'min-search-length'?: number;
     'allow-custom-value'?: boolean;

package/dist/types/src/Button/Button.d.ts

@@ -19,5 +19,6 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     startIcon?: string;
     startIconColorText?: boolean;
     'full-width'?: boolean;
+    'data-name'?: string;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.436",
+	"version": "2.0.438",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -104,7 +104,7 @@
 		"typescript": "^5.7.2"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.23.0"
+		"@descope/web-components-ui": "1.29.0"
 	},
 	"peerDependencies": {
 		"react": ">= 18"