chore: release 1.25.0

.vscode/settings.json

@@ -40,6 +40,10 @@
       "fileMatch": ["/src/static/translations/attribute-form/*.json"],
       "url": "./src/static/schemas/attribute-form.json"
     },
+    {
+      "fileMatch": ["/src/static/translations/billing-address-card/*.json"],
+      "url": "./src/static/schemas/billing-address-card.json"
+    },
     {
       "fileMatch": ["/src/static/translations/cancellation-form/*.json"],
       "url": "./src/static/schemas/cancellation-form.json"
@@ -220,6 +224,14 @@
       "fileMatch": ["/src/static/translations/items-form/*.json"],
       "url": "./src/static/schemas/items-form.json"
     },
+    {
+      "fileMatch": ["/src/static/translations/native-integration-card/*.json"],
+      "url": "./src/static/schemas/native-integration-card.json"
+    },
+    {
+      "fileMatch": ["/src/static/translations/native-integration-form/*.json"],
+      "url": "./src/static/schemas/native-integration-form.json"
+    },
     {
       "fileMatch": ["/src/static/translations/pagination/*.json"],
       "url": "./src/static/schemas/pagination.json"

package.json

@@ -28,7 +28,7 @@
     "prepack": "npm run lint && rimraf dist && node ./.build/compile-for-npm.js && rollup -c"
   },
   "dependencies": {
-    "@foxy.io/sdk": "^1.11.0",
+    "@foxy.io/sdk": "^1.11.2",
     "@open-wc/lit-helpers": "^0.3.12",
     "@open-wc/scoped-elements": "^1.2.1",
     "@polymer/iron-icons": "^3.0.1",

src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.test.ts

@@ -103,7 +103,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.empty.property('itemValuePath');
 
     control.itemValuePath = 'test';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('itemValuePath', 'test');
   });
@@ -116,7 +116,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.empty.property('itemLabelPath');
 
     control.itemLabelPath = 'test';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('itemLabelPath', 'test');
   });
@@ -137,7 +137,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.property('errorMessage', '');
 
     control.testErrorMessage = 'test error message';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('errorMessage', 'test error message');
   });
@@ -150,7 +150,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.property('helperText', 'helper_text');
 
     control.helperText = 'test helper text';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('helperText', 'test helper text');
   });
@@ -163,7 +163,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.property('placeholder', 'placeholder');
 
     control.placeholder = 'test placeholder';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('placeholder', 'test placeholder');
   });
@@ -176,7 +176,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.property('label', 'label');
 
     control.label = 'test label';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('label', 'test label');
   });
@@ -187,11 +187,11 @@ describe('InternalAsyncComboBoxControl', () => {
     const comboBox = control.renderRoot.querySelector('vaadin-combo-box')!;
 
     control.disabled = true;
-    await control.updateComplete;
+    await control.requestUpdate();
     expect(comboBox).to.have.property('disabled', true);
 
     control.disabled = false;
-    await control.updateComplete;
+    await control.requestUpdate();
     expect(comboBox).to.have.property('disabled', false);
   });
 
@@ -201,11 +201,11 @@ describe('InternalAsyncComboBoxControl', () => {
     const comboBox = control.renderRoot.querySelector('vaadin-combo-box')!;
 
     control.readonly = true;
-    await control.updateComplete;
+    await control.requestUpdate();
     expect(comboBox).to.have.property('readonly', true);
 
     control.readonly = false;
-    await control.updateComplete;
+    await control.requestUpdate();
     expect(comboBox).to.have.property('readonly', false);
   });
 
