@omegagrid/tree 0.10.2 → 0.10.4

package/dist/ui/tree.renderer.js

@@ -0,0 +1,114 @@
+import { html, render } from "lit";
+import { styleMap } from "lit/directives/style-map.js";
+import { classMap } from "lit/directives/class-map.js";
+import { SelectMode } from "../types";
+import { dom, utils } from "@omegagrid/core";
+import { NodeSelectionStatus } from "../model/selectionModel";
+import { tree } from "@omegagrid/core";
+import { msg } from "@omegagrid/localize";
+const expanderStyle = styleMap({
+    display: 'block',
+    position: 'relative',
+    top: '5px',
+    left: '4px'
+});
+const checkboxPropertyMap = {
+    [NodeSelectionStatus.Checked]: {
+        value: 'checked',
+        color: null
+    },
+    [NodeSelectionStatus.CheckedByParent]: {
+        value: 'checked',
+        color: '#555555'
+    },
+    [NodeSelectionStatus.None]: {
+        value: 'none',
+        color: null
+    },
+    [NodeSelectionStatus.Unchecked]: {
+        value: 'unchecked',
+        color: '#ff0000'
+    }
+};
+export const createItemRenderer = (treeComponent) => (div, index, opts) => {
+    const item = treeComponent.model.visibleNodes[index];
+    if (item.placeholder)
+        return renderPlaceholder(div, item);
+    const node = item;
+    const selectionStatus = treeComponent.selection.getSelectionStatus(node);
+    const options = treeComponent.options;
+    const folderOptions = node.hasChildren ? (node.folder || options.folderOptions) : null;
+    const folderIcon = folderOptions ? html `
+		<og-icon .icon="${node.collapsed ? folderOptions.closedIcon : folderOptions.openIcon}"></og-icon>
+	` : null;
+    div.dataset.node = node.index.toString();
+    div.classList.toggle('filtered', node.filterState != tree.FilterState.Matched);
+    const txtDiv = dom.createElement('div', { className: 'txt' });
+    txtDiv.style.textOverflow = opts && opts.measure ? 'clip' : 'ellipsis';
+    if (node.icon)
+        txtDiv.appendChild(dom.createElement('og-icon', { icon: node.icon, fixedWidth: true }));
+    if (node.renderer) {
+        const result = node.renderer(txtDiv, node);
+        if (utils.isString(result)) {
+            txtDiv.insertAdjacentHTML('beforeend', result);
+        }
+        else if (result) {
+            render(result, txtDiv);
+        }
+    }
+    else if (node.htmlValue)
+        txtDiv.insertAdjacentHTML('beforeend', node.htmlValue);
+    else
+        txtDiv.appendChild(document.createTextNode(node.value));
+    if (options.afterRenderer)
+        options.afterRenderer(div, node);
+    return html `
+		<div class="ind" style="min-width: ${node.level * options.levelIndent}px"></div>
+		
+		${options.expanders && (treeComponent.model.maxLevel > 0 || node.hasChildren) ? html `
+			<div class="exp" style="line-height: ${treeComponent.itemHeight}px">
+				${node.hasChildren ? html `
+					<og-expander 
+						state="${node.collapsed ? 'closed' : (node.isLoaded || node.isPartialyLoaded ? 'open' : 'waiting')}" 
+						style="${expanderStyle}">
+					</og-expander>
+				` : ''}
+			</div>
+		` : ``}
+
+		${options.selectMode != SelectMode.None && options.checkboxes && (node.checkbox ?? true) ? html `
+			<div class="chck">
+				<og-checkbox
+					.value="${checkboxPropertyMap[selectionStatus].value}"
+					.color="${checkboxPropertyMap[selectionStatus].color}">
+				</og-checkbox>
+			</div>
+		` : ``}
+		
+		${folderIcon ? html `<div class="dir">${folderIcon}</div>` : ``}
+
+		${txtDiv}
+
+		${node.subLevels > 0 && (treeComponent.options.selectMode == SelectMode.Multiple || treeComponent.options.selectMode == SelectMode.MultipleLevels) ? html `
+			<div class="lvl ${classMap({ hideable: !treeComponent.options.levelsAlwaysVisible })}">
+				<og-tree-levels 
+					count="${node.subLevels}"
+					.selection="${treeComponent.selection.getLevelSelection(node)}">
+				</og-tree-levels>
+			</div>
+		` : ``}
+	`;
+};
+export const renderPlaceholder = (div, placeholder) => {
+    const node = placeholder.parent;
+    const options = node.model.options;
+    placeholder.element = div;
+    return html `
+		<div 
+			class="placeholder"
+			style="${styleMap({ paddingLeft: `${(node.level + 1) * options.levelIndent + 5}px` })}">
+			<og-icon icon="download"></og-icon>${msg('load more')}
+		</div>
+	`;
+};
+//# sourceMappingURL=tree.renderer.js.map

