@digital-realty/ix-grid 1.0.38 → 2.0.0-alpha.1

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.38",
+  "version": "2.0.0-alpha.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -101,6 +101,5 @@
       "eslint --fix",
       "prettier --write"
     ]
-  },
-  "gitHead": "107ce818545b9aa32d2138df7e0a0d6c8bd7603a"
+  }
 }

package/src/grid-view-styles.ts

@@ -1,18 +1,6 @@
 import { css } from 'lit';
 
 export const IxGridViewStyles = css`
-  @font-face {
-    font-family: 'Material Icons';
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf)
-      format('truetype');
-  }
-
-  * {
-    font-family: 'Red Hat Display', sans-serif;
-  }
-
   vaadin-grid::part(cell) {
     cursor: pointer;
   }
@@ -53,45 +41,6 @@ export const IxGridViewStyles = css`
     --md-sys-color-on-surface-variant: #b8bfc8;
   }
 
-  .material-icons {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-  }
-
-  .material-icons.delete {
-    color: #6d758c;
-  }
-
-  .material-icons.info {
-    color: orange;
-    font-size: 48px;
-  }
-
-  .material-icons.check_circle {
-    color: green;
-  }
-
-  .material-icons.mail {
-    color: #ff9800;
-  }
-
-  .material-icons.warning {
-    color: #db0028;
-  }
-
-  .material-icons.do_not_disturb_on {
-    color: #6d758c;
-  }
-
   .grid-container {
     background-color: #ffffff;
     border-radius: 12px;
@@ -116,19 +65,6 @@ export const IxGridViewStyles = css`
     gap: 18px;
   }
 
-  .grid-header h2 {
-    margin: 0px;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 20px;
-    line-height: 24px;
-    letter-spacing: 0.15px;
-    color: #092241;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
   .grid-menu {
     display: flex;
     align-items: center;
@@ -145,19 +81,6 @@ export const IxGridViewStyles = css`
     cursor: pointer;
   }
 
-  .grid-empty-content {
-    height: 73vh;
-    justify-content: center;
-    align-items: flex-start;
-    padding-top: 54px;
-  }
-
-  .grid-empty-content h2 {
-    font-weight: 900;
-    font-size: 22px;
-    color: black;
-  }
-
   .header {
     font-weight: bold;
     display: flex;