@descope-ui/descope-address-field 0.0.13 → 0.0.15

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.15](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-address-field-0.0.14...@descope-ui/descope-address-field-0.0.15) (2025-06-26)
+
+### Dependency Updates
+
+* `@descope-ui/common` updated to version `0.0.14`
+* `@descope-ui/theme-input-wrapper` updated to version `0.1.3`
+* `@descope-ui/descope-autocomplete-field` updated to version `0.0.16`
+## [0.0.14](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-address-field-0.0.13...@descope-ui/descope-address-field-0.0.14) (2025-06-09)
+
+### Dependency Updates
+
+* `@descope-ui/common` updated to version `0.0.13`
+* `@descope-ui/theme-input-wrapper` updated to version `0.1.2`
+* `@descope-ui/descope-autocomplete-field` updated to version `0.0.15`
 ## [0.0.13](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-address-field-0.0.12...@descope-ui/descope-address-field-0.0.13) (2025-05-28)
 
 ### Dependency Updates

package/e2e/descope-address-field.spec.ts

@@ -462,3 +462,19 @@ test.describe('logic', () => {
     await expect(item).toHaveAttribute('disabled', 'true');
   });
 });
+
+test.describe('custom error message', () => {
+  loopPresets({
+  'value missing: default': { required: 'true', defaultErrorMessageValueMissing: 'true' },
+  'value missing: custom': { required: 'true', 'data-errormessage-value-missing': 'custom message' },
+  'value missing: empty': { required: 'true', 'data-errormessage-value-missing': '' },
+}, (preset, name) => {
+    test(name, async({ page, browserName }) => {
+      test.skip(browserName === 'webkit');
+      await page.goto(getStoryUrl(storyName, preset));
+      const component = createAddressFieldTestDriver(page.locator(componentName));
+      await page.getByRole('button').getByText('Submit').click();
+      expect(await component.screenshot({ animations: 'disabled', delay: 6000 })).toMatchSnapshot();
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope-ui/descope-address-field",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@vaadin/custom-field": "24.3.4",
-    "@descope-ui/common": "0.0.12",
-    "@descope-ui/theme-input-wrapper": "0.1.1",
-    "@descope-ui/descope-autocomplete-field": "0.0.14"
+    "@descope-ui/common": "0.0.14",
+    "@descope-ui/theme-input-wrapper": "0.1.3",
+    "@descope-ui/descope-autocomplete-field": "0.0.16"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/stories/descope-address-field.stories.js

@@ -1,5 +1,8 @@
 import { componentName } from '../src/component';
-import { withForm } from '@descope-ui/common/sb-helpers';
+import {
+  toggleDefaultErrorMessageValueMissingDecorator,
+  withForm,
+} from '@descope-ui/common/sb-helpers';
 import {
   labelControl,
   placeholderControl,
@@ -14,6 +17,7 @@ import {
   inputLabelTypeControl,
   errorMessageIconControl,
   errorMessageIconAttrs,
+  defaultValueMissingControl,
 } from '@descope-ui/common/sb-controls';
 import { MockConnector, MOCK_CONNECTOR_TEMPLATE } from './mockConnector';
 
@@ -40,7 +44,6 @@ const Template = ({
   'address-limit': addressLimit,
   errorMsgIcon,
 }) => {
-
   return `
       <descope-address-field
         size="${size}"
@@ -57,8 +60,9 @@ const Template = ({
         data-errormessage-value-missing="${customErrorMessage || ''}"
         allow-custom-value="${allowCustomValue || false}"
         min-search-length="${minSearchLength || ''}"
-        connector-template="${connectorTemplate !== MOCK_CONNECTOR_TEMPLATE ? connectorTemplate : ''
-    }"
+        connector-template="${
+          connectorTemplate !== MOCK_CONNECTOR_TEMPLATE ? connectorTemplate : ''
+        }"
         public-api-key="${apiKey || ''}"
         address-types="${addressTypes || ''}"
         address-language="${addressLanguage || ''}"
@@ -72,24 +76,29 @@ const Template = ({
 export default {
   component: componentName,
   title: 'descope-address-field',
-  decorators: [(story, { args }) => {
-    if (args['connector-template'] === MOCK_CONNECTOR_TEMPLATE) {
-      setTimeout(() => {
-          const addressField = document.querySelector("descope-address-field");
+  decorators: [
+    (story, { args }) => {
+      if (args['connector-template'] === MOCK_CONNECTOR_TEMPLATE) {
+        setTimeout(() => {
+          const addressField = document.querySelector('descope-address-field');
           if (addressField) {
             addressField.connectorClasses = {
               ...addressField.connectorClasses,
-              [MOCK_CONNECTOR_TEMPLATE]: MockConnector
+              [MOCK_CONNECTOR_TEMPLATE]: MockConnector,
             };
-            addressField.setAttribute("connector-template", MOCK_CONNECTOR_TEMPLATE);
+            addressField.setAttribute(
+              'connector-template',
+              MOCK_CONNECTOR_TEMPLATE,
+            );
           }
-      });
-    }
+        });
+      }
 
-    return story();
-  },
-  withForm
-],
+      return story();
+    },
+    toggleDefaultErrorMessageValueMissingDecorator,
+    withForm,
+  ],
   argTypes: {
     ...labelControl,
     ...placeholderControl,
@@ -102,6 +111,7 @@ export default {
     ...borderedControl,
     ...errorMissingValueControl,
     ...directionControl,
+    ...defaultValueMissingControl,
     'min-search-length': {
       name: 'Min Search Length',
       control: { type: 'number' },
@@ -148,6 +158,7 @@ Default.args = {
   bordered: true,
   size: 'md',
   'connector-template': MOCK_CONNECTOR_TEMPLATE,
+  'data-errormessage-value-missing': 'Please fill out this field.',
 };
 
 export const GoogleMapsPlaces = Template.bind({});