package/dist/ui/tree.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.renderer.js","sourceRoot":"","sources":["../../src/ui/tree.renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, render } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { NodePlaceholder, SelectMode } from \"../types\";\nimport { Tree } from \"./tree\";\nimport { CheckboxState, Icon, ListItemRendererOptions, dom, utils } from \"@omegagrid/core\";\nimport { NodeSelectionStatus } from \"../model/selectionModel\";\nimport { tree } from \"@omegagrid/core\";\nimport { NodeModel } from \"../model\";\nimport { msg } from \"@omegagrid/localize\";\n\nconst expanderStyle = styleMap({\n\tdisplay: 'block',\n\tposition: 'relative',\n\ttop: '5px',\n\tleft: '4px'\n});\n\nconst checkboxPropertyMap: Record<NodeSelectionStatus, {\n\tvalue: CheckboxState,\n\tcolor: string|null\n}> = {\n\t[NodeSelectionStatus.Checked]: {\n\t\tvalue: 'checked',\n\t\tcolor: null\n\t},\n\t[NodeSelectionStatus.CheckedByParent]: {\n\t\tvalue: 'checked',\n\t\tcolor: '#555555'\n\t},\n\t[NodeSelectionStatus.None]: {\n\t\tvalue: 'none',\n\t\tcolor: null\n\t},\n\t[NodeSelectionStatus.Unchecked]: {\n\t\tvalue: 'unchecked',\n\t\tcolor: '#ff0000'\n\t}\n};\n\nexport const createItemRenderer = (treeComponent: Tree) => (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => {\n\tconst item = treeComponent.model.visibleNodes[index];\n\tif ((item as NodePlaceholder).placeholder) return renderPlaceholder(div, item as NodePlaceholder);\n\n\tconst node = item as NodeModel;\n\tconst selectionStatus = treeComponent.selection.getSelectionStatus(node);\n\tconst options = treeComponent.options;\n\tconst folderOptions = node.hasChildren ? (node.folder || options.folderOptions) : null;\n\tconst folderIcon = folderOptions ? html`\n\t\t<og-icon .icon=\"${node.collapsed ? folderOptions.closedIcon : folderOptions.openIcon}\"></og-icon>\n\t` : null;\n\n\tdiv.dataset.node = node.index.toString();\n\tdiv.classList.toggle('filtered', node.filterState != tree.FilterState.Matched);\n\n\tconst txtDiv = dom.createElement<HTMLDivElement>('div', {className: 'txt'});\n\ttxtDiv.style.textOverflow = opts && opts.measure ? 'clip' : 'ellipsis';\n\tif (node.icon) txtDiv.appendChild(dom.createElement<Icon>('og-icon', {icon: node.icon, fixedWidth: true}));\n\tif (node.renderer) {\n\t\tconst result = node.renderer(txtDiv, node);\n\t\tif (utils.isString(result)) {\n\t\t\ttxtDiv.insertAdjacentHTML('beforeend', result as string);\n\t\t} else if (result) {\n\t\t\trender(result as TemplateResult<1>, txtDiv);\n\t\t}\n\t}\n\telse if (node.htmlValue) txtDiv.insertAdjacentHTML('beforeend', node.htmlValue);\n\telse txtDiv.appendChild(document.createTextNode(node.value));\n\t\n\tif (options.afterRenderer) options.afterRenderer(div, node);\n\treturn html`\n\t\t<div class=\"ind\" style=\"min-width: ${node.level * options.levelIndent}px\"></div>\n\t\t\n\t\t${options.expanders && (treeComponent.model.maxLevel > 0 || node.hasChildren) ? html`\n\t\t\t<div class=\"exp\" style=\"line-height: ${treeComponent.itemHeight}px\">\n\t\t\t\t${node.hasChildren ? html`\n\t\t\t\t\t<og-expander \n\t\t\t\t\t\tstate=\"${node.collapsed ? 'closed' : (node.isLoaded || node.isPartialyLoaded ? 'open' : 'waiting')}\" \n\t\t\t\t\t\tstyle=\"${expanderStyle}\">\n\t\t\t\t\t</og-expander>\n\t\t\t\t` : ''}\n\t\t\t</div>\n\t\t` : ``}\n\n\t\t${options.selectMode != SelectMode.None && options.checkboxes && (node.checkbox ?? true) ? html`\n\t\t\t<div class=\"chck\">\n\t\t\t\t<og-checkbox\n\t\t\t\t\t.value=\"${checkboxPropertyMap[selectionStatus].value}\"\n\t\t\t\t\t.color=\"${checkboxPropertyMap[selectionStatus].color}\">\n\t\t\t\t</og-checkbox>\n\t\t\t</div>\n\t\t` : ``}\n\t\t\n\t\t${folderIcon ? html`<div class=\"dir\">${folderIcon}</div>`: ``}\n\n\t\t${txtDiv}\n\n\t\t${node.subLevels > 0 && (treeComponent.options.selectMode == SelectMode.Multiple || treeComponent.options.selectMode == SelectMode.MultipleLevels) ? html`\n\t\t\t<div class=\"lvl ${classMap({hideable: !treeComponent.options.levelsAlwaysVisible})}\">\n\t\t\t\t<og-tree-levels \n\t\t\t\t\tcount=\"${node.subLevels}\"\n\t\t\t\t\t.selection=\"${treeComponent.selection.getLevelSelection(node)}\">\n\t\t\t\t</og-tree-levels>\n\t\t\t</div>\n\t\t` : ``}\n\t`;\n};\n\nexport const renderPlaceholder = (div: HTMLDivElement, placeholder: NodePlaceholder) => {\n\tconst node = placeholder.parent;\n\tconst options = node.model.options;\n\tplaceholder.element = div;\n\treturn html`\n\t\t<div \n\t\t\tclass=\"placeholder\"\n\t\t\tstyle=\"${styleMap({paddingLeft: `${(node.level + 1) * options.levelIndent + 5}px`})}\">\n\t\t\t<og-icon icon=\"download\"></og-icon>${msg('load more')}\n\t\t</div>\n\t`;\n};"]}

