@omegagrid/grid 0.8.0 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/renderers/ActionRenderer.d.ts.map +1 -1
- package/dist/renderers/ActionRenderer.js +4 -2
- package/dist/renderers/ActionRenderer.js.map +1 -1
- package/dist/ui/table.styles.d.ts.map +1 -1
- package/dist/ui/table.styles.js +1 -0
- package/dist/ui/table.styles.js.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/ActionRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,sBAAsB,CAAC;AA0B7D,wBAAgB,cAAc,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,GAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"ActionRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/ActionRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,sBAAsB,CAAC;AA0B7D,wBAAgB,cAAc,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,GAAI,cAAc,CAsBpF"}
|
|
@@ -31,8 +31,10 @@ export function ActionRenderer(div, cell) {
|
|
|
31
31
|
@click="${(e) => _onButtonClick(e, grid, cell, action)}"
|
|
32
32
|
@mouseenter="${() => showTooltip(grid, action)}"
|
|
33
33
|
@mouseout="${() => hideTooltip(grid)}"
|
|
34
|
-
icon="${action.icon}"
|
|
35
|
-
|
|
34
|
+
.icon="${action.icon}"
|
|
35
|
+
.text="${action.text}"
|
|
36
|
+
.color="${action.color}"
|
|
37
|
+
style="${action.text == null ? '' : 'width: auto'}">
|
|
36
38
|
</og-button>
|
|
37
39
|
`)}
|
|
38
40
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionRenderer.js","sourceRoot":"","sources":["../../src/renderers/ActionRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAQ,SAAS,EAAS,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,cAAc,CAAC,CAAQ,EAAE,IAAU,EAAE,IAAe,EAAE,MAAkB;IAChF,CAAC,CAAC,eAAe,EAAE,CAAC;IACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACpF,CAAC;AAED,SAAS,WAAW,CAAC,IAAU,EAAE,MAAkB;IAClD,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO;IACR,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;IACpC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,WAAW,CAAC,IAAU;IAC9B,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAmB,EAAE,IAAe;IAClE,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAkB,CAAC;IAC5E,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC;IACnB,MAAM,IAAI,GAAI,IAAc,CAAC,IAAI,CAAC;IAClC,MAAM,CAAC,IAAI,CAAA;;KAEP,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;qBAEX,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;qBACxC,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;eAC9C,CAAC,CAAe,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;oBACrD,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;kBACjC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionRenderer.js","sourceRoot":"","sources":["../../src/renderers/ActionRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAQ,SAAS,EAAS,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,cAAc,CAAC,CAAQ,EAAE,IAAU,EAAE,IAAe,EAAE,MAAkB;IAChF,CAAC,CAAC,eAAe,EAAE,CAAC;IACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACpF,CAAC;AAED,SAAS,WAAW,CAAC,IAAU,EAAE,MAAkB;IAClD,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO;IACR,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;IACpC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,WAAW,CAAC,IAAU;IAC9B,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAmB,EAAE,IAAe;IAClE,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAkB,CAAC;IAC5E,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC;IACnB,MAAM,IAAI,GAAI,IAAc,CAAC,IAAI,CAAC;IAClC,MAAM,CAAC,IAAI,CAAA;;KAEP,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;qBAEX,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;qBACxC,CAAC,CAAe,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;eAC9C,CAAC,CAAe,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;oBACrD,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;kBACjC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;cAC3B,MAAM,CAAC,IAAI;cACX,MAAM,CAAC,IAAI;eACV,MAAM,CAAC,KAAK;cACb,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;;IAElD,CAAC;;EAEH,EAAE,GAAG,CAAC,CAAC;IACR,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC","sourcesContent":["import { CellAction, CellModel } from \"@omegagrid/grid-core\";\nimport { html, render } from \"lit\";\nimport { map } from \"lit/directives/map.js\";\nimport { Grid, GridEvent, Table } from \"../ui\";\nimport { BaseRenderer } from \"./BaseRenderer\";\n\nfunction _onButtonClick(e: Event, grid: Grid, cell: CellModel, action: CellAction) {\n\te.stopPropagation();\n\tgrid.selecting.select(cell.range);\n\tgrid.dispatchEvent(new GridEvent('action', { grid, cell, action: action.action }));\n}\n\nfunction showTooltip(grid: Grid, action: CellAction) {\n\tif (!action.title) {\n\t\thideTooltip(grid);\n\t\treturn;\n\t}\n\n\tgrid.tooltip.content = action.title;\n\tgrid.tooltip.attachToCursor();\n}\n\nfunction hideTooltip(grid: Grid) {\n\tgrid.tooltip?.hide();\n}\n\nexport function ActionRenderer(div: HTMLDivElement, cell: CellModel) : HTMLDivElement {\n\tconst actions = ((cell.editorContent ?? cell.value) || []) as CellAction[];\n\tdiv.innerHTML = '';\n\tconst grid = (this as Table).grid;\n\trender(html`\n\t\t<div class=\"actions\">\n\t\t\t${map(actions, action => html`\n\t\t\t\t<og-button\n\t\t\t\t\t@pointermove=\"${(e: PointerEvent) => e.stopPropagation()}\"\n\t\t\t\t\t@pointerdown=\"${(e: PointerEvent) => e.stopPropagation()}\"\n\t\t\t\t\t@click=\"${(e: PointerEvent) => _onButtonClick(e, grid, cell, action)}\"\n\t\t\t\t\t@mouseenter=\"${() => showTooltip(grid, action)}\"\n\t\t\t\t\t@mouseout=\"${() => hideTooltip(grid)}\"\n\t\t\t\t\t.icon=\"${action.icon}\"\n\t\t\t\t\t.text=\"${action.text}\"\n\t\t\t\t\t.color=\"${action.color}\"\n\t\t\t\t\tstyle=\"${action.text == null ? '' : 'width: auto'}\">\n\t\t\t\t</og-button>\n\t\t\t`)}\n\t\t</div>\n\t`, div);\n\treturn BaseRenderer.call(this, div, cell);\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAyOvB,CAAC"}
|
package/dist/ui/table.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../src/ui/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwHb,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHpC,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const tableStyles = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\ttable {\n\t\tfont-family: var(--og-font-family);\n\t\tborder-collapse: collapse;\n\t\tposition: relative;\n\t\ttransform-origin: 0% 0% 0px;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\ttable tr:first-child th {\n\t\tborder-top: var(--og-cell-border);\n\t}\n\n\ttable tr>td:first-child, table tr>th:first-child {\n\t\tborder-left: var(--og-cell-border);\n\t}\n\n\tthead {\n\t\toverflow: visible;\n\t}\n\t\n\ttr {\n\t\toverflow: visible;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\ttd {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-cell-background);\n\t\tborder: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tvertical-align: top;\n\t\toverflow: visible;\n\t\toutline-width: 0;\n\t\tcursor: cell;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t}\n\n\tth {\n\t\tcolor: var(--og-text-color);\n\t\tbackground: var(--og-hcell-background);\n\t\tborder-top-width: 0;\n\t\tborder-left-width: 0;\n\t\tborder-right: var(--og-cell-border);\n\t\tborder-bottom: var(--og-cell-border);\n\t\tempty-cells: show;\n\t\tpadding: 0 0px;\n\t\tvertical-align: middle;\n\t\toverflow: hidden;\n\t\toutline-width: 0;\n\t\tcursor: default;\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t\tposition: relative;\n\t}\n\n\tth.vlabel {\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\tth.hlabel {\n\t\toverflow: visible;\n\t}\n\n\tth.vlabel>div {\n\t\tjustify-content: center;\n\t}\n\n\ttable.nogrid td {\n\t\tborder-color: var(--og-cell-background);\n\t}\n\n\ttd>div, th>div {\n\t\tposition: absolute;\n\t\tinset: -1px;\n\t\tborder: 1.5px solid transparent;\n\t\tpadding: 0 4px;\n\t\tbackground-clip: padding-box;\n\t}\n\n\ttd>div, th>div {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t}\n\n\tdiv.actions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tgap: 4px;\n\t}\n\t\n\tdiv.actions>og-button {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\tth>div {\n\t\ttext-align: center;\n\t\tline-height: ${constants.ROW_HEIGHT}px;\n\t}\n\n\tth.sort {\n\t\tcursor: pointer;\n\t\tcolor: var(--og-accent-color);\n\t}\n\n\tth.sort .num {\n\t\tfont-size: 8px;\n\t}\n\n\tth.sort:hover {\n\t\tcolor: var(--og-accent-color-1);\n\t}\n\n\tth.filter {\n\t\toverflow: visible;\n\t}\n\n\tth.filter>div {\n\t\tpadding: 0;\n\t}\n\n\tth.filter og-filter-label {\n\t\twidth: 100%;\n\t}\n\n\tth.selected {\n\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t}\n\t\n\tth.filter>div:before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: auto;\n\t}\n\n\ttr.filtered>td>div {\n\t\topacity: 0.5;\n\t}\n\n\t.htree, .vtree {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t}\n\n\t.htree>div, .vtree>div {\n\t\toverflow: visible;\n\t\tpadding: 0;\n\t\tborder: none;\n\t}\n\n\t.vtree {\n\t\tborder-bottom-color: var(--og-hcell-background);\n\t}\n\n\t.htree {\n\t\tborder-right-color: var(--og-hcell-background);\n\t}\n\n\t.vtree-line {\n\t\tborder-left: 1px solid var(--og-expander-color);\n\t}\n\n\t.htree-line {\n\t\tborder-top: 1px solid var(--og-expander-color);\n\t}\n\n\ttr.row-frozen+tr td>div, tr.row-frozen+tr th>div {\n\t\tbox-shadow: inset 0px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\n\ttr.row-frozen+tr td.col-frozen+td>div {\n\t\tbox-shadow: inset 4px 4px 3px -2px var(--og-frozen-border-color);\n\t}\n\t\n\ttd.col-frozen+td>div, th.col-frozen+th>div {\n\t\tbox-shadow: inset 4px 0px 3px -2px var(--og-frozen-border-color);\t\n\t}\n\n\ttd.empty-placeholder {\n\t\ttext-align: center;\n\t}\n\n\t.triangle-down {\n\t\twidth: 0; \n\t\theight: 0; \n\t\tborder-left: 4px solid transparent;\n\t\tborder-right: 4px solid transparent;\n\t\tborder-top: 4px solid var(--og-accent-color);\n\t}\n\n\t.crn {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 5px solid transparent;\n\t}\n\n\t.clc .crn {\n\t\tborder-top: 5px solid #0066ff;\n\t}\n\n\t.cmt .crn, .tt .crn {\n\t\tborder-top: 5px solid #ffd800;\n\t}\n\n\t.clc {\n\t\tcursor: pointer;\n\t}\n`;"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/grid",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.2",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Universal datagrid component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
"_prepublish": "yarn test && yarn lint"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@omegagrid/commands": "^0.8.
|
|
39
|
-
"@omegagrid/core": "^0.8.
|
|
40
|
-
"@omegagrid/grid-core": "^0.8.
|
|
41
|
-
"@omegagrid/localize": "^0.8.
|
|
42
|
-
"@omegagrid/tabs": "^0.8.
|
|
43
|
-
"@omegagrid/tree": "^0.8.
|
|
38
|
+
"@omegagrid/commands": "^0.8.2",
|
|
39
|
+
"@omegagrid/core": "^0.8.2",
|
|
40
|
+
"@omegagrid/grid-core": "^0.8.2",
|
|
41
|
+
"@omegagrid/localize": "^0.8.2",
|
|
42
|
+
"@omegagrid/tabs": "^0.8.2",
|
|
43
|
+
"@omegagrid/tree": "^0.8.2",
|
|
44
44
|
"@stdlib/stats": "^0.0.13",
|
|
45
45
|
"date-fns": "^3.2.0",
|
|
46
46
|
"lit": "^3.1.1",
|