glide-data-grid-cells-fork 6.0.4-alpha8

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 +65 -0
  3. package/dist/cjs/cells/article-cell-editor.css +1 -0
  4. package/dist/cjs/cells/article-cell-editor.js +98 -0
  5. package/dist/cjs/cells/article-cell-editor.js.map +1 -0
  6. package/dist/cjs/cells/article-cell-types.js +3 -0
  7. package/dist/cjs/cells/article-cell-types.js.map +1 -0
  8. package/dist/cjs/cells/article-cell.js +71 -0
  9. package/dist/cjs/cells/article-cell.js.map +1 -0
  10. package/dist/cjs/cells/button-cell.js +94 -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 +138 -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 +235 -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 +281 -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 +485 -0
  23. package/dist/cjs/cells/multi-select-cell.js.map +1 -0
  24. package/dist/cjs/cells/range-cell.js +113 -0
  25. package/dist/cjs/cells/range-cell.js.map +1 -0
  26. package/dist/cjs/cells/sparkline-cell.js +116 -0
  27. package/dist/cjs/cells/sparkline-cell.js.map +1 -0
  28. package/dist/cjs/cells/spinner-cell.js +24 -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 +124 -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 +152 -0
  35. package/dist/cjs/cells/tags-cell.js.map +1 -0
  36. package/dist/cjs/cells/tree-view-cell.js +57 -0
  37. package/dist/cjs/cells/tree-view-cell.js.map +1 -0
  38. package/dist/cjs/cells/user-profile-cell.js +81 -0
  39. package/dist/cjs/cells/user-profile-cell.js.map +1 -0
  40. package/dist/cjs/draw-fns.js +32 -0
  41. package/dist/cjs/draw-fns.js.map +1 -0
  42. package/dist/cjs/index.js +49 -0
  43. package/dist/cjs/index.js.map +1 -0
  44. package/dist/dts/cells/article-cell-editor.d.ts +4 -0
  45. package/dist/dts/cells/article-cell-editor.d.ts.map +1 -0
  46. package/dist/dts/cells/article-cell-types.d.ts +7 -0
  47. package/dist/dts/cells/article-cell-types.d.ts.map +1 -0
  48. package/dist/dts/cells/article-cell.d.ts +4 -0
  49. package/dist/dts/cells/article-cell.d.ts.map +1 -0
  50. package/dist/dts/cells/button-cell.d.ts +16 -0
  51. package/dist/dts/cells/button-cell.d.ts.map +1 -0
  52. package/dist/dts/cells/date-picker-cell.d.ts +18 -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 +19 -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 +13 -0
  61. package/dist/dts/cells/range-cell.d.ts.map +1 -0
  62. package/dist/dts/cells/sparkline-cell.d.ts +13 -0
  63. package/dist/dts/cells/sparkline-cell.d.ts.map +1 -0
  64. package/dist/dts/cells/spinner-cell.d.ts +7 -0
  65. package/dist/dts/cells/spinner-cell.d.ts.map +1 -0
  66. package/dist/dts/cells/star-cell.d.ts +8 -0
  67. package/dist/dts/cells/star-cell.d.ts.map +1 -0
  68. package/dist/dts/cells/tags-cell.d.ts +12 -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 +11 -0
  73. package/dist/dts/cells/user-profile-cell.d.ts.map +1 -0
  74. package/dist/dts/draw-fns.d.ts +8 -0
  75. package/dist/dts/draw-fns.d.ts.map +1 -0
  76. package/dist/dts/index.d.ts +17 -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 +126 -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 +199 -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 +441 -0
  98. package/dist/esm/cells/multi-select-cell.js.map +1 -0
  99. package/dist/esm/cells/range-cell.js +88 -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 +116 -0
  110. package/dist/esm/cells/tags-cell.js.map +1 -0
  111. package/dist/esm/cells/tree-view-cell.js +55 -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 +71 -0