package/dist/ui/tree.style.d.ts

@@ -0,0 +1,3 @@
+export declare const style: import("lit").CSSResult;
+export declare const itemStyle: import("lit").CSSResult;
+//# sourceMappingURL=tree.style.d.ts.map

package/dist/ui/tree.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.style.d.ts","sourceRoot":"","sources":["../../src/ui/tree.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBAiDjB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA6FrB,CAAC"}

package/dist/ui/tree.style.js

@@ -0,0 +1,147 @@
+import { css } from 'lit';
+import constants from '../constants';
+export const style = css `
+	:host {
+		font-size: var(--og-font-size);
+		font-family: var(--og-font-family);
+		position: relative;
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		user-select: none;
+		outline: none;
+	}
+
+	og-alert {
+		border-radius: 0;
+		border-width: 0;
+	}
+
+	og-list {
+		width: 100%;
+		height: 100%;
+		flex: 1;
+	}
+
+	.toolbar {
+		flex: 0;
+	}
+
+	.toolbar-levels {
+		min-height: 18px;
+		margin: 2px 2px 0 2px;
+	}
+
+	.toolbar-levels > * {
+		height: 18px;
+		line-height: 18px;
+	}
+
+	.toolbar-search {
+		margin: 0;
+		border-bottom: 1px solid var(--og-border-color);
+	}
+
+	.toolbar-search og-tree-search {
+		min-height: 22px;
+	}
+
+	.main {
+		flex: 1;
+	}
+`;
+export const itemStyle = css `
+	.item {
+		display: flex;
+		position: relative;
+		white-space: nowrap;
+	}
+
+	.item.drag {
+		border-bottom: 2px solid var(--og-text-color);
+	}
+
+	.item > div {
+		flex: 0;
+		margin-left: 2px;
+	}
+
+	.item.filtered {
+		opacity: 0.5;
+	}
+
+	.item div.exp {
+		min-width: 20px;
+		position: relative;
+	}
+
+	.item div.chck {
+		min-width: 20px;
+		padding-left: 2px;
+ 	}
+
+	.item div.chck og-checkbox {
+		display: block;
+		margin-top: 3px;
+	}
+
+	.item div.dir {
+		text-align: left;
+		min-width: 20px;
+		padding-left: 2px;
+	}
+
+	.item div.dir og-icon {
+		height: 100%;
+	}
+
+	.item div.dir img {
+		height: 18px;
+		margin-top: 2px;
+	}
+
+	.item div.txt {
+		display: flex;
+		flex-direction: row;
+		flex: 1;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.item div.txt og-icon {
+		min-width: 20px;
+		margin-left: 2px;
+		display: flex;
+		height: 100%;
+	}
+
+	.item div.lvl {
+		vertical-align: middle;
+		line-height: 18px;
+		margin-right: ${constants.SLIDER_SIZE}px;
+	}
+
+	.item div.lvl {
+		display: flex;
+		vertical-align: middle;
+		line-height: 18px;
+		padding-top: 2px;
+	}
+
+	.item div.lvl og-tree-levels {
+		height: 18px;
+	}
+
+	.item div.lvl.hideable {
+		display: none;
+	}
+
+	.item:hover div.lvl.hideable {
+		display: flex;
+	}
+
+	.item:hover div.lvl {
+		display: flex;
+	}
+`;
+//# sourceMappingURL=tree.style.js.map

