@neovici/cosmoz-omnitable 18.6.1 → 18.7.0-beta.2

package/dist/lib/settings/drivers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/settings/drivers/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/settings/drivers/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/lib/settings/index.d.ts

@@ -1,3 +1,2 @@
-import './cosmoz-omnitable-settings';
-export { default as useSettings } from './use-settings';
+export { default as useSettings } from "./use-settings";
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/settings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/index.js"],"names":[],"mappings":""}

package/dist/lib/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/settings/index.js"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/lib/settings/style.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/style.css.js"],"names":[],"mappings":";;AAoNA,8BAqDE"}
+{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/style.css.js"],"names":[],"mappings":";;AAiLA,8BAoDE"}

package/dist/lib/settings/style.css.js

@@ -8,28 +8,25 @@ export default css `
 		max-height: var(--ot-height, 60vh);
 		outline: none;
 		min-width: 270px;
-		background-color: var(--cosmoz-omnitable-settings-bg-color, #fff);
+		background-color: var(--cz-color-bg-tertiary);
+		box-shadow: var(--cz-shadow-2xl);
+		border-radius: 6px;
+		z-index: 1;
 	}
 
 	.headline {
-		font-weight: 500;
-		font-size: 13px;
-		color: var(
-			--cosmoz-omnitable-settings-color,
-			var(--cz-text-color, #101010)
-		);
-		text-transform: uppercase;
-		line-height: 0.95;
 		padding: 10px 14px;
 		display: flex;
 		align-items: center;
-	}
-	.close {
-		border: none;
-		background: none;
-		cursor: pointer;
-		padding: 2.5px 6px;
-		margin-left: auto;
+		justify-content: space-between;
+
+		& span {
+			font-weight: var(--cz-font-weight-medium);
+			font-size: var(--cz-text-xs);
+			line-height: var(--cz-text-xs-line-height);
+			color: var(--cz-color-text-primary);
+			text-transform: uppercase;
+		}
 	}
 
 	.contents {
@@ -37,17 +34,13 @@ export default css `
 		scrollbar-width: 2px;
 		scrollbar-gutter: stable;
 		text-transform: uppercase;
-		font-size: 12px;
-		color: var(
-			--cosmoz-omnitable-settings-color,
-			var(--cz-text-color, #101010)
-		);
+		color: var(--cz-color-text-primary);
 	}
 	.contents::-webkit-scrollbar {
-		width: 2px;
+		width: 3px;
 	}
 	.contents::-webkit-scrollbar-thumb {
-		background: rgba(0, 0, 0, 0.5);
+		background: var(--cz-color-bg-brand-solid);
 	}
 	.contents::-webkit-scrollbar-track-piece:start,
 	.contents::-webkit-scrollbar-track-piece:end {
@@ -55,14 +48,11 @@ export default css `
 	}
 
 	.heading {
-		box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.15);
-		font-weight: 400;
-		font-size: 13px;
-		color: var(
-			--cosmoz-omnitable-settings-color,
-			var(--cz-text-color, #101010)
-		);
-		line-height: 0.95;
+		box-shadow: inset 0px -1px 0px var(--cz-color-border-primary);
+		font-weight: var(--cz-font-weight-medium);
+		font-size: var(--cz-text-xs);
+		line-height: var(--cz-text-xs-line-height);
+		color: var(--cz-color-text-primary);
 		padding: 14px;
 		display: flex;
 		cursor: pointer;
@@ -77,8 +67,8 @@ export default css `
 	}
 	cosmoz-collapse[opened] + .heading {
 		box-shadow:
-			inset 0px -1px 0px rgba(0, 0, 0, 0.15),
-			inset 0px 1px 0px rgba(0, 0, 0, 0.15);
+			inset 0px -1px 0px var(--cz-color-border-primary),
+			inset 0px 1px 0px var(--cz-color-border-primary);
 	}
 
 	.list {
@@ -89,10 +79,6 @@ export default css `
 	.item {
 		display: flex;
 		align-items: center;
-		background: var(
-			--cosmoz-omnitable-settings-item-bg-color,
-			var(--cz-surface-light, #fff)
-		);
 	}
 	.item.drag {
 		opacity: 0.6;
@@ -110,19 +96,16 @@ export default css `
 		background: transparent;
 		cursor: move;
 		margin-right: 12px;
-		color: var(
-			--cosmoz-omnitable-settings-pull-color,
-			var(--cz-color-muted, #c4c4c4)
-		);
+		color: var(--cz-color-bg-brand-solid);
 	}
 	.title {
 		flex: auto;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		color: var(
-			--cosmoz-omnitable-settings-title-color,
-			var(--cz-text-color, inherit)
-		);
+		font-weight: var(--cz-font-weight-regular);
+		font-size: var(--cz-text-xs);
+		line-height: var(--cz-text-xs-line-height);
+		color: var(--cz-color-text-secondary);
 	}
 	.title[has-filter] {
 		font-weight: bold;
@@ -136,32 +119,13 @@ export default css `
 		display: flex;
 		gap: 8px;
 		padding: 12px 14px;
-		box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.15);
-	}
-	.button {
-		border: none;
-		cursor: pointer;
-		background: var(--cosmoz-button-bg-color, #101010);
-		color: var(--cosmoz-button-color, #fff);
-		font-family: inherit;
-		font-size: 13px;
-		font-weight: 600;
-		line-height: 26px;
-		border-radius: 4px;
-		padding: 8px;
-		flex: 1;
-	}
-	.button:not(.reset):hover {
-		background: var(--cz-action-button-hover-bg, #3a3f44);
-	}
-	.button[disabled] {
-		opacity: 0.2;
-		pointer-events: none;
-	}
-	.reset {
-		background: transparent;
-		color: inherit;
+		box-shadow: inset 0px 1px 0px var(--cz-color-border-primary);
+
+		& cosmoz-button {
+			flex: 1;
+		}
 	}
+
 	/* sortgroups */
 	.sgs {
 		display: grid;
@@ -173,37 +137,38 @@ export default css `
 	}
 	.sg {
 		color: inherit;
-		border: 1px solid rgba(0, 0, 0, 0.2);
-		border-radius: 6px;
-		font-size: 12px;
+		box-shadow: inset 0 0 0 2px var(--cz-color-border-primary);
+		border: none;
+		border-radius: var(--cz-radius-sm);
+		font-size: var(--cz-text-xs);
+		line-height: var(--cz-text-xs-line-height);
 		text-transform: uppercase;
-		line-height: 1;
 		text-align: left;
 		padding: 6px 12px;
 		background: transparent;
 		cursor: pointer;
 		display: flex;
-		align-items: left;
-		justify-content: auto;
+		align-items: center;
+		justify-content: space-between;
+		transition:
+			background 0.3s ease,
+			box-shadow 0.3s ease;
 	}
 	.sg span {
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
 	.sg[data-on] {
-		background: var(
-			--cosmoz-omnitable-checkbox-checked-color,
-			var(--primary-color)
-		);
+		background: var(--cz-color-bg-brand-secondary);
+		box-shadow: none;
 	}
 	.sg svg {
 		margin-left: 4px;
 		flex: none;
 		vertical-align: middle;
+		transition: transform 0.3s ease;
 	}
-	.sg:not([data-on]) svg {
-		display: none;
-	}
+
 	.sg:not([data-on='desc']) svg {
 		transform: scaleY(-1);
 	}
@@ -231,6 +196,10 @@ export const dropdown = css `
 		color: inherit;
 		width: 40px;
 		height: 40px;
+		transition: color 0.3s ease;
+	}
+	cosmoz-dropdown::part(button):hover {
+		color: var(--cz-color-text-primary);
 	}
 	cosmoz-dropdown::part(anchor) {
 		display: inline-block;
@@ -238,22 +207,17 @@ export const dropdown = css `
 	.badge {
 		position: absolute;
 		top: 1px;
-		right: -4px;
-		background-color: var(
-			--cosmoz-omnitable-checkbox-checked-color,
-			var(--primary-color)
-		);
+		right: 1px;
+		background-color: var(--cz-color-bg-brand-solid);
 		width: 8px;
 		height: 8px;
 		border-radius: 100%;
 	}
 	.headerDots {
 		align-items: center;
-		color: var(--cosmoz-input-color);
+		color: var(--cz-color-text-primary);
 		display: flex;
 		font-size: 20px;
-		height: 42px;
-		justify-content: center;
 		margin-left: 12px;
 		min-width: 30px;
 		transform: rotate(90deg);

package/dist/lib/settings/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../src/lib/settings/style.css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+Hf,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFV,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD1B,CAAC"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../src/lib/settings/style.css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8Gf,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DV,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD1B,CAAC"}

package/dist/lib/use-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-list.d.ts","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"AAkJO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHN"}
+{"version":3,"file":"use-list.d.ts","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"AAuIO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHN"}

package/dist/lib/use-list.js

@@ -1,19 +1,9 @@
+import { chevronDownIcon } from '@neovici/cosmoz-icons/untitled';
+import { isEmpty } from '@neovici/cosmoz-utils/template';
 import { html, useCallback, useEffect, useMemo, useRef } from '@pionjs/pion';
 import { when } from 'lit-html/directives/when.js';
-import { isEmpty } from '@neovici/cosmoz-utils/template';
 import { indexSymbol } from './utils';
 import { onItemChange as _onItemChange } from './utils-data';
-const arrow = html `
-	<svg
-		viewBox="0 0 24 24"
-		preserveAspectRatio="xMidYMid meet"
-		focusable="false"
-	>
-		<g>
-			<path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"></path>
-		</g>
-	</svg>
-`;
 const _getGroupRowClasses = (folded) => folded ? 'groupRow groupRow-folded' : 'groupRow';
 const renderMinis = ({ item, index }) => (columns) => when(columns?.length > 0, () => html `
 				<div class="itemRow-minis" part="item-minis">
@@ -70,7 +60,7 @@ const renderItem = ({ columns, collapsedColumns, miniColumns, onItemClick, onChe
 					?aria-expanded="${expanded}"
 					@click="${toggleCollapse}"
 				>
-					${arrow}
+					${chevronDownIcon({ width: '16', height: '16' })}
 				</button>
 			</div>
 			${renderMinis({ item, index })(miniColumns)}
@@ -110,7 +100,7 @@ const renderGroup = ({ onCheckboxChange, dataIsValid, groupOnColumn }) => (item,
 			</h3>
 			<div class="groupRow-badge">${item.items.length}</div>
 			<button class="expand" ?aria-expanded="${folded}" @click=${toggleFold}>
-				${arrow}
+				${chevronDownIcon({ width: '16', height: '16' })}
 			</button>
 		</div>`;
 export const useList = ({ host, error, dataIsValid, processedItems, columns, collapsedColumns, miniColumns, sortAndGroupOptions, rowPartFn, ...rest }) => {

package/dist/lib/use-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-list.js","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-list.js","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"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"}

package/dist/ui-helpers/cosmoz-clear-button.js

@@ -1,39 +1,25 @@
+import { xCircleIcon } from '@neovici/cosmoz-icons/untitled';
 import { tagged as css } from '@neovici/cosmoz-utils';
-import { html, component } from '@pionjs/pion';
+import { component, html } from '@pionjs/pion';
 const styles = css `
 	:host {
 		display: flex;
+		cursor: pointer;
 	}
 	:host(:not([light])) {
 		position: absolute;
-		right: 0;
-		z-index: +1;
+		right: calc(var(--cz-spacing) * -4);
+		z-index: 1;
 	}
 
 	:host(:not([visible])) {
 		display: none !important;
 	}
 
-	.icon {
-		fill: currentColor;
-	}
-
-	:host([light]) {
-		flex: 0 0 24px;
-	}
-
-	:host(:not([light])) .icon {
+	:host .icon {
 		top: 10px;
-		margin: 2px 7px;
-		color: #cdcdcd;
-		background-color: #a6a6a6;
-		border-radius: 500px;
-		cursor: pointer;
-		min-width: 16px;
-		width: 16px !important;
-		min-height: 16px;
-		height: 16px;
-		padding: 2px;
+		color: var(--cz-color-text-disabled);
+		border-radius: var(--cz-radius-full);
 		box-sizing: border-box;
 		transition:
 			background-color 0.25s,
@@ -41,27 +27,15 @@ const styles = css `
 		float: right;
 	}
 
-	:host(:not([light])) .icon:hover {
-		background-color: #b0b0b0;
-		color: #dfdfdf;
+	:host .icon:hover {
+		opacity: 0.6;
 	}
 `;
 const Clear = () => html `
 	<style>
 		${styles}
 	</style>
-	<svg
-		viewBox="0 0 24 24"
-		preserveAspectRatio="xMidYMid meet"
-		focusable="false"
-		class="icon"
-	>
-		<g>
-			<path
-				d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-			></path>
-		</g>
-	</svg>
+	${xCircleIcon({ className: 'icon', width: '18', height: '18' })}
 `;
 customElements.define('cosmoz-clear-button', component(Clear));
 //# sourceMappingURL=cosmoz-clear-button.js.map

package/dist/ui-helpers/cosmoz-clear-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-clear-button.js","sourceRoot":"","sources":["../../src/ui-helpers/cosmoz-clear-button.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CjB,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;IAEpB,MAAM;;;;;;;;;;;;;;CAcT,CAAC;AAEF,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC"}
+{"version":3,"file":"cosmoz-clear-button.js","sourceRoot":"","sources":["../../src/ui-helpers/cosmoz-clear-button.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BjB,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;IAEpB,MAAM;;GAEP,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;CAC/D,CAAC;AAEF,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-omnitable",
-  "version": "18.6.1",
+  "version": "18.7.0-beta.2",
   "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
   "keywords": [
     "web-components"
@@ -107,18 +107,20 @@
   },
   "dependencies": {
     "@lit-labs/virtualizer": "^2.1.0",
-    "@neovici/cosmoz-autocomplete": "^12.0.0 || ^13.0.0",
+    "@neovici/cosmoz-autocomplete": "^13.6.0-beta.1",
     "@neovici/cosmoz-bottom-bar": "^9.0.5 || ^10.0.0 || ^11.0.0",
+    "@neovici/cosmoz-button": "^1.0.2",
     "@neovici/cosmoz-collapse": "^1.1.0",
-    "@neovici/cosmoz-datetime-input": "^4.0.1",
-    "@neovici/cosmoz-dropdown": "^7.0.0",
+    "@neovici/cosmoz-datetime-input": "^5.0.0-beta.2",
+    "@neovici/cosmoz-dropdown": "^7.6.0",
     "@neovici/cosmoz-icons": "^1.1.0",
-    "@neovici/cosmoz-input": "^5.0.0",
+    "@neovici/cosmoz-input": "^6.0.0-beta.2",
     "@neovici/cosmoz-router": "^11.0.0",
     "@neovici/cosmoz-spinner": "^1.0.1",
+    "@neovici/cosmoz-tokens": "^3.4.0",
     "@neovici/cosmoz-utils": "^6.20.2",
     "@neovici/nullxlsx": "^3.0.0",
-    "@pionjs/pion": "^2.0.0",
+    "@pionjs/pion": "^2.13.0",
     "@polymer/polymer": "^3.3.0",
     "file-saver-es": "^2.0.0",
     "i18next": ">=23.0.0 <27.0.0",
@@ -138,15 +140,16 @@
     "@polymer/paper-toggle-button": "^3.0.0",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
+    "@storybook/addon-a11y": "^10.3.5",
     "@storybook/addon-docs": "^10.0.4",
     "@storybook/web-components-vite": "^10.0.4",
     "@types/file-saver": "^2.0.0",
     "@types/file-saver-es": "^2.0.3",
     "@web/dev-server-esbuild": "^1.0.4",
     "husky": "^9.0.0",
-    "lint-staged": "^17.0.5",
+    "lint-staged": "^16.2.7",
     "semantic-release": "^25.0.2",
-    "sinon": "^22.0.0",
+    "sinon": "^21.0.0",
     "storybook": "^10.0.4",
     "typescript": "^6.0.2"
   }