@digital-realty/ix-grid 1.0.37 → 2.0.0-alpha.0

package/dist/test/ix-grid-row-filter.test.js

@@ -1,37 +1,37 @@
-import { html } from 'lit';
-import { fixture, expect, elementUpdated } from '@open-wc/testing';
-import '../components/IxGridRowFilter.js';
-const columns = [
-    {
-        name: 'firstName',
-        header: 'First name',
-        filterable: true,
-    },
-    {
-        name: 'lastName',
-        header: 'Last name',
-        filterable: true,
-    },
-    {
-        name: 'middleName',
-        header: 'Middle name',
-        filterable: false,
-    },
-    {
-        name: 'email',
-        header: 'Email',
-        filterable: true,
-    },
-];
-describe('IxGridRowFilter', () => {
-    it('renders and popluates the grid row filter', async () => {
-        var _a, _b;
-        const el = await fixture(html `<ix-grid-row-filter .columns=${columns}></ix-grid-row-filter>`);
-        const openMenu = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.filter-button');
-        openMenu.click();
-        await elementUpdated(el);
-        const options = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('select[data-v="firstName"] option');
-        expect(options === null || options === void 0 ? void 0 : options.length).to.equal(3);
-    });
-});
+import { html } from 'lit';
+import { fixture, expect, elementUpdated } from '@open-wc/testing';
+import '../components/IxGridRowFilter.js';
+const columns = [
+    {
+        name: 'firstName',
+        header: 'First name',
+        filterable: true,
+    },
+    {
+        name: 'lastName',
+        header: 'Last name',
+        filterable: true,
+    },
+    {
+        name: 'middleName',
+        header: 'Middle name',
+        filterable: false,
+    },
+    {
+        name: 'email',
+        header: 'Email',
+        filterable: true,
+    },
+];
+describe('IxGridRowFilter', () => {
+    it('renders and popluates the grid row filter', async () => {
+        var _a, _b;
+        const el = await fixture(html `<ix-grid-row-filter .columns=${columns}></ix-grid-row-filter>`);
+        const openMenu = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.filter-button');
+        openMenu.click();
+        await elementUpdated(el);
+        const options = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('select[data-v="firstName"] option');
+        expect(options === null || options === void 0 ? void 0 : options.length).to.equal(3);
+    });
+});
 //# sourceMappingURL=ix-grid-row-filter.test.js.map

package/dist/test/ix-grid.test.d.ts

@@ -1 +1 @@
-import '../ix-grid.js';
+import '../ix-grid.js';

package/dist/test/ix-grid.test.js