package/dist/ui/tree.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.style.js","sourceRoot":"","sources":["../../src/ui/tree.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAoEV,SAAS,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\tog-alert {\n\t\tborder-radius: 0;\n\t\tborder-width: 0;\n\t}\n\n\tog-list {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tflex: 1;\n\t}\n\n\t.toolbar {\n\t\tflex: 0;\n\t}\n\n\t.toolbar-levels {\n\t\tmin-height: 18px;\n\t\tmargin: 2px 2px 0 2px;\n\t}\n\n\t.toolbar-levels > * {\n\t\theight: 18px;\n\t\tline-height: 18px;\n\t}\n\n\t.toolbar-search {\n\t\tmargin: 0;\n\t\tborder-bottom: 1px solid var(--og-border-color);\n\t}\n\n\t.toolbar-search og-tree-search {\n\t\tmin-height: 22px;\n\t}\n\n\t.main {\n\t\tflex: 1;\n\t}\n`;\n\nexport const itemStyle = css`\n\t.item {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twhite-space: nowrap;\n\t}\n\n\t.item.drag {\n\t\tborder-bottom: 2px solid var(--og-text-color);\n\t}\n\n\t.item > div {\n\t\tflex: 0;\n\t\tmargin-left: 2px;\n\t}\n\n\t.item.filtered {\n\t\topacity: 0.5;\n\t}\n\n\t.item div.exp {\n\t\tmin-width: 20px;\n\t\tposition: relative;\n\t}\n\n\t.item div.chck {\n\t\tmin-width: 20px;\n\t\tpadding-left: 2px;\n \t}\n\n\t.item div.chck og-checkbox {\n\t\tdisplay: block;\n\t\tmargin-top: 3px;\n\t}\n\n\t.item div.dir {\n\t\ttext-align: left;\n\t\tmin-width: 20px;\n\t\tpadding-left: 2px;\n\t}\n\n\t.item div.dir og-icon {\n\t\theight: 100%;\n\t}\n\n\t.item div.dir img {\n\t\theight: 18px;\n\t\tmargin-top: 2px;\n\t}\n\n\t.item div.txt {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.item div.txt og-icon {\n\t\tmin-width: 20px;\n\t\tmargin-left: 2px;\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t}\n\n\t.item div.lvl {\n\t\tvertical-align: middle;\n\t\tline-height: 18px;\n\t\tmargin-right: ${constants.SLIDER_SIZE}px;\n\t}\n\n\t.item div.lvl {\n\t\tdisplay: flex;\n\t\tvertical-align: middle;\n\t\tline-height: 18px;\n\t\tpadding-top: 2px;\n\t}\n\n\t.item div.lvl og-tree-levels {\n\t\theight: 18px;\n\t}\n\n\t.item div.lvl.hideable {\n\t\tdisplay: none;\n\t}\n\n\t.item:hover div.lvl.hideable {\n\t\tdisplay: flex;\n\t}\n\n\t.item:hover div.lvl {\n\t\tdisplay: flex;\n\t}\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/tree",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "license": "UNLICENSED",
   "description": "Universal treeview component",
   "main": "./dist/index.js",
@@ -27,8 +27,8 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/core": "^0.10.2",
-    "@omegagrid/localize": "^0.10.2",
+    "@omegagrid/core": "^0.10.4",
+    "@omegagrid/localize": "^0.10.4",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",