@@ -0,0 +1,116 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
4
+ const renderer = {
5
+ kind: glide_data_grid_1.GridCellKind.Custom,
6
+ isMatch: (cell) => cell.data.kind === "sparkline-cell",
7
+ needsHover: true,
8
+ needsHoverPosition: true,
9
+ draw: (args, cell) => {
10
+ const { ctx, theme, rect, hoverAmount, hoverX } = args;
11
+ // eslint-disable-next-line prefer-const
12
+ let { values, yAxis, color, graphKind = "area", displayValues, hideAxis } = cell.data;
13
+ const [minY, maxY] = yAxis;
14
+ if (values.length === 0)
15
+ return true;
16
+ values = values.map(x => Math.min(1, Math.max(0, (x - minY) / (maxY - minY))));
17
+ const padX = theme.cellHorizontalPadding;
18
+ const drawX = padX + rect.x;
19
+ const y = rect.y + 3;
20
+ const height = rect.height - 6;
21
+ const width = rect.width - padX * 2;
22
+ const delta = maxY - minY;
23
+ const zeroY = maxY <= 0 ? y : minY >= 0 ? y + height : y + height * (maxY / delta);
24
+ // draw zero
25
+ if (!hideAxis && minY <= 0 && maxY >= 0) {
26
+ ctx.beginPath();
27
+ ctx.moveTo(drawX, zeroY);
28
+ ctx.lineTo(drawX + width, zeroY);
29
+ ctx.globalAlpha = 0.4;
30
+ ctx.lineWidth = 1;
31
+ ctx.strokeStyle = theme.textLight;
32
+ ctx.stroke();
33
+ ctx.globalAlpha = 1;
34
+ }
35
+ if (graphKind === "bar") {
36
+ ctx.beginPath();
37
+ const margin = 2;
38
+ const spacing = (values.length - 1) * margin;
39
+ const barWidth = (width - spacing) / values.length;
40
+ let x = drawX;
41
+ for (const val of values) {
42
+ const barY = y + height - val * height;
43
+ ctx.moveTo(x, zeroY);
44
+ ctx.lineTo(x + barWidth, zeroY);
45
+ ctx.lineTo(x + barWidth, barY);
46
+ ctx.lineTo(x, barY);
47
+ x += barWidth + margin;
48
+ }
49
+ ctx.fillStyle = cell.data.color ?? theme.accentColor;
50
+ ctx.fill();
51
+ }
52
+ else {
53
+ if (values.length === 1) {
54
+ values = [values[0], values[0]];
55
+ if (displayValues) {
56
+ displayValues = [displayValues[0], displayValues[0]];
57
+ }
58
+ }
59
+ // draw line
60
+ ctx.beginPath();
61
+ const xStep = (rect.width - 16) / (values.length - 1);
62
+ const points = values.map((val, ind) => {
63
+ return {
64
+ x: drawX + xStep * ind,
65
+ y: y + height - val * height,
66
+ };
67
+ });
68
+ ctx.moveTo(points[0].x, points[0].y);
69
+ let i = 0;
70
+ if (points.length > 2) {
71
+ for (i = 1; i < points.length - 2; i++) {
72
+ const xControl = (points[i].x + points[i + 1].x) / 2;
73
+ const yControl = (points[i].y + points[i + 1].y) / 2;
74
+ ctx.quadraticCurveTo(points[i].x, points[i].y, xControl, yControl);
75
+ }
76
+ }
77
+ ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
78
+ ctx.strokeStyle = color ?? theme.accentColor;
79
+ ctx.lineWidth = 1 + hoverAmount * 0.5;
80
+ ctx.stroke();
81
+ ctx.lineTo(rect.x + rect.width - padX, zeroY);
82
+ ctx.lineTo(rect.x + padX, zeroY);
83
+ ctx.closePath();
84
+ if (graphKind === "area") {
85
+ ctx.globalAlpha = 0.2 + 0.2 * hoverAmount;
86
+ const grad = ctx.createLinearGradient(0, y, 0, y + height * 1.4);
87
+ grad.addColorStop(0, color ?? theme.accentColor);
88
+ const [r, g, b] = (0, glide_data_grid_1.parseToRgba)(color ?? theme.accentColor);
89
+ grad.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0)`);
90
+ ctx.fillStyle = grad;
91
+ ctx.fill();
92
+ ctx.globalAlpha = 1;
93
+ }
94
+ if (hoverX !== undefined && (graphKind === "line" || graphKind === "area") && displayValues !== undefined) {
95
+ ctx.beginPath();
96
+ const closest = Math.min(values.length - 1, Math.max(0, Math.round((hoverX - padX) / xStep)));
97
+ ctx.moveTo(drawX + closest * xStep, rect.y + 1);
98
+ ctx.lineTo(drawX + closest * xStep, rect.y + rect.height);
99
+ ctx.lineWidth = 1;
100
+ ctx.strokeStyle = theme.textLight;
101
+ ctx.stroke();
102
+ ctx.save();
103
+ ctx.font = `8px ${theme.fontFamily}`;
104
+ ctx.fillStyle = theme.textMedium;
105
+ ctx.textBaseline = "top";
106
+ ctx.fillText(displayValues[closest], drawX, rect.y + theme.cellVerticalPadding);
107
+ ctx.restore();
108
+ }
109
+ }
110
+ return true;
111
+ },
112
+ provideEditor: () => undefined,
113
+ onPaste: (_v, d) => d,
114
+ };
115
+ exports.default = renderer;
116
+ //# 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,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
4
+ const renderer = {
5
+ kind: glide_data_grid_1.GridCellKind.Custom,
6
+ isMatch: (cell) => cell.data.kind === "spinner-cell",
7
+ draw: args => {
8
+ const { ctx, theme, rect, requestAnimationFrame } = args;
9
+ const progress = (window.performance.now() % 1000) / 1000;
10
+ const x = rect.x + rect.width / 2;
11
+ const y = rect.y + rect.height / 2;
12
+ ctx.beginPath();
13
+ ctx.arc(x, y, Math.min(12, rect.height / 6), Math.PI * 2 * progress, Math.PI * 2 * progress + Math.PI * 1.5);
14
+ ctx.strokeStyle = theme.textMedium;
15
+ ctx.lineWidth = 1.5;
16
+ ctx.stroke();
17
+ ctx.lineWidth = 1;
18
+ requestAnimationFrame();
19
+ return true;
20
+ },
21
+ provideEditor: () => undefined,
22
+ };
23
+ exports.default = renderer;
24
+ //# 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,gEAAgG;AAQhG,MAAM,QAAQ,GAAgC;IAC1C,IAAI,EAAE,8BAAY,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,kBAAe,QAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ .gdg-e1ywxz2x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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,124 @@
1
+ "use strict";
2
+
3
+ var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
20
+ Object.defineProperty(o, "default", {
21
+ enumerable: true,
22
+ value: v
23
+ });
24
+ } : function (o, v) {
25
+ o["default"] = v;
26
+ });
27
+ var __importStar = this && this.__importStar || function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ Object.defineProperty(exports, "__esModule", {
35
+ value: true
36
+ });
37
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
38
+ const React = __importStar(require("react"));
39
+ const react_1 = require("@linaria/react");
40
+ 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]];
41
+ function pathStar(ctx, center, size) {
42
+ let moved = false;
43
+ for (const p of starPoints) {
44
+ const x = (p[0] - 50) * (size / 100) + center[0];
45
+ const y = (p[1] - 50) * (size / 100) + center[1];
46
+ if (moved) {
47
+ ctx.lineTo(x, y);
48
+ } else {
49
+ ctx.moveTo(x, y);
50
+ moved = true;
51
+ }
52
+ }
53
+ ctx.closePath();
54
+ }
55
+ const StarSVG = () => React.createElement("svg", {
56
+ width: "100",
57
+ height: "100",
58
+ viewBox: "0 0 100 100",
59
+ fill: "none",
60
+ xmlns: "http://www.w3.org/2000/svg"
61
+ }, React.createElement("path", {
62
+ 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",
63
+ fill: "currentColor"
64
+ }));
65
+ const EditorWrap = /*#__PURE__*/react_1.styled('div')({
66
+ name: "EditorWrap",
67
+ class: "gdg-e1ywxz2x",
68
+ propsAsIs: false
69
+ });
70
+ const renderer = {
71
+ kind: glide_data_grid_1.GridCellKind.Custom,
72
+ isMatch: cell => cell.data.kind === "star-cell",
73
+ needsHover: true,
74
+ draw: (args, cell) => {
75
+ const {
76
+ ctx,
77
+ theme,
78
+ rect,
79
+ hoverAmount
80
+ } = args;
81
+ const {
82
+ rating
83
+ } = cell.data;
84
+ const padX = theme.cellHorizontalPadding;
85
+ let drawX = rect.x + padX;
86
+ const stars = Math.min(5, Math.ceil(rating));
87
+ drawX += 8;
88
+ ctx.beginPath();
89
+ for (let i = 0; i < stars; i++) {
90
+ pathStar(ctx, [drawX, rect.y + rect.height / 2], 16);
91
+ drawX += 18;
92
+ }
93
+ ctx.fillStyle = theme.textDark;
94
+ ctx.globalAlpha = 0.6 + 0.4 * hoverAmount;
95
+ ctx.fill();
96
+ ctx.globalAlpha = 1;
97
+ return true;
98
+ },
99
+ provideEditor: () => {
100
+ // eslint-disable-next-line react/display-name
101
+ return p => React.createElement(EditorWrap, null, [0, 1, 2, 3, 4].map(index => React.createElement("div", {
102
+ key: index,
103
+ className: p.value.data.rating < index + 1 ? "gdg-inactive" : "gdg-active",
104
+ onClick: () => {
105
+ p.onChange({
106
+ ...p.value,
107
+ data: {
108
+ ...p.value.data,
109
+ rating: index + 1
110
+ }
111
+ });
112
+ }
113
+ }, React.createElement(StarSVG, null))));
114
+ },
115
+ onPaste: (val, d) => {
116
+ const num = Number.parseInt(val);
117
+ return {
118
+ ...d,
119
+ rating: Number.isNaN(num) ? 0 : num
120
+ };
121
+ }
122
+ };
123
+ exports.default = renderer;
124
+
@@ -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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font:12px var(--gdg-font-family);background-color:var(--gdg-bg-bubble);-webkit-transition:box-shadow 150ms;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,152 @@
1
+ "use strict";
2
+
3
+ var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = {
8
+ enumerable: true,
9
+ get: function () {
10
+ return m[k];
11
+ }
12
+ };
13
+ }
14
+ Object.defineProperty(o, k2, desc);
15
+ } : function (o, m, k, k2) {
16
+ if (k2 === undefined) k2 = k;
17
+ o[k2] = m[k];
18
+ });
19
+ var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
20
+ Object.defineProperty(o, "default", {
21
+ enumerable: true,
22
+ value: v
23
+ });
24
+ } : function (o, v) {
25
+ o["default"] = v;
26
+ });
27
+ var __importStar = this && this.__importStar || function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ Object.defineProperty(exports, "__esModule", {
35
+ value: true
36
+ });
37
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
38
+ const react_1 = require("@linaria/react");
39
+ const React = __importStar(require("react"));
40
+ const draw_fns_js_1 = require("../draw-fns.js");
41
+ const tagHeight = 20;
42
+ const innerPad = 6;
43
+ const _exp = /*#__PURE__*/() => p => p.tagHeight / 2;
44
+ const _exp2 = /*#__PURE__*/() => p => p.tagHeight;
45
+ const _exp3 = /*#__PURE__*/() => p => p.innerPad;
46
+ const EditorWrap = /*#__PURE__*/react_1.styled('div')({
47
+ name: "EditorWrap",
48
+ class: "gdg-e1wnlokz",
49
+ propsAsIs: false,
50
+ vars: {
51
+ "e1wnlokz-0": [_exp(), "px"],
52
+ "e1wnlokz-1": [_exp2(), "px"],
53
+ "e1wnlokz-2": [_exp3(), "px"]
54
+ }
55
+ });
56
+ const renderer = {
57
+ kind: glide_data_grid_1.GridCellKind.Custom,
58
+ isMatch: c => c.data.kind === "tags-cell",
59
+ draw: (args, cell) => {
60
+ const {
61
+ ctx,
62
+ theme,
63
+ rect
64
+ } = args;
65
+ const {
66
+ possibleTags,
67
+ tags
68
+ } = cell.data;
69
+ const drawArea = {
70
+ x: rect.x + theme.cellHorizontalPadding,
71
+ y: rect.y + theme.cellVerticalPadding,
72
+ width: rect.width - 2 * theme.cellHorizontalPadding,
73
+ height: rect.height - 2 * theme.cellVerticalPadding
74
+ };
75
+ const rows = Math.max(1, Math.floor(drawArea.height / (tagHeight + innerPad)));
76
+ let x = drawArea.x;
77
+ let row = 1;
78
+ let y = drawArea.y + (drawArea.height - rows * tagHeight - (rows - 1) * innerPad) / 2;
79
+ for (const tag of tags) {
80
+ const color = possibleTags.find(t => t.tag === tag)?.color ?? theme.bgBubble;
81
+ ctx.font = `12px ${theme.fontFamily}`;
82
+ const metrics = (0, glide_data_grid_1.measureTextCached)(tag, ctx);
83
+ const width = metrics.width + innerPad * 2;
84
+ const textY = tagHeight / 2;
85
+ if (x !== drawArea.x && x + width > drawArea.x + drawArea.width && row < rows) {
86
+ row++;
87
+ y += tagHeight + innerPad;
88
+ x = drawArea.x;
89
+ }
90
+ ctx.fillStyle = color;
91
+ ctx.beginPath();
92
+ (0, draw_fns_js_1.roundedRect)(ctx, x, y, width, tagHeight, theme.roundingRadius ?? tagHeight / 2);
93
+ ctx.fill();
94
+ ctx.fillStyle = theme.textDark;
95
+ ctx.fillText(tag, x + innerPad, y + textY + (0, glide_data_grid_1.getMiddleCenterBias)(ctx, `12px ${theme.fontFamily}`));
96
+ x += width + 8;
97
+ if (x > drawArea.x + drawArea.width && row >= rows) break;
98
+ }
99
+ return true;
100
+ },
101
+ provideEditor: () => {
102
+ // eslint-disable-next-line react/display-name
103
+ return p => {
104
+ const {
105
+ onChange,
106
+ value
107
+ } = p;
108
+ const {
109
+ readonly = false
110
+ } = value;
111
+ const {
112
+ possibleTags,
113
+ tags
114
+ } = value.data;
115
+ return React.createElement(EditorWrap, {
116
+ tagHeight: tagHeight,
117
+ innerPad: innerPad,
118
+ className: readonly ? "gdg-readonly" : ""
119
+ }, possibleTags.map(t => {
120
+ const selected = tags.indexOf(t.tag) !== -1;
121
+ return React.createElement("label", {
122
+ key: t.tag
123
+ }, !readonly && React.createElement("input", {
124
+ className: "gdg-input",
125
+ type: "checkbox",
126
+ checked: selected,
127
+ onChange: () => {
128
+ const newTags = selected ? tags.filter(x => x !== t.tag) : [...tags, t.tag];
129
+ onChange({
130
+ ...p.value,
131
+ data: {
132
+ ...value.data,
133
+ tags: newTags
134
+ }
135
+ });
136
+ }
137
+ }), React.createElement("div", {
138
+ className: "gdg-pill " + (selected ? "gdg-selected" : "gdg-unselected"),
139
+ style: {
140
+ backgroundColor: selected ? t.color : undefined
141
+ }
142
+ }, t.tag));
143
+ }));
144
+ };
145
+ },
146
+ onPaste: (v, d) => ({
147
+ ...d,
148
+ tags: d.possibleTags.map(x => x.tag).filter(x => v.split(",").map(s => s.trim()).includes(x))
149
+ })
150
+ };
151
+ exports.default = renderer;
152
+
@@ -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,57 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
4
+ const depthShift = 16;
5
+ function isOverIcon(posX, posY, inset, theme, h) {
6
+ return (posX >= inset + theme.cellHorizontalPadding - 4 &&
7
+ posX <= inset + theme.cellHorizontalPadding + 18 &&
8
+ posY >= h / 2 - 9 &&
9
+ posY <= h / 2 + 9);
10
+ }
11
+ const renderer = {
12
+ kind: glide_data_grid_1.GridCellKind.Custom,
13
+ isMatch: (c) => c.data.kind === "tree-view-cell",
14
+ needsHover: true,
15
+ needsHoverPosition: true,
16
+ onClick: args => {
17
+ const { theme, bounds, posX, posY, cell } = args;
18
+ const { height: h } = bounds;
19
+ const { canOpen, depth, onClickOpener } = cell.data;
20
+ if (!canOpen || onClickOpener === undefined)
21
+ return;
22
+ const overIcon = isOverIcon(posX, posY, depth * depthShift, theme, h);
23
+ return overIcon ? onClickOpener(cell) : undefined;
24
+ },
25
+ draw: (args, cell) => {
26
+ const { ctx, theme, rect, hoverX = 0, hoverY = 0 } = args;
27
+ const { x, y, height: h } = rect;
28
+ const { canOpen, depth, text, isOpen } = cell.data;
29
+ const bias = (0, glide_data_grid_1.getMiddleCenterBias)(ctx, theme);
30
+ const inset = depth * depthShift;
31
+ const midLine = y + h / 2;
32
+ if (canOpen) {
33
+ const overIcon = isOverIcon(hoverX, hoverY, inset, theme, h);
34
+ if (isOpen) {
35
+ ctx.moveTo(inset + x + theme.cellHorizontalPadding, midLine - 2.5);
36
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 5, midLine + 2.5);
37
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 10, midLine - 2.5);
38
+ }
39
+ else {
40
+ ctx.moveTo(inset + x + theme.cellHorizontalPadding + 2.5, midLine - 5);
41
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 2.5 + 5, midLine);
42
+ ctx.lineTo(inset + x + theme.cellHorizontalPadding + 2.5, midLine + 5);
43
+ }
44
+ ctx.strokeStyle = overIcon ? theme.textMedium : theme.textLight;
45
+ ctx.lineWidth = 2;
46
+ ctx.stroke();
47
+ if (overIcon)
48
+ args.overrideCursor?.("pointer");
49
+ }
50
+ ctx.fillStyle = theme.textDark;
51
+ ctx.fillText(text, 16 + x + inset + theme.cellHorizontalPadding + 0.5, y + h / 2 + bias);
52
+ return true;
53
+ },
54
+ provideEditor: undefined,
55
+ };
56
+ exports.default = renderer;
57
+ //# 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,81 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ /* eslint-disable react/display-name */
27
+ const React = __importStar(require("react"));
28
+ const glide_data_grid_1 = require("@glideapps/glide-data-grid");
29
+ const renderer = {
30
+ kind: glide_data_grid_1.GridCellKind.Custom,
31
+ isMatch: (cell) => cell.data.kind === "user-profile-cell",
32
+ draw: (args, cell) => {
33
+ const { ctx, rect, theme, imageLoader, col, row } = args;
34
+ const { image, name, initial, tint } = cell.data;
35
+ const xPad = theme.cellHorizontalPadding;
36
+ const radius = Math.min(12, rect.height / 2 - theme.cellVerticalPadding);
37
+ const drawX = rect.x + xPad;
38
+ const imageResult = imageLoader.loadOrGetImage(image, col, row);
39
+ ctx.save();
40
+ ctx.beginPath();
41
+ ctx.arc(drawX + radius, rect.y + rect.height / 2, radius, 0, Math.PI * 2);
42
+ ctx.globalAlpha = 0.2;
43
+ ctx.fillStyle = tint;
44
+ ctx.fill();
45
+ ctx.globalAlpha = 1;
46
+ ctx.font = `600 16px ${theme.fontFamily}`;
47
+ const metrics = (0, glide_data_grid_1.measureTextCached)(initial[0], ctx);
48
+ ctx.fillText(initial[0], drawX + radius - metrics.width / 2, rect.y + rect.height / 2 + (0, glide_data_grid_1.getMiddleCenterBias)(ctx, `600 16px ${theme.fontFamily}`));
49
+ if (imageResult !== undefined) {
50
+ ctx.save();
51
+ ctx.beginPath();
52
+ ctx.arc(drawX + radius, rect.y + rect.height / 2, radius, 0, Math.PI * 2);
53
+ ctx.clip();
54
+ ctx.drawImage(imageResult, drawX, rect.y + rect.height / 2 - radius, radius * 2, radius * 2);
55
+ ctx.restore();
56
+ }
57
+ if (name !== undefined) {
58
+ ctx.font = theme.baseFontFull;
59
+ ctx.fillStyle = theme.textDark;
60
+ ctx.fillText(name, drawX + radius * 2 + xPad, rect.y + rect.height / 2 + (0, glide_data_grid_1.getMiddleCenterBias)(ctx, theme));
61
+ }
62
+ ctx.restore();
63
+ return true;
64
+ },
65
+ provideEditor: () => p => {
66
+ const { isHighlighted, onChange, value } = p;
67
+ return (React.createElement(glide_data_grid_1.TextCellEntry, { highlight: isHighlighted, autoFocus: true, value: value.data.name ?? "", disabled: value.readonly ?? false, onChange: e => onChange({
68
+ ...value,
69
+ data: {
70
+ ...value.data,
71
+ name: e.target.value,
72
+ },
73
+ }) }));
74
+ },
75
+ onPaste: (v, d) => ({
76
+ ...d,
77
+ name: v,
78
+ }),
79
+ };
80
+ exports.default = renderer;
81
+ //# 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,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.roundedRect = void 0;
4
+ function roundedRect(ctx, x, y, width, height, radius) {
5
+ if (width <= 0 || height <= 0)
6
+ return;
7
+ if (typeof radius === "number" && radius <= 0) {
8
+ ctx.rect(x, y, width, height);
9
+ return;
10
+ }
11
+ if (typeof radius === "number") {
12
+ radius = { tl: radius, tr: radius, br: radius, bl: radius };
13
+ }
14
+ // restrict radius to a reasonable max
15
+ radius = {
16
+ tl: Math.min(radius.tl, height / 2, width / 2),
17
+ tr: Math.min(radius.tr, height / 2, width / 2),
18
+ bl: Math.min(radius.bl, height / 2, width / 2),
19
+ br: Math.min(radius.br, height / 2, width / 2),
20
+ };
21
+ radius.tl = Math.max(0, radius.tl);
22
+ radius.tr = Math.max(0, radius.tr);
23
+ radius.br = Math.max(0, radius.br);
24
+ radius.bl = Math.max(0, radius.bl);
25
+ ctx.moveTo(x + radius.tl, y);
26
+ ctx.arcTo(x + width, y, x + width, y + radius.tr, radius.tr);
27
+ ctx.arcTo(x + width, y + height, x + width - radius.br, y + height, radius.br);
28
+ ctx.arcTo(x, y + height, x, y + height - radius.bl, radius.bl);
29
+ ctx.arcTo(x, y, x + radius.tl, y, radius.tl);
30
+ }
31
+ exports.roundedRect = roundedRect;
32
+ //# sourceMappingURL=draw-fns.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"draw-fns.js","sourceRoot":"","sources":["../../src/draw-fns.ts"],"names":[],"mappings":";;;AAOA,SAAgB,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;QAC3C,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAC9B,OAAO;KACV;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC5B,MAAM,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;KAC/D;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;AAnCD,kCAmCC"}