@glideappsfinal/glide-data-grid-cells 6.0.9

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.
Files changed (120) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +64 -0
  3. package/dist/cjs/cells/article-cell-editor.css +1 -0
  4. package/dist/cjs/cells/article-cell-editor.js +62 -0
  5. package/dist/cjs/cells/article-cell-editor.js.map +1 -0
  6. package/dist/cjs/cells/article-cell-types.js +2 -0
  7. package/dist/cjs/cells/article-cell-types.js.map +1 -0
  8. package/dist/cjs/cells/article-cell.js +46 -0
  9. package/dist/cjs/cells/article-cell.js.map +1 -0
  10. package/dist/cjs/cells/button-cell.js +92 -0
  11. package/dist/cjs/cells/button-cell.js.map +1 -0
  12. package/dist/cjs/cells/date-picker-cell.css +1 -0
  13. package/dist/cjs/cells/date-picker-cell.js +127 -0
  14. package/dist/cjs/cells/date-picker-cell.js.map +1 -0
  15. package/dist/cjs/cells/dropdown-cell.css +3 -0
  16. package/dist/cjs/cells/dropdown-cell.js +206 -0
  17. package/dist/cjs/cells/dropdown-cell.js.map +1 -0
  18. package/dist/cjs/cells/links-cell.css +1 -0
  19. package/dist/cjs/cells/links-cell.js +245 -0
  20. package/dist/cjs/cells/links-cell.js.map +1 -0
  21. package/dist/cjs/cells/multi-select-cell.css +2 -0
  22. package/dist/cjs/cells/multi-select-cell.js +456 -0
  23. package/dist/cjs/cells/multi-select-cell.js.map +1 -0
  24. package/dist/cjs/cells/range-cell.js +101 -0
  25. package/dist/cjs/cells/range-cell.js.map +1 -0
  26. package/dist/cjs/cells/sparkline-cell.js +114 -0
  27. package/dist/cjs/cells/sparkline-cell.js.map +1 -0
  28. package/dist/cjs/cells/spinner-cell.js +22 -0
  29. package/dist/cjs/cells/spinner-cell.js.map +1 -0
  30. package/dist/cjs/cells/star-cell.css +1 -0
  31. package/dist/cjs/cells/star-cell.js +88 -0
  32. package/dist/cjs/cells/star-cell.js.map +1 -0
  33. package/dist/cjs/cells/tags-cell.css +1 -0
  34. package/dist/cjs/cells/tags-cell.js +117 -0
  35. package/dist/cjs/cells/tags-cell.js.map +1 -0
  36. package/dist/cjs/cells/tree-view-cell.js +60 -0
  37. package/dist/cjs/cells/tree-view-cell.js.map +1 -0
  38. package/dist/cjs/cells/user-profile-cell.js +56 -0
  39. package/dist/cjs/cells/user-profile-cell.js.map +1 -0
  40. package/dist/cjs/draw-fns.js +28 -0
  41. package/dist/cjs/draw-fns.js.map +1 -0
  42. package/dist/cjs/index.js +30 -0
  43. package/dist/cjs/index.js.map +1 -0
  44. package/dist/dts/cells/article-cell-editor.d.ts +5 -0
  45. package/dist/dts/cells/article-cell-editor.d.ts.map +1 -0
  46. package/dist/dts/cells/article-cell-types.d.ts +8 -0
  47. package/dist/dts/cells/article-cell-types.d.ts.map +1 -0
  48. package/dist/dts/cells/article-cell.d.ts +5 -0
  49. package/dist/dts/cells/article-cell.d.ts.map +1 -0
  50. package/dist/dts/cells/button-cell.d.ts +17 -0
  51. package/dist/dts/cells/button-cell.d.ts.map +1 -0
  52. package/dist/dts/cells/date-picker-cell.d.ts +19 -0
  53. package/dist/dts/cells/date-picker-cell.d.ts.map +1 -0
  54. package/dist/dts/cells/dropdown-cell.d.ts +14 -0
  55. package/dist/dts/cells/dropdown-cell.d.ts.map +1 -0
  56. package/dist/dts/cells/links-cell.d.ts +20 -0
  57. package/dist/dts/cells/links-cell.d.ts.map +1 -0
  58. package/dist/dts/cells/multi-select-cell.d.ts +43 -0
  59. package/dist/dts/cells/multi-select-cell.d.ts.map +1 -0
  60. package/dist/dts/cells/range-cell.d.ts +15 -0
  61. package/dist/dts/cells/range-cell.d.ts.map +1 -0
  62. package/dist/dts/cells/sparkline-cell.d.ts +14 -0
  63. package/dist/dts/cells/sparkline-cell.d.ts.map +1 -0
  64. package/dist/dts/cells/spinner-cell.d.ts +8 -0
  65. package/dist/dts/cells/spinner-cell.d.ts.map +1 -0
  66. package/dist/dts/cells/star-cell.d.ts +9 -0
  67. package/dist/dts/cells/star-cell.d.ts.map +1 -0
  68. package/dist/dts/cells/tags-cell.d.ts +13 -0
  69. package/dist/dts/cells/tags-cell.d.ts.map +1 -0
  70. package/dist/dts/cells/tree-view-cell.d.ts +15 -0
  71. package/dist/dts/cells/tree-view-cell.d.ts.map +1 -0
  72. package/dist/dts/cells/user-profile-cell.d.ts +12 -0
  73. package/dist/dts/cells/user-profile-cell.d.ts.map +1 -0
  74. package/dist/dts/draw-fns.d.ts +9 -0
  75. package/dist/dts/draw-fns.d.ts.map +1 -0
  76. package/dist/dts/index.d.ts +18 -0
  77. package/dist/dts/index.d.ts.map +1 -0
  78. package/dist/esm/cells/article-cell-editor.css +1 -0
  79. package/dist/esm/cells/article-cell-editor.js +62 -0
  80. package/dist/esm/cells/article-cell-editor.js.map +1 -0
  81. package/dist/esm/cells/article-cell-types.js +2 -0
  82. package/dist/esm/cells/article-cell-types.js.map +1 -0
  83. package/dist/esm/cells/article-cell.js +46 -0
  84. package/dist/esm/cells/article-cell.js.map +1 -0
  85. package/dist/esm/cells/button-cell.js +92 -0
  86. package/dist/esm/cells/button-cell.js.map +1 -0
  87. package/dist/esm/cells/date-picker-cell.css +1 -0
  88. package/dist/esm/cells/date-picker-cell.js +127 -0
  89. package/dist/esm/cells/date-picker-cell.js.map +1 -0
  90. package/dist/esm/cells/dropdown-cell.css +3 -0
  91. package/dist/esm/cells/dropdown-cell.js +206 -0
  92. package/dist/esm/cells/dropdown-cell.js.map +1 -0
  93. package/dist/esm/cells/links-cell.css +1 -0
  94. package/dist/esm/cells/links-cell.js +245 -0
  95. package/dist/esm/cells/links-cell.js.map +1 -0
  96. package/dist/esm/cells/multi-select-cell.css +2 -0
  97. package/dist/esm/cells/multi-select-cell.js +456 -0
  98. package/dist/esm/cells/multi-select-cell.js.map +1 -0
  99. package/dist/esm/cells/range-cell.js +101 -0
  100. package/dist/esm/cells/range-cell.js.map +1 -0
  101. package/dist/esm/cells/sparkline-cell.js +114 -0
  102. package/dist/esm/cells/sparkline-cell.js.map +1 -0
  103. package/dist/esm/cells/spinner-cell.js +22 -0
  104. package/dist/esm/cells/spinner-cell.js.map +1 -0
  105. package/dist/esm/cells/star-cell.css +1 -0
  106. package/dist/esm/cells/star-cell.js +88 -0
  107. package/dist/esm/cells/star-cell.js.map +1 -0
  108. package/dist/esm/cells/tags-cell.css +1 -0
  109. package/dist/esm/cells/tags-cell.js +117 -0
  110. package/dist/esm/cells/tags-cell.js.map +1 -0
  111. package/dist/esm/cells/tree-view-cell.js +60 -0
  112. package/dist/esm/cells/tree-view-cell.js.map +1 -0
  113. package/dist/esm/cells/user-profile-cell.js +56 -0
  114. package/dist/esm/cells/user-profile-cell.js.map +1 -0
  115. package/dist/esm/draw-fns.js +28 -0
  116. package/dist/esm/draw-fns.js.map +1 -0
  117. package/dist/esm/index.js +30 -0
  118. package/dist/esm/index.js.map +1 -0
  119. package/dist/index.css +8 -0
  120. package/package.json +74 -0