@@ -1,46 +1,46 @@
-import { html } from 'lit';
-import { fixture, expect } from '@open-wc/testing';
-import '../ix-grid.js';
-const rows = [
-    {
-        name: 'one',
-    },
-    {
-        name: 'two',
-    },
-    {
-        name: 'three',
-    },
-];
-const columns = [
-    {
-        name: 'one',
-        header: 'one',
-        bodyRenderer: row => html ` <span>${row.name}</span>`,
-    },
-    {
-        name: 'two',
-        header: 'one',
-        bodyRenderer: row => html ` <span>${row.name}</span>`,
-    },
-    {
-        name: 'three',
-        header: 'one',
-        bodyRenderer: row => html ` <span>${row.name}</span>`,
-    },
-];
-describe('IxGrid', () => {
-    it('renders a grid', async () => {
-        const el = await fixture(html `<ix-grid></ix-grid>`);
-        expect(el).to.not.be.null;
-    });
-    it('renders the correct number of rows', async () => {
+import { html } from 'lit';
+import { fixture, expect } from '@open-wc/testing';
+import '../ix-grid.js';
+const rows = [
+    {
+        name: 'one',
+    },
+    {
+        name: 'two',
+    },
+    {
+        name: 'three',
+    },
+];
+const columns = [
+    {
+        name: 'one',
+        header: 'one',
+        bodyRenderer: row => html ` <span>${row.name}</span>`,
+    },
+    {
+        name: 'two',
+        header: 'one',
+        bodyRenderer: row => html ` <span>${row.name}</span>`,
+    },
+    {
+        name: 'three',
+        header: 'one',
+        bodyRenderer: row => html ` <span>${row.name}</span>`,
+    },
+];
+describe('IxGrid', () => {
+    it('renders a grid', async () => {
+        const el = await fixture(html `<ix-grid></ix-grid>`);
+        expect(el).to.not.be.null;
+    });
+    it('renders the correct number of rows', async () => {
         const el = await fixture(html `<ix-grid
       .columns=${columns}
       .rows=${rows}
-    ></ix-grid>`);
-        expect(rows.length).to.equal(3);
-        expect(el).to.not.be.null;
-    });
-});
+    ></ix-grid>`);
+        expect(rows.length).to.equal(3);
+        expect(el).to.not.be.null;
+    });
+});
 //# sourceMappingURL=ix-grid.test.js.map

package/dist/test/ix-pagination.test.d.ts

@@ -1 +1 @@
-import '../components/IxPagination.js';
+import '../components/IxPagination.js';

package/dist/test/ix-pagination.test.js

@@ -1,28 +1,28 @@
-import { html } from 'lit';
-import { fixture, expect } from '@open-wc/testing';
-import '../components/IxPagination.js';
-describe('IxPagination', () => {
-    it('renders pagination', async () => {
-        const el = await fixture(html `<ix-pagination></ix-pagination>`);
-        expect(el).to.not.be.null;
-    });
-    it('renders pagination page size select', async () => {
-        var _a;
+import { html } from 'lit';
+import { fixture, expect } from '@open-wc/testing';
+import '../components/IxPagination.js';
+describe('IxPagination', () => {
+    it('renders pagination', async () => {
+        const el = await fixture(html `<ix-pagination></ix-pagination>`);
+        expect(el).to.not.be.null;
+    });
+    it('renders pagination page size select', async () => {
+        var _a;
         const el = await fixture(html `<ix-pagination
       .pageSizes=${[1, 2, 3]}
-    ></ix-pagination>`);
-        const pageSizeSelect = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ix-select-option');
-        expect(pageSizeSelect === null || pageSizeSelect === void 0 ? void 0 : pageSizeSelect.length).to.equal(3);
-    });
-    it('renders pagination range info', async () => {
-        var _a;
+    ></ix-pagination>`);
+        const pageSizeSelect = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ix-select-option');
+        expect(pageSizeSelect === null || pageSizeSelect === void 0 ? void 0 : pageSizeSelect.length).to.equal(3);
+    });
+    it('renders pagination range info', async () => {
+        var _a;
         const el = await fixture(html `<ix-pagination
       pageSize="10"
       page="2"
       recordCount="99"
-    ></ix-pagination>`);
-        const pageRangeInfo = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('p')[1];
-        expect(pageRangeInfo === null || pageRangeInfo === void 0 ? void 0 : pageRangeInfo.innerText).to.equal('11 - 20 of 99');
-    });
-});
+    ></ix-pagination>`);
+        const pageRangeInfo = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('p')[1];
+        expect(pageRangeInfo === null || pageRangeInfo === void 0 ? void 0 : pageRangeInfo.innerText).to.equal('11 - 20 of 99');
+    });
+});
 //# sourceMappingURL=ix-pagination.test.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-grid following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.0.37",
+  "version": "2.0.0-alpha.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -101,6 +101,5 @@
       "eslint --fix",
       "prettier --write"
     ]
-  },
-  "gitHead": "9cbbfd41048ed165f02ca68bbfec1cab80a4a998"
+  }
 }

package/src/components/grid-row-filter-styles.ts

@@ -257,7 +257,7 @@ export const IxGridRowFilterStyles = css`
     position: absolute;
     top: 6px;
     left: 14px;
-    z-index: 99;
+    z-index: 98;
     display: flex;
     align-items: center;
     justify-content: center;