@@ -225,7 +225,7 @@ describe('InternalAsyncComboBoxControl', () => {
 
     control.itemLabelPath = 'foo';
     control.first = 'https://demo.api/test/';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     const testItems = [{ foo: 'bar1' }, { foo: 'bar2' }];
     const testSize = 10;
@@ -267,7 +267,7 @@ describe('InternalAsyncComboBoxControl', () => {
     expect(comboBox).to.have.property('value', '');
 
     control.testValue = 'test_value';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(comboBox).to.have.property('value', 'test_value');
   });

src/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.test.ts

@@ -87,12 +87,12 @@ describe('InternalAsyncDetailsControl', () => {
     expect(details).to.have.property('summary', 'title');
 
     control.open = true;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(details).to.have.property('open', true);
 
     control.open = false;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(details).to.have.property('open', false);
 
@@ -219,7 +219,7 @@ describe('InternalAsyncDetailsControl', () => {
 
     control.first = 'https://demo.api/hapi/customers';
     control.limit = 10;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(pagination).to.have.property('first', 'https://demo.api/hapi/customers?limit=10');
   });
@@ -248,7 +248,7 @@ describe('InternalAsyncDetailsControl', () => {
     expect(page).to.have.deep.property('related', []);
 
     control.related = ['https://demo.api/hapi/customers/0'];
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(page).to.have.deep.property('related', ['https://demo.api/hapi/customers/0']);
   });

src/elements/internal/InternalAsyncListControl/InternalAsyncListControl.test.ts

@@ -142,6 +142,14 @@ describe('InternalAsyncListControl', () => {
     expect(Control).to.have.deep.nested.property('properties.item', {});
   });
 
+  it('has a reactive property "itemProps"', () => {
+    expect(new Control()).to.have.deep.property('itemProps', {});
+    expect(Control).to.have.deep.nested.property('properties.itemProps', {
+      type: Object,
+      attribute: 'item-props',
+    });
+  });
+
   it('has a reactive property "wide"', () => {
     expect(new Control()).to.have.property('wide', false);
     expect(Control).to.have.deep.nested.property('properties.wide', { type: Boolean });
@@ -179,7 +187,7 @@ describe('InternalAsyncListControl', () => {
     control.alert = true;
     control.wide = true;
 
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(form).to.have.deep.property('related', ['https://demo.api/virtual/error']);
     expect(form).to.have.attribute('keep-open-on-delete');
@@ -195,9 +203,15 @@ describe('InternalAsyncListControl', () => {
     `);
 
     control.hideDeleteButton = true;
+    control.readonly = false;
+    expect(await getByTag(control, 'foxy-internal-confirm-dialog')).to.not.exist;
+
+    control.hideDeleteButton = false;
+    control.readonly = true;
     expect(await getByTag(control, 'foxy-internal-confirm-dialog')).to.not.exist;
 
     control.hideDeleteButton = false;
+    control.readonly = false;
     const dialog = await getByTag(control, 'foxy-internal-confirm-dialog');
 
     expect(dialog).to.exist;
@@ -216,7 +230,7 @@ describe('InternalAsyncListControl', () => {
     expect(control.renderRoot).to.not.include.text('label');
 
     control.label = 'Test label';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(control.renderRoot).to.include.text('Test label');
   });
@@ -234,7 +248,7 @@ describe('InternalAsyncListControl', () => {
 
     control.first = 'https://demo.api/virtual/stall';
     control.limit = 5;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     expect(pagination).to.have.attribute('first', 'https://demo.api/virtual/stall?limit=5');
   });
@@ -250,11 +264,15 @@ describe('InternalAsyncListControl', () => {
     expect(page).to.exist;
     expect(page).to.have.attribute('infer', 'card');
     expect(page).to.have.deep.property('related', []);
+    expect(page).to.have.deep.property('props', {});
 
     control.related = ['https://demo.api/virtual/stall'];
-    await control.updateComplete;
-
+    await control.requestUpdate();
     expect(page).to.have.deep.property('related', ['https://demo.api/virtual/stall']);
+
+    control.itemProps = { foo: 'bar' };
+    await control.requestUpdate();
+    expect(page).to.have.deep.property('props', { foo: 'bar' });
   });
 
   it('can render collection page items as simple list items using local name', async () => {
@@ -626,6 +644,46 @@ describe('InternalAsyncListControl', () => {
     expect(swipeActions.querySelector(selector)).to.not.exist;
   });
 
+  it('hides delete button for collection page items when readonly', async () => {
+    const control = await fixture<Control>(html`
+      <foxy-internal-async-list-control></foxy-internal-async-list-control>
+    `);
+
+    control.item = 'foxy-attribute-card';
+    control.form = 'foxy-attribute-form';
+    control.readonly = true;
+
+    const pagination = await getByTag(control, 'foxy-pagination');
+    const page = pagination!.querySelector('foxy-collection-page') as CollectionPage<any>;
+
+    const swipeActions = await fixture(
+      (page.item as ItemRenderer<any>)({
+        readonlyControls: BooleanSelector.False,
+        disabledControls: BooleanSelector.False,
+        hiddenControls: BooleanSelector.False,
+        templates: {},
+        readonly: false,
+        disabled: false,
+        previous: null,
+        related: ['https://demo.api/virtual/stall?related'],
+        hidden: false,
+        parent: 'https://demo.api/virtual/stall?parent',
+        spread: spread,
+        props: {},
+        group: '',
+        html: html,
+        lang: '',
+        href: 'https://demo.api/virtual/stall?href',
+        data: await getTestData('./hapi/customer_attributes/0'),
+        next: null,
+        ns: '',
+      })
+    );
+
+    const selector = 'vaadin-button foxy-i18n[key="delete_button_text"]';
+    expect(swipeActions.querySelector(selector)).to.not.exist;
+  });
+
   it('renders Create button when .form is defined', async () => {
     const control = await fixture<Control>(html`
       <foxy-internal-async-list-control></foxy-internal-async-list-control>
@@ -639,7 +697,7 @@ describe('InternalAsyncListControl', () => {
     const dialog = (await getByTag(control, 'foxy-form-dialog')) as FormDialog;
 
     expect(label).to.have.property('localName', 'foxy-i18n');
-    expect(label).to.have.attribute('infer', '');
+    expect(label).to.have.attribute('infer', 'pagination');
 
     const dialogShowMethod = stub(dialog, 'show');
     button.click();
@@ -671,7 +729,7 @@ describe('InternalAsyncListControl', () => {
     `);
 
     control.item = 'foxy-attribute-card';
-    await control.updateComplete;
+    await control.requestUpdate();
 
     const buttonSelector = 'vaadin-button foxy-i18n[key="create_button_text"]';
     const aSelector = 'a foxy-i18n[key="create_button_text"]';
@@ -688,7 +746,7 @@ describe('InternalAsyncListControl', () => {
     control.item = 'foxy-attribute-card';
     control.form = 'foxy-attribute-form';
     control.readonly = true;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     const buttonSelector = 'vaadin-button foxy-i18n[key="create_button_text"]';
     const aSelector = 'a foxy-i18n[key="create_button_text"]';
@@ -705,7 +763,7 @@ describe('InternalAsyncListControl', () => {
     control.item = 'foxy-attribute-card';
     control.form = 'foxy-attribute-form';
     control.hideCreateButton = true;
-    await control.updateComplete;
+    await control.requestUpdate();
 
     const buttonSelector = 'vaadin-button foxy-i18n[key="create_button_text"]';
     const aSelector = 'a foxy-i18n[key="create_button_text"]';