@@ -0,0 +1,114 @@
1
+ import { parseToRgba, GridCellKind } from "@glideapps/glide-data-grid";
2
+ const renderer = {
3
+ kind: GridCellKind.Custom,
4
+ isMatch: (cell) => cell.data.kind === "sparkline-cell",
5
+ needsHover: true,
6
+ needsHoverPosition: true,
7
+ draw: (args, cell) => {
8
+ const { ctx, theme, rect, hoverAmount, hoverX } = args;
9
+ // eslint-disable-next-line prefer-const
10
+ let { values, yAxis, color, graphKind = "area", displayValues, hideAxis } = cell.data;
11
+ const [minY, maxY] = yAxis;
12
+ if (values.length === 0)
13
+ return true;
14
+ values = values.map(x => Math.min(1, Math.max(0, (x - minY) / (maxY - minY))));
15
+ const padX = theme.cellHorizontalPadding;
16
+ const drawX = padX + rect.x;
17
+ const y = rect.y + 3;
18
+ const height = rect.height - 6;
19
+ const width = rect.width - padX * 2;
20
+ const delta = maxY - minY;
21
+ const zeroY = maxY <= 0 ? y : minY >= 0 ? y + height : y + height * (maxY / delta);
22
+ // draw zero
23
+ if (!hideAxis && minY <= 0 && maxY >= 0) {
24
+ ctx.beginPath();
25
+ ctx.moveTo(drawX, zeroY);
26
+ ctx.lineTo(drawX + width, zeroY);
27
+ ctx.globalAlpha = 0.4;
28
+ ctx.lineWidth = 1;
29
+ ctx.strokeStyle = theme.textLight;
30
+ ctx.stroke();
31
+ ctx.globalAlpha = 1;
32
+ }
33
+ if (graphKind === "bar") {
34
+ ctx.beginPath();
35
+ const margin = 2;
36
+ const spacing = (values.length - 1) * margin;
37
+ const barWidth = (width - spacing) / values.length;
38
+ let x = drawX;
39
+ for (const val of values) {
40
+ const barY = y + height - val * height;
41
+ ctx.moveTo(x, zeroY);
42
+ ctx.lineTo(x + barWidth, zeroY);
43
+ ctx.lineTo(x + barWidth, barY);
44
+ ctx.lineTo(x, barY);
45
+ x += barWidth + margin;
46
+ }
47
+ ctx.fillStyle = cell.data.color ?? theme.accentColor;
48
+ ctx.fill();
49
+ }
50
+ else {
51
+ if (values.length === 1) {
52
+ values = [values[0], values[0]];
53
+ if (displayValues) {
54
+ displayValues = [displayValues[0], displayValues[0]];
55
+ }
56
+ }
57
+ // draw line
58
+ ctx.beginPath();
59
+ const xStep = (rect.width - 16) / (values.length - 1);
60
+ const points = values.map((val, ind) => {
61
+ return {
62
+ x: drawX + xStep * ind,
63
+ y: y + height - val * height,
64
+ };
65
+ });
66
+ ctx.moveTo(points[0].x, points[0].y);
67
+ let i = 0;
68
+ if (points.length > 2) {
69
+ for (i = 1; i < points.length - 2; i++) {
70
+ const xControl = (points[i].x + points[i + 1].x) / 2;
71
+ const yControl = (points[i].y + points[i + 1].y) / 2;
72
+ ctx.quadraticCurveTo(points[i].x, points[i].y, xControl, yControl);
73
+ }
74
+ }
75
+ ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
76
+ ctx.strokeStyle = color ?? theme.accentColor;
77
+ ctx.lineWidth = 1 + hoverAmount * 0.5;
78
+ ctx.stroke();
79
+ ctx.lineTo(rect.x + rect.width - padX, zeroY);
80
+ ctx.lineTo(rect.x + padX, zeroY);
81
+ ctx.closePath();
82
+ if (graphKind === "area") {
83
+ ctx.globalAlpha = 0.2 + 0.2 * hoverAmount;
84
+ const grad = ctx.createLinearGradient(0, y, 0, y + height * 1.4);
85
+ grad.addColorStop(0, color ?? theme.accentColor);
86
+ const [r, g, b] = parseToRgba(color ?? theme.accentColor);
87
+ grad.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`);
88
+ ctx.fillStyle = grad;
89
+ ctx.fill();
90
+ ctx.globalAlpha = 1;
91
+ }
92
+ if (hoverX !== undefined && (graphKind === "line" || graphKind === "area") && displayValues !== undefined) {
93
+ ctx.beginPath();
94
+ const closest = Math.min(values.length - 1, Math.max(0, Math.round((hoverX - padX) / xStep)));
95
+ ctx.moveTo(drawX + closest * xStep, rect.y + 1);
96
+ ctx.lineTo(drawX + closest * xStep, rect.y + rect.height);
97
+ ctx.lineWidth = 1;
98
+ ctx.strokeStyle = theme.textLight;
99
+ ctx.stroke();
100
+ ctx.save();
101
+ ctx.font = `8px ${theme.fontFamily}`;
102
+ ctx.fillStyle = theme.textMedium;
103
+ ctx.textBaseline = "top";
104
+ ctx.fillText(displayValues[closest], drawX, rect.y + theme.cellVerticalPadding);
105
+ ctx.restore();
106
+ }
107
+ }
108
+ return true;
109
+ },
110
+ provideEditor: () => undefined,
111
+ onPaste: (_v, d) => d,
112
+ };
113
+ export default renderer;
114
+ //# sourceMappingURL=sparkline-cell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sparkline-cell.js","sourceRoot":"","sources":["../../../src/cells/sparkline-cell.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import { GridCellKind } from "@glideapps/glide-data-grid";
2
+ const renderer = {
3
+ kind: GridCellKind.Custom,
4
+ isMatch: (cell) => cell.data.kind === "spinner-cell",
5
+ draw: args => {
6
+ const { ctx, theme, rect, requestAnimationFrame } = args;
7
+ const progress = (window.performance.now() % 1000) / 1000;
8
+ const x = rect.x + rect.width / 2;
9
+ const y = rect.y + rect.height / 2;
10
+ ctx.beginPath();
11
+ ctx.arc(x, y, Math.min(12, rect.height / 6), Math.PI * 2 * progress, Math.PI * 2 * progress + Math.PI * 1.5);
12
+ ctx.strokeStyle = theme.textMedium;
13
+ ctx.lineWidth = 1.5;
14
+ ctx.stroke();
15
+ ctx.lineWidth = 1;
16
+ requestAnimationFrame();
17
+ return true;
18
+ },
19
+ provideEditor: () => undefined,
20
+ };
21
+ export default renderer;
22
+ //# sourceMappingURL=spinner-cell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner-cell.js","sourceRoot":"","sources":["../../../src/cells/spinner-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQhG,MAAM,QAAQ,GAAgC;IAC1C,IAAI,EAAE,YAAY,CAAC,MAAM;IACzB,OAAO,EAAE,CAAC,IAAgB,EAAuB,EAAE,CAAE,IAAI,CAAC,IAAY,CAAC,IAAI,KAAK,cAAc;IAC9F,IAAI,EAAE,IAAI,CAAC,EAAE;QACT,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAC;QAEzD,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAE1D,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;QAE7G,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC;QACnC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC;QACpB,GAAG,CAAC,MAAM,EAAE,CAAC;QAEb,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;QAElB,qBAAqB,EAAE,CAAC;QAExB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ .gdg-e1ywxz2x{display:flex;align-items:center;padding:6px 0;color:var(--gdg-text-light);}.gdg-e1ywxz2x .gdg-active{color:var(--gdg-text-dark);}.gdg-e1ywxz2x >*{position:relative;width:16px;height:16px;cursor:pointer;margin-right:2px;}.gdg-e1ywxz2x >* svg{width:100%;height:100%;}
@@ -0,0 +1,88 @@
1
+ import { GridCellKind } from "@glideapps/glide-data-grid";
2
+ import * as React from "react";
3
+ import { styled } from "@linaria/react";
4
+ const starPoints = [[50, 5], [61.23, 39.55], [97.55, 39.55], [68.16, 60.9], [79.39, 95.45], [50, 74.1], [20.61, 95.45], [31.84, 60.9], [2.45, 39.55], [38.77, 39.55]];
5
+ function pathStar(ctx, center, size) {
6
+ let moved = false;
7
+ for (const p of starPoints) {
8
+ const x = (p[0] - 50) * (size / 100) + center[0];
9
+ const y = (p[1] - 50) * (size / 100) + center[1];
10
+ if (moved) {
11
+ ctx.lineTo(x, y);
12
+ } else {
13
+ ctx.moveTo(x, y);
14
+ moved = true;
15
+ }
16
+ }
17
+ ctx.closePath();
18
+ }
19
+ const StarSVG = () => React.createElement("svg", {
20
+ width: "100",
21
+ height: "100",
22
+ viewBox: "0 0 100 100",
23
+ fill: "none",
24
+ xmlns: "http://www.w3.org/2000/svg"
25
+ }, React.createElement("path", {
26
+ d: "M47.1468 13.7811C48.0449 11.0172 51.9551 11.0172 52.8532 13.7812L60.5522 37.4762C60.9538 38.7123 62.1056 39.5491 63.4053 39.5491H88.3198C91.226 39.5491 92.4343 43.268 90.0831 44.9762L69.9269 59.6205C68.8755 60.3845 68.4355 61.7386 68.8371 62.9746L76.5361 86.6697C77.4342 89.4336 74.2707 91.732 71.9196 90.0238L51.7634 75.3794C50.7119 74.6155 49.2881 74.6155 48.2366 75.3795L28.0804 90.0238C25.7293 91.732 22.5659 89.4336 23.4639 86.6697L31.1629 62.9746C31.5645 61.7386 31.1245 60.3845 30.0731 59.6205L9.91686 44.9762C7.56572 43.268 8.77405 39.5491 11.6802 39.5491H36.5947C37.8944 39.5491 39.0462 38.7123 39.4478 37.4762L47.1468 13.7811Z",
27
+ fill: "currentColor"
28
+ }));
29
+ const EditorWrap = /*#__PURE__*/styled('div')({
30
+ name: "EditorWrap",
31
+ class: "gdg-e1ywxz2x",
32
+ propsAsIs: false
33
+ });
34
+ const renderer = {
35
+ kind: GridCellKind.Custom,
36
+ isMatch: cell => cell.data.kind === "star-cell",
37
+ needsHover: true,
38
+ draw: (args, cell) => {
39
+ const {
40
+ ctx,
41
+ theme,
42
+ rect,
43
+ hoverAmount
44
+ } = args;
45
+ const {
46
+ rating
47
+ } = cell.data;
48
+ const padX = theme.cellHorizontalPadding;
49
+ let drawX = rect.x + padX;
50
+ const stars = Math.min(5, Math.ceil(rating));
51
+ drawX += 8;
52
+ ctx.beginPath();
53
+ for (let i = 0; i < stars; i++) {
54
+ pathStar(ctx, [drawX, rect.y + rect.height / 2], 16);
55
+ drawX += 18;
56
+ }
57
+ ctx.fillStyle = theme.textDark;
58
+ ctx.globalAlpha = 0.6 + 0.4 * hoverAmount;
59
+ ctx.fill();
60
+ ctx.globalAlpha = 1;
61
+ return true;
62
+ },
63
+ provideEditor: () => {
64
+ // eslint-disable-next-line react/display-name
65
+ return p => React.createElement(EditorWrap, null, [0, 1, 2, 3, 4].map(index => React.createElement("div", {
66
+ key: index,
67
+ className: p.value.data.rating < index + 1 ? "gdg-inactive" : "gdg-active",
68
+ onClick: () => {
69
+ p.onChange({
70
+ ...p.value,
71
+ data: {
72
+ ...p.value.data,
73
+ rating: index + 1
74
+ }
75
+ });
76
+ }
77
+ }, React.createElement(StarSVG, null))));
78
+ },
79
+ onPaste: (val, d) => {
80
+ const num = Number.parseInt(val);
81
+ return {
82
+ ...d,
83
+ rating: Number.isNaN(num) ? 0 : num
84
+ };
85
+ }
86
+ };
87
+ export default renderer;
88
+
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star-cell.js","sourceRoot":"","sources":["../../../src/cells/star-cell.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ .gdg-e1wnlokz{display:flex;flex-direction:column;align-items:stretch;padding-top:6px;color:var(--gdg-text-dark);box-sizing:border-box;}.gdg-e1wnlokz *{box-sizing:border-box;}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz label{display:flex;cursor:pointer;}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz label input{cursor:pointer;width:auto;}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz label .gdg-pill{margin-left:8px;margin-right:6px;margin-bottom:6px;border-radius:var(--gdg-rounding-radius, var(--e1wnlokz-0));min-height:var(--e1wnlokz-1);padding:2px var(--e1wnlokz-2);display:flex;align-items:center;font:12px var(--gdg-font-family);background-color:var(--gdg-bg-bubble);transition:box-shadow 150ms;}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz label .gdg-pill.gdg-unselected{opacity:0.8;}.gdg-e1wnlokz label:hover .gdg-pill{box-shadow:0 1px 4px rgba(0, 0, 0, 0.15);}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-readonly label{cursor:default;}.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-e1wnlokz.gdg-readonly label .gdg-pill{box-shadow:none!important;}
@@ -0,0 +1,117 @@
1
+ import { measureTextCached, getMiddleCenterBias, GridCellKind } from "@glideapps/glide-data-grid";
2
+ import { styled } from "@linaria/react";
3
+ import * as React from "react";
4
+ import { roundedRect } from "../draw-fns.js";
5
+ const _exp = /*#__PURE__*/() => p => p.tagHeight / 2;
6
+ const _exp2 = /*#__PURE__*/() => p => p.tagHeight;
7
+ const _exp3 = /*#__PURE__*/() => p => p.innerPad;
8
+ const EditorWrap = /*#__PURE__*/styled('div')({
9
+ name: "EditorWrap",
10
+ class: "gdg-e1wnlokz",
11
+ propsAsIs: false,
12
+ vars: {
13
+ "e1wnlokz-0": [_exp(), "px"],
14
+ "e1wnlokz-1": [_exp2(), "px"],
15
+ "e1wnlokz-2": [_exp3(), "px"]
16
+ }
17
+ });
18
+ const renderer = {
19
+ kind: GridCellKind.Custom,
20
+ isMatch: c => c.data.kind === "tags-cell",
21
+ draw: (args, cell) => {
22
+ const {
23
+ ctx,
24
+ theme,
25
+ rect
26
+ } = args;
27
+ const {
28
+ possibleTags,
29
+ tags
30
+ } = cell.data;
31
+ const drawArea = {
32
+ x: rect.x + theme.cellHorizontalPadding,
33
+ y: rect.y + theme.cellVerticalPadding,
34
+ width: rect.width - 2 * theme.cellHorizontalPadding,
35
+ height: rect.height - 2 * theme.cellVerticalPadding
36
+ };
37
+ const tagHeight = theme.bubbleHeight;
38
+ const innerPad = theme.bubblePadding;
39
+ const rows = Math.max(1, Math.floor(drawArea.height / (tagHeight + innerPad)));
40
+ let x = drawArea.x;
41
+ let row = 1;
42
+ let y = drawArea.y + (drawArea.height - rows * tagHeight - (rows - 1) * innerPad) / 2;
43
+ for (const tag of tags) {
44
+ const color = possibleTags.find(t => t.tag === tag)?.color ?? theme.bgBubble;
45
+ ctx.font = `12px ${theme.fontFamily}`;
46
+ const metrics = measureTextCached(tag, ctx);
47
+ const width = metrics.width + innerPad * 2;
48
+ const textY = tagHeight / 2;
49
+ if (x !== drawArea.x && x + width > drawArea.x + drawArea.width && row < rows) {
50
+ row++;
51
+ y += tagHeight + innerPad;
52
+ x = drawArea.x;
53
+ }
54
+ ctx.fillStyle = color;
55
+ ctx.beginPath();
56
+ roundedRect(ctx, x, y, width, tagHeight, theme.roundingRadius ?? tagHeight / 2);
57
+ ctx.fill();
58
+ ctx.fillStyle = theme.textDark;
59
+ ctx.fillText(tag, x + innerPad, y + textY + getMiddleCenterBias(ctx, `12px ${theme.fontFamily}`));
60
+ x += width + 8;
61
+ if (x > drawArea.x + drawArea.width && row >= rows) break;
62
+ }
63
+ return true;
64
+ },
65
+ provideEditor: () => {
66
+ // eslint-disable-next-line react/display-name
67
+ return p => {
68
+ const {
69
+ onChange,
70
+ value,
71
+ theme
72
+ } = p;
73
+ const {
74
+ readonly = false
75
+ } = value;
76
+ const {
77
+ possibleTags,
78
+ tags
79
+ } = value.data;
80
+ return React.createElement(EditorWrap, {
81
+ tagHeight: theme.bubbleHeight,
82
+ innerPad: theme.bubblePadding,
83
+ className: readonly ? "gdg-readonly" : ""
84
+ }, possibleTags.map(t => {
85
+ const selected = tags.indexOf(t.tag) !== -1;
86
+ return React.createElement("label", {
87
+ key: t.tag
88
+ }, !readonly && React.createElement("input", {
89
+ className: "gdg-input",
90
+ type: "checkbox",
91
+ checked: selected,
92
+ onChange: () => {
93
+ const newTags = selected ? tags.filter(x => x !== t.tag) : [...tags, t.tag];
94
+ onChange({
95
+ ...p.value,
96
+ data: {
97
+ ...value.data,
98
+ tags: newTags
99
+ }
100
+ });
101
+ }
102
+ }), React.createElement("div", {
103
+ className: "gdg-pill " + (selected ? "gdg-selected" : "gdg-unselected"),
104
+ style: {
105
+ backgroundColor: selected ? t.color : undefined
106
+ }
107
+ }, t.tag));
108
+ }));
109
+ };
110
+ },
111
+ onPaste: (v, d) => ({
112
+ ...d,
113
+ tags: d.possibleTags.map(x => x.tag).filter(x => v.split(",").map(s => s.trim()).includes(x))
114
+ })
115
+ };
116
+ export default renderer;
117
+
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tags-cell.js","sourceRoot":"","sources":["../../../src/cells/tags-cell.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,60 @@
1
+ import { GridCellKind, getMiddleCenterBias, } from "@glideapps/glide-data-grid";
2
+ const depthShift = 16;
3
+ function isOverIcon(posX, posY, inset, theme, h) {
4
+ return (posX >= inset + theme.cellHorizontalPadding - 4 &&
5
+ posX <= inset + theme.cellHorizontalPadding + 18 &&
6
+ posY >= h / 2 - 9 &&
7
+ posY <= h / 2 + 9);
8
+ }
9
+ const renderer = {
10
+ kind: GridCellKind.Custom,
11
+ isMatch: (c) => c.data.kind === "tree-view-cell",
12
+ needsHover: true,
13
+ needsHoverPosition: true,
14
+ onClick: args => {
15
+ const { theme, bounds, posX, posY, cell } = args;
16
+ const { height: h } = bounds;
17
+ const { canOpen, depth, onClickOpener } = cell.data;
18
+ if (!canOpen || onClickOpener === undefined)
19
+ return;
20
+ const overIcon = isOverIcon(posX, posY, depth * depthShift, theme, h);
21
+ return overIcon ? onClickOpener(cell) : undefined;
22
+ },
23
+ measure: (ctx, cell, theme) => {
24
+ const { text, depth } = cell.data;
25
+ // We add 2 to the depth to give it a bit more space, otherwise it looks cramped.
26
+ return ctx.measureText(text).width + theme.cellHorizontalPadding * 2 + (depth + 2) * depthShift;
27
+ },
28
+ draw: (args, cell) => {
29
+ const { ctx, theme, rect, hoverX = 0, hoverY = 0 } = args;
30
+ const { x, y, height: h } = rect;
31
+ const { canOpen, depth, text, isOpen } = cell.data;
32
+ const bias = getMiddleCenterBias(ctx, theme);
33
+ const inset = depth * depthShift;
34
+ const midLine = y + h / 2;
35
+ if (canOpen) {
36
+ const overIcon = isOverIcon(hoverX, hoverY, inset, theme, h);
37
+ if (isOpen) {
38
+ ctx.moveTo(inset + x + theme.cellHorizontalPadding, midLine - 2.5);
39
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 5, midLine + 2.5);
40
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 10, midLine - 2.5);
41
+ }
42
+ else {
43
+ ctx.moveTo(inset + x + theme.cellHorizontalPadding + 2.5, midLine - 5);
44
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 2.5 + 5, midLine);
45
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 2.5, midLine + 5);
46
+ }
47
+ ctx.strokeStyle = overIcon ? theme.textMedium : theme.textLight;
48
+ ctx.lineWidth = 2;
49
+ ctx.stroke();
50
+ if (overIcon)
51
+ args.overrideCursor?.("pointer");
52
+ }
53
+ ctx.fillStyle = theme.textDark;
54
+ ctx.fillText(text, 16 + x + inset + theme.cellHorizontalPadding + 0.5, y + h / 2 + bias);
55
+ return true;
56
+ },
57
+ provideEditor: undefined,
58
+ };
59
+ export default renderer;
60
+ //# sourceMappingURL=tree-view-cell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-view-cell.js","sourceRoot":"","sources":["../../../src/cells/tree-view-cell.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,56 @@
1
+ /* eslint-disable react/display-name */
2
+ import * as React from "react";
3
+ import { measureTextCached, TextCellEntry, getMiddleCenterBias, GridCellKind, } from "@glideapps/glide-data-grid";
4
+ const renderer = {
5
+ kind: GridCellKind.Custom,
6
+ isMatch: (cell) => cell.data.kind === "user-profile-cell",
7
+ draw: (args, cell) => {
8
+ const { ctx, rect, theme, imageLoader, col, row } = args;
9
+ const { image, name, initial, tint } = cell.data;
10
+ const xPad = theme.cellHorizontalPadding;
11
+ const radius = Math.min(12, rect.height / 2 - theme.cellVerticalPadding);
12
+ const drawX = rect.x + xPad;
13
+ const imageResult = imageLoader.loadOrGetImage(image, col, row);
14
+ ctx.save();
15
+ ctx.beginPath();
16
+ ctx.arc(drawX + radius, rect.y + rect.height / 2, radius, 0, Math.PI * 2);
17
+ ctx.globalAlpha = 0.2;
18
+ ctx.fillStyle = tint;
19
+ ctx.fill();
20
+ ctx.globalAlpha = 1;
21
+ ctx.font = `600 16px ${theme.fontFamily}`;
22
+ const metrics = measureTextCached(initial[0], ctx);
23
+ ctx.fillText(initial[0], drawX + radius - metrics.width / 2, rect.y + rect.height / 2 + getMiddleCenterBias(ctx, `600 16px ${theme.fontFamily}`));
24
+ if (imageResult !== undefined) {
25
+ ctx.save();
26
+ ctx.beginPath();
27
+ ctx.arc(drawX + radius, rect.y + rect.height / 2, radius, 0, Math.PI * 2);
28
+ ctx.clip();
29
+ ctx.drawImage(imageResult, drawX, rect.y + rect.height / 2 - radius, radius * 2, radius * 2);
30
+ ctx.restore();
31
+ }
32
+ if (name !== undefined) {
33
+ ctx.font = theme.baseFontFull;
34
+ ctx.fillStyle = theme.textDark;
35
+ ctx.fillText(name, drawX + radius * 2 + xPad, rect.y + rect.height / 2 + getMiddleCenterBias(ctx, theme));
36
+ }
37
+ ctx.restore();
38
+ return true;
39
+ },
40
+ provideEditor: () => p => {
41
+ const { isHighlighted, onChange, value } = p;
42
+ return (React.createElement(TextCellEntry, { highlight: isHighlighted, autoFocus: true, value: value.data.name ?? "", disabled: value.readonly ?? false, onChange: e => onChange({
43
+ ...value,
44
+ data: {
45
+ ...value.data,
46
+ name: e.target.value,
47
+ },
48
+ }) }));
49
+ },
50
+ onPaste: (v, d) => ({
51
+ ...d,
52
+ name: v,
53
+ }),
54
+ };
55
+ export default renderer;
56
+ //# sourceMappingURL=user-profile-cell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"user-profile-cell.js","sourceRoot":"","sources":["../../../src/cells/user-profile-cell.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,28 @@
1
+ export function roundedRect(ctx, x, y, width, height, radius) {
2
+ if (width <= 0 || height <= 0)
3
+ return;
4
+ if (typeof radius === "number" && radius <= 0) {
5
+ ctx.rect(x, y, width, height);
6
+ return;
7
+ }
8
+ if (typeof radius === "number") {
9
+ radius = { tl: radius, tr: radius, br: radius, bl: radius };
10
+ }
11
+ // restrict radius to a reasonable max
12
+ radius = {
13
+ tl: Math.min(radius.tl, height / 2, width / 2),
14
+ tr: Math.min(radius.tr, height / 2, width / 2),
15
+ bl: Math.min(radius.bl, height / 2, width / 2),
16
+ br: Math.min(radius.br, height / 2, width / 2),
17
+ };
18
+ radius.tl = Math.max(0, radius.tl);
19
+ radius.tr = Math.max(0, radius.tr);
20
+ radius.br = Math.max(0, radius.br);
21
+ radius.bl = Math.max(0, radius.bl);
22
+ ctx.moveTo(x + radius.tl, y);
23
+ ctx.arcTo(x + width, y, x + width, y + radius.tr, radius.tr);
24
+ ctx.arcTo(x + width, y + height, x + width - radius.br, y + height, radius.br);
25
+ ctx.arcTo(x, y + height, x, y + height - radius.bl, radius.bl);
26
+ ctx.arcTo(x, y, x + radius.tl, y, radius.tl);
27
+ }
28
+ //# sourceMappingURL=draw-fns.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"draw-fns.js","sourceRoot":"","sources":["../../src/draw-fns.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,WAAW,CACvB,GAA6B,EAC7B,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,MAA6B;IAE7B,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO;IACtC,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,EAAE,CAAC;QAC5C,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC9B,OAAO;IACX,CAAC;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;IAChE,CAAC;IAED,sCAAsC;IACtC,MAAM,GAAG;QACL,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;QAC9C,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;QAC9C,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;QAC9C,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;KACjD,CAAC;IAEF,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IAEnC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7B,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7D,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IAC/E,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IAC/D,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC"}
@@ -0,0 +1,30 @@
1
+ import StarCellRenderer, {} from "./cells/star-cell.js";
2
+ import SparklineCellRenderer, {} from "./cells/sparkline-cell.js";
3
+ import TagsCellRenderer, {} from "./cells/tags-cell.js";
4
+ import UserProfileCellRenderer, {} from "./cells/user-profile-cell.js";
5
+ import DropdownCellRenderer, {} from "./cells/dropdown-cell.js";
6
+ import ArticleCellRenderer from "./cells/article-cell.js";
7
+ import RangeCellRenderer, {} from "./cells/range-cell.js";
8
+ import SpinnerCellRenderer, {} from "./cells/spinner-cell.js";
9
+ import DatePickerRenderer, {} from "./cells/date-picker-cell.js";
10
+ import LinksCellRenderer, {} from "./cells/links-cell.js";
11
+ import ButtonCellRenderer, {} from "./cells/button-cell.js";
12
+ import TreeViewCellRenderer, {} from "./cells/tree-view-cell.js";
13
+ import MultiSelectCellRenderer, {} from "./cells/multi-select-cell.js";
14
+ const cells = [
15
+ StarCellRenderer,
16
+ SparklineCellRenderer,
17
+ TagsCellRenderer,
18
+ UserProfileCellRenderer,
19
+ DropdownCellRenderer,
20
+ ArticleCellRenderer,
21
+ SpinnerCellRenderer,
22
+ RangeCellRenderer,
23
+ DatePickerRenderer,
24
+ LinksCellRenderer,
25
+ ButtonCellRenderer,
26
+ TreeViewCellRenderer,
27
+ MultiSelectCellRenderer,
28
+ ];
29
+ export { StarCellRenderer as StarCell, SparklineCellRenderer as SparklineCell, TagsCellRenderer as TagsCell, UserProfileCellRenderer as UserProfileCell, DropdownCellRenderer as DropdownCell, ArticleCellRenderer as ArticleCell, RangeCellRenderer as RangeCell, SpinnerCellRenderer as SpinnerCell, DatePickerRenderer as DatePickerCell, LinksCellRenderer as LinksCell, ButtonCellRenderer as ButtonCell, TreeViewCellRenderer as TreeViewCell, MultiSelectCellRenderer as MultiSelectCell, cells as allCells, };
30
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EAAiB,MAAM,sBAAsB,CAAC;AACvE,OAAO,qBAAqB,EAAE,EAAsB,MAAM,2BAA2B,CAAC;AACtF,OAAO,gBAAgB,EAAE,EAAiB,MAAM,sBAAsB,CAAC;AACvE,OAAO,uBAAuB,EAAE,EAAwB,MAAM,8BAA8B,CAAC;AAC7F,OAAO,oBAAoB,EAAE,EAAqB,MAAM,0BAA0B,CAAC;AACnF,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAE1D,OAAO,iBAAiB,EAAE,EAAkB,MAAM,uBAAuB,CAAC;AAC1E,OAAO,mBAAmB,EAAE,EAAoB,MAAM,yBAAyB,CAAC;AAChF,OAAO,kBAAkB,EAAE,EAAuB,MAAM,6BAA6B,CAAC;AACtF,OAAO,iBAAiB,EAAE,EAAkB,MAAM,uBAAuB,CAAC;AAC1E,OAAO,kBAAkB,EAAE,EAAmB,MAAM,wBAAwB,CAAC;AAC7E,OAAO,oBAAoB,EAAE,EAAqB,MAAM,2BAA2B,CAAC;AACpF,OAAO,uBAAuB,EAAE,EAAwB,MAAM,8BAA8B,CAAC;AAE7F,MAAM,KAAK,GAAG;IACV,gBAAgB;IAChB,qBAAqB;IACrB,gBAAgB;IAChB,uBAAuB;IACvB,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,oBAAoB;IACpB,uBAAuB;CAC1B,CAAC;AAEF,OAAO,EACH,gBAAgB,IAAI,QAAQ,EAC5B,qBAAqB,IAAI,aAAa,EACtC,gBAAgB,IAAI,QAAQ,EAC5B,uBAAuB,IAAI,eAAe,EAC1C,oBAAoB,IAAI,YAAY,EACpC,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,mBAAmB,IAAI,WAAW,EAClC,kBAAkB,IAAI,cAAc,EACpC,iBAAiB,IAAI,SAAS,EAC9B,kBAAkB,IAAI,UAAU,EAChC,oBAAoB,IAAI,YAAY,EACpC,uBAAuB,IAAI,eAAe,EAC1C,KAAK,IAAI,QAAQ,GACpB,CAAC"}
package/dist/index.css ADDED
@@ -0,0 +1,8 @@
1
+ /* Auto-generated file */
2
+ @import "./esm/cells/article-cell-editor.css";
3
+ @import "./esm/cells/star-cell.css";
4
+ @import "./esm/cells/date-picker-cell.css";
5
+ @import "./esm/cells/dropdown-cell.css";
6
+ @import "./esm/cells/tags-cell.css";
7
+ @import "./esm/cells/multi-select-cell.css";
8
+ @import "./esm/cells/links-cell.css";