@digital-realty/ix-grid 1.3.1 → 1.4.1-alpha.1

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-grid following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.3.1",
+  "version": "1.4.1-alpha.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@digital-realty/grid": "^1.1.1",
     "@digital-realty/ix-button": "^3.4.1",
-    "@digital-realty/ix-date": "^1.2.1",
+    "@digital-realty/ix-date": "^1.2.2-alpha.1",
     "@digital-realty/ix-icon": "^1.2.1",
     "@digital-realty/ix-icon-button": "^1.2.1",
     "@digital-realty/ix-menu": "^1.2.1",
@@ -46,6 +46,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@digital-realty/ix-app-logic": "^1.2.2-alpha.1",
     "@open-wc/eslint-config": "^9.2.1",
     "@open-wc/testing": "^3.1.6",
     "@rollup/plugin-alias": "^5.1.1",
@@ -111,6 +112,5 @@
       "eslint --fix",
       "prettier --write"
     ]
-  },
-  "gitHead": "0a87dc6e3da94a1375ec43a7ead2bfdec4913821"
+  }
 }

package/rollup.config.mjs

@@ -3,20 +3,28 @@ import pkgMinifyHTML from 'rollup-plugin-minify-html-literals';
 const minifyHTML = pkgMinifyHTML.default;
 import summary from 'rollup-plugin-summary';
 import { uglify } from "rollup-plugin-uglify";
+import nodeResolve from '@rollup/plugin-node-resolve';
+import { rollUpExternals } from "@digital-realty/ix-app-logic/build_scripts/shared-deps.generator.js";
+
 
 const target = './dist/ix-grid';
 
 export default {
   input: `${target}.js`,
+  external: id => rollUpExternals(id),
   plugins: [
+    nodeResolve({
+      exportConditions: ['browser', 'development'],
+      browser: true,
+    }),
     // Minify HTML template literals
     minifyHTML(),
     // Minify JS
     uglify(),
     // Print bundle summary
-    summary(),    
+    summary(),
   ],
   output: {
     file: `${target}.min.js`,
   },
-};
+};

package/src/IxGrid.ts

@@ -10,7 +10,7 @@ import { html, LitElement, nothing, render } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { formatDate } from 'date-fns/format.js';
+import { formatDate } from 'date-fns';
 import './components/IxGridColumnFilter.js';
 import './components/IxGridDownloadMenu.js';
 import './components/IxGridRowFilter.js';
@@ -173,7 +173,7 @@ export class IxGrid extends LitElement {
     if (this.hashedTableState === '') {
       const columnsWithoutFunctions = this.columns.map(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        ({ bodyRenderer, ...rest }) => rest
+        ({ bodyRenderer, hidden, ...rest }) => rest
       );
       const serializedColumns = JSON.stringify(columnsWithoutFunctions);
 

package/src/components/IxGridRowFilter.ts

@@ -3,7 +3,7 @@ import '@digital-realty/ix-date/ix-date.js';
 import '@digital-realty/ix-icon-button/ix-icon-button.js';
 import '@digital-realty/ix-icon/ix-icon.js';
 import '@digital-realty/ix-select/ix-select.js';
-import { formatDate } from 'date-fns/format.js';
+import { formatDate } from 'date-fns';
 import { LitElement, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

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

@@ -64,8 +64,8 @@ export const IxGridColumnFilterStyles = css`
 
   .active {
     position: absolute;
-    right: 0;
-    top: 0;
+    right: 8px;
+    top: 8px;
     height: 8px;
     width: 8px;
     background-color: var(--clr-critical, #db0028);