glide-data-grid-cells-fork 6.0.4-alpha8 → 6.0.4-alpha9
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/README.md +4 -4
- package/dist/cjs/cells/article-cell.js +3 -3
- package/dist/cjs/cells/article-cell.js.map +1 -1
- package/dist/cjs/cells/button-cell.js +4 -4
- package/dist/cjs/cells/button-cell.js.map +1 -1
- package/dist/cjs/cells/date-picker-cell.js +4 -4
- package/dist/cjs/cells/date-picker-cell.js.map +1 -1
- package/dist/cjs/cells/dropdown-cell.js +24 -22
- package/dist/cjs/cells/dropdown-cell.js.map +1 -1
- package/dist/cjs/cells/input-dropdown-cell.css +3 -0
- package/dist/cjs/cells/input-dropdown-cell.js +245 -0
- package/dist/cjs/cells/input-dropdown-cell.js.map +1 -0
- package/dist/cjs/cells/links-cell.js +8 -8
- package/dist/cjs/cells/links-cell.js.map +1 -1
- package/dist/cjs/cells/multi-select-cell.js +9 -9
- package/dist/cjs/cells/multi-select-cell.js.map +1 -1
- package/dist/cjs/cells/range-cell.js +4 -4
- package/dist/cjs/cells/range-cell.js.map +1 -1
- package/dist/cjs/cells/sparkline-cell.js +3 -3
- package/dist/cjs/cells/sparkline-cell.js.map +1 -1
- package/dist/cjs/cells/spinner-cell.js +2 -2
- package/dist/cjs/cells/spinner-cell.js.map +1 -1
- package/dist/cjs/cells/star-cell.js +2 -2
- package/dist/cjs/cells/star-cell.js.map +1 -1
- package/dist/cjs/cells/tags-cell.js +4 -4
- package/dist/cjs/cells/tags-cell.js.map +1 -1
- package/dist/cjs/cells/tree-view-cell.js +3 -3
- package/dist/cjs/cells/tree-view-cell.js.map +1 -1
- package/dist/cjs/cells/user-profile-cell.js +6 -6
- package/dist/cjs/cells/user-profile-cell.js.map +1 -1
- package/dist/dts/cells/article-cell-editor.d.ts +2 -1
- package/dist/dts/cells/article-cell-editor.d.ts.map +1 -1
- package/dist/dts/cells/article-cell-types.d.ts +2 -1
- package/dist/dts/cells/article-cell-types.d.ts.map +1 -1
- package/dist/dts/cells/article-cell.d.ts +2 -1
- package/dist/dts/cells/article-cell.d.ts.map +1 -1
- package/dist/dts/cells/button-cell.d.ts +2 -1
- package/dist/dts/cells/button-cell.d.ts.map +1 -1
- package/dist/dts/cells/date-picker-cell.d.ts +2 -1
- package/dist/dts/cells/date-picker-cell.d.ts.map +1 -1
- package/dist/dts/cells/dropdown-cell.d.ts +3 -3
- package/dist/dts/cells/dropdown-cell.d.ts.map +1 -1
- package/dist/dts/cells/input-dropdown-cell.d.ts +15 -0
- package/dist/dts/cells/input-dropdown-cell.d.ts.map +1 -0
- package/dist/dts/cells/links-cell.d.ts +2 -1
- package/dist/dts/cells/links-cell.d.ts.map +1 -1
- package/dist/dts/cells/multi-select-cell.d.ts +1 -1
- package/dist/dts/cells/multi-select-cell.d.ts.map +1 -1
- package/dist/dts/cells/range-cell.d.ts +2 -1
- package/dist/dts/cells/range-cell.d.ts.map +1 -1
- package/dist/dts/cells/sparkline-cell.d.ts +2 -1
- package/dist/dts/cells/sparkline-cell.d.ts.map +1 -1
- package/dist/dts/cells/spinner-cell.d.ts +2 -1
- package/dist/dts/cells/spinner-cell.d.ts.map +1 -1
- package/dist/dts/cells/star-cell.d.ts +2 -1
- package/dist/dts/cells/star-cell.d.ts.map +1 -1
- package/dist/dts/cells/tags-cell.d.ts +2 -1
- package/dist/dts/cells/tags-cell.d.ts.map +1 -1
- package/dist/dts/cells/tree-view-cell.d.ts +1 -1
- package/dist/dts/cells/tree-view-cell.d.ts.map +1 -1
- package/dist/dts/cells/user-profile-cell.d.ts +2 -1
- package/dist/dts/cells/user-profile-cell.d.ts.map +1 -1
- package/dist/dts/draw-fns.d.ts +1 -0
- package/dist/dts/index.d.ts +2 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/esm/cells/article-cell.js +1 -1
- package/dist/esm/cells/article-cell.js.map +1 -1
- package/dist/esm/cells/button-cell.js +1 -1
- package/dist/esm/cells/button-cell.js.map +1 -1
- package/dist/esm/cells/date-picker-cell.js +1 -1
- package/dist/esm/cells/date-picker-cell.js.map +1 -1
- package/dist/esm/cells/dropdown-cell.js +20 -18
- package/dist/esm/cells/dropdown-cell.js.map +1 -1
- package/dist/esm/cells/input-dropdown-cell.css +3 -0
- package/dist/esm/cells/input-dropdown-cell.js +209 -0
- package/dist/esm/cells/input-dropdown-cell.js.map +1 -0
- package/dist/esm/cells/links-cell.js +1 -1
- package/dist/esm/cells/links-cell.js.map +1 -1
- package/dist/esm/cells/multi-select-cell.js +1 -1
- package/dist/esm/cells/multi-select-cell.js.map +1 -1
- package/dist/esm/cells/range-cell.js +1 -1
- package/dist/esm/cells/range-cell.js.map +1 -1
- package/dist/esm/cells/sparkline-cell.js +1 -1
- package/dist/esm/cells/sparkline-cell.js.map +1 -1
- package/dist/esm/cells/spinner-cell.js +1 -1
- package/dist/esm/cells/spinner-cell.js.map +1 -1
- package/dist/esm/cells/star-cell.js +1 -1
- package/dist/esm/cells/star-cell.js.map +1 -1
- package/dist/esm/cells/tags-cell.js +1 -1
- package/dist/esm/cells/tags-cell.js.map +1 -1
- package/dist/esm/cells/tree-view-cell.js +1 -1
- package/dist/esm/cells/tree-view-cell.js.map +1 -1
- package/dist/esm/cells/user-profile-cell.js +1 -1
- package/dist/esm/cells/user-profile-cell.js.map +1 -1
- package/dist/index.css +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
</h1>
|
|
5
5
|
<p align="center">Additional cells and features for Glide Data Grid</p>
|
|
6
6
|
|
|
7
|
-
[](https://github.com/glideapps/glide-data-grid/releases)
|
|
8
8
|
[](https://reactjs.org)
|
|
9
|
-
[](https://bundlephobia.com/package/glide-data-grid-fork-cells)
|
|
10
10
|
[](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
|
|
11
11
|
[](https://www.glideapps.com/jobs)
|
|
12
12
|
|
|
@@ -27,7 +27,7 @@ Current cells
|
|
|
27
27
|
Step 1: Add the extra cells to your grid.
|
|
28
28
|
|
|
29
29
|
```tsx
|
|
30
|
-
import { useExtraCells } from "
|
|
30
|
+
import { useExtraCells } from "glide-data-grid-fork-cells";
|
|
31
31
|
|
|
32
32
|
const Grid = () => {
|
|
33
33
|
const { customRenderers } = useExtraCells();
|
|
@@ -38,7 +38,7 @@ const Grid = () => {
|
|
|
38
38
|
Step 2: Use the cells in your `getCellContent` callback
|
|
39
39
|
|
|
40
40
|
```ts
|
|
41
|
-
import type { StarCell } from "
|
|
41
|
+
import type { StarCell } from "glide-data-grid-fork-cells";
|
|
42
42
|
|
|
43
43
|
const getCellContent = React.useCallback(() => {
|
|
44
44
|
const starCell: StarCell = {
|
|
@@ -24,10 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
const React = __importStar(require("react"));
|
|
27
|
-
const
|
|
27
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
28
28
|
const ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor.js"));
|
|
29
29
|
const renderer = {
|
|
30
|
-
kind:
|
|
30
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
31
31
|
isMatch: (c) => c.data.kind === "article-cell",
|
|
32
32
|
draw: (args, cell) => {
|
|
33
33
|
const { ctx, theme, rect } = args;
|
|
@@ -43,7 +43,7 @@ const renderer = {
|
|
|
43
43
|
data = data.slice(0, max);
|
|
44
44
|
}
|
|
45
45
|
ctx.fillStyle = theme.textDark;
|
|
46
|
-
ctx.fillText(data, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0,
|
|
46
|
+
ctx.fillText(data, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme));
|
|
47
47
|
return true;
|
|
48
48
|
},
|
|
49
49
|
provideEditor: () => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"article-cell.js","sourceRoot":"","sources":["../../../src/cells/article-cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAC/B
|
|
1
|
+
{"version":3,"file":"article-cell.js","sourceRoot":"","sources":["../../../src/cells/article-cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAC/B,+DAA8F;AAE9F,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;AAE3F,MAAM,QAAQ,GAAgC;IAC1C,IAAI,EAAE,mCAAY,CAAC,MAAM;IACzB,OAAO,EAAE,CAAC,CAAC,EAAoB,EAAE,CAAE,CAAC,CAAC,IAAY,CAAC,IAAI,KAAK,cAAc;IACzE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QACjB,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;QAE/B,IAAI,IAAI,GAAG,QAAQ,CAAC;QACpB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACrB,8EAA8E;YAC9E,6CAA6C;YAC7C,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACjC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,kDAAkD;QAC9E,IAAI,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;SAC7B;QAED,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC/B,GAAG,CAAC,QAAQ,CACR,IAAI,EACJ,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,qBAAqB,EACpC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAA,0CAAmB,EAAC,GAAG,EAAE,KAAK,CAAC,CAC7D,CAAC;QAEF,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC,CAAC,EAAE;YACR,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;gBAC1B,oBAAC,iBAAiB,OAAK,CAAC,GAAI,CACf,CACpB,CAAC;QACN,CAAC;QACD,aAAa,EAAE;YACX,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;SACrB;QACD,cAAc,EAAE,IAAI;KACvB,CAAC;IACF,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAClB,GAAG,CAAC;QACJ,QAAQ,EAAE,GAAG;KAChB,CAAC;CACL,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
4
4
|
const draw_fns_js_1 = require("../draw-fns.js");
|
|
5
5
|
function unpackColor(color, theme, hoverAmount) {
|
|
6
6
|
if (typeof color === "string") {
|
|
@@ -13,7 +13,7 @@ function unpackColor(color, theme, hoverAmount) {
|
|
|
13
13
|
normal = theme[normal];
|
|
14
14
|
if (theme[hover] !== undefined)
|
|
15
15
|
hover = theme[hover];
|
|
16
|
-
return (0,
|
|
16
|
+
return (0, glide_data_grid_fork_1.interpolateColors)(normal, hover, hoverAmount);
|
|
17
17
|
}
|
|
18
18
|
function getIsHovered(bounds, posX, posY, theme) {
|
|
19
19
|
const x = Math.floor(bounds.x + theme.cellHorizontalPadding + 1);
|
|
@@ -28,7 +28,7 @@ function getIsHovered(bounds, posX, posY, theme) {
|
|
|
28
28
|
posY + bounds.y < y + height);
|
|
29
29
|
}
|
|
30
30
|
const renderer = {
|
|
31
|
-
kind:
|
|
31
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
32
32
|
isMatch: (c) => c.data.kind === "button-cell",
|
|
33
33
|
needsHoverPosition: true,
|
|
34
34
|
needsHover: true,
|
|
@@ -85,7 +85,7 @@ const renderer = {
|
|
|
85
85
|
ctx.stroke();
|
|
86
86
|
}
|
|
87
87
|
ctx.fillStyle = unpackColor(color ?? theme.accentColor, theme, hoverAmount);
|
|
88
|
-
ctx.fillText(title, x + width / 2, y + height / 2 + (0,
|
|
88
|
+
ctx.fillText(title, x + width / 2, y + height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme.baseFontFull));
|
|
89
89
|
return true;
|
|
90
90
|
},
|
|
91
91
|
provideEditor: undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-cell.js","sourceRoot":"","sources":["../../../src/cells/button-cell.tsx"],"names":[],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"button-cell.js","sourceRoot":"","sources":["../../../src/cells/button-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
11
11
|
exports.formatValueForHTMLInput = exports.StyledInputBox = void 0;
|
|
12
12
|
const react_1 = __importDefault(require("react"));
|
|
13
13
|
const react_2 = require("@linaria/react");
|
|
14
|
-
const
|
|
14
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
15
15
|
exports.StyledInputBox = /*#__PURE__*/react_2.styled('input')({
|
|
16
16
|
name: "date-picker-cell0",
|
|
17
17
|
class: "gdg-d1wtovjx",
|
|
@@ -52,7 +52,7 @@ const Editor = cell => {
|
|
|
52
52
|
}
|
|
53
53
|
const value = (0, exports.formatValueForHTMLInput)(format, date);
|
|
54
54
|
if (cell.value.readonly) {
|
|
55
|
-
return react_1.default.createElement(
|
|
55
|
+
return react_1.default.createElement(glide_data_grid_fork_1.TextCellEntry, {
|
|
56
56
|
highlight: true,
|
|
57
57
|
autoFocus: false,
|
|
58
58
|
disabled: true,
|
|
@@ -94,13 +94,13 @@ const Editor = cell => {
|
|
|
94
94
|
});
|
|
95
95
|
};
|
|
96
96
|
const renderer = {
|
|
97
|
-
kind:
|
|
97
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
98
98
|
isMatch: cell => cell.data.kind === "date-picker-cell",
|
|
99
99
|
draw: (args, cell) => {
|
|
100
100
|
const {
|
|
101
101
|
displayDate
|
|
102
102
|
} = cell.data;
|
|
103
|
-
(0,
|
|
103
|
+
(0, glide_data_grid_fork_1.drawTextCell)(args, displayDate, cell.contentAlign);
|
|
104
104
|
return true;
|
|
105
105
|
},
|
|
106
106
|
measure: (ctx, cell, theme) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker-cell.js","sourceRoot":"","sources":["../../../src/cells/date-picker-cell.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAAwC;AAExC
|
|
1
|
+
{"version":3,"file":"date-picker-cell.js","sourceRoot":"","sources":["../../../src/cells/date-picker-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
37
37
|
const React = __importStar(require("react"));
|
|
38
38
|
const react_1 = require("@linaria/react");
|
|
39
39
|
const react_select_1 = __importStar(require("react-select"));
|
|
40
|
-
const
|
|
40
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
41
41
|
const CustomMenu = p => {
|
|
42
42
|
const {
|
|
43
43
|
Menu
|
|
@@ -67,7 +67,6 @@ const ReadOnlyWrap = /*#__PURE__*/react_1.styled('div')({
|
|
|
67
67
|
class: "gdg-r6sia3g",
|
|
68
68
|
propsAsIs: false
|
|
69
69
|
});
|
|
70
|
-
// Editor Component
|
|
71
70
|
const Editor = p => {
|
|
72
71
|
const {
|
|
73
72
|
value: cell,
|
|
@@ -76,25 +75,13 @@ const Editor = p => {
|
|
|
76
75
|
} = p;
|
|
77
76
|
const {
|
|
78
77
|
allowedValues,
|
|
79
|
-
value: valueIn
|
|
80
|
-
fetchOptions
|
|
78
|
+
value: valueIn
|
|
81
79
|
} = cell.data;
|
|
82
80
|
const [value, setValue] = React.useState(valueIn);
|
|
83
81
|
const [inputValue, setInputValue] = React.useState(initialValue ?? "");
|
|
84
|
-
const
|
|
85
|
-
const theme = (0, glide_data_grid_1.useTheme)();
|
|
86
|
-
// Debounced API Call
|
|
87
|
-
React.useEffect(() => {
|
|
88
|
-
if (fetchOptions && inputValue) {
|
|
89
|
-
const timeout = setTimeout(() => {
|
|
90
|
-
fetchOptions(inputValue).then(fetchedOptions => setOptions(fetchedOptions)).catch(console.error);
|
|
91
|
-
}, 300); // Debounce delay
|
|
92
|
-
return () => clearTimeout(timeout);
|
|
93
|
-
}
|
|
94
|
-
}, [inputValue, fetchOptions]);
|
|
95
|
-
console.log("API Called...");
|
|
82
|
+
const theme = (0, glide_data_grid_fork_1.useTheme)();
|
|
96
83
|
const values = React.useMemo(() => {
|
|
97
|
-
return
|
|
84
|
+
return allowedValues.map(option => {
|
|
98
85
|
if (typeof option === "string" || option === null || option === undefined) {
|
|
99
86
|
return {
|
|
100
87
|
value: option,
|
|
@@ -103,9 +90,9 @@ const Editor = p => {
|
|
|
103
90
|
}
|
|
104
91
|
return option;
|
|
105
92
|
});
|
|
106
|
-
}, [
|
|
93
|
+
}, [allowedValues]);
|
|
107
94
|
if (cell.readonly) {
|
|
108
|
-
return React.createElement(ReadOnlyWrap, null, React.createElement(
|
|
95
|
+
return React.createElement(ReadOnlyWrap, null, React.createElement(glide_data_grid_fork_1.TextCellEntry, {
|
|
109
96
|
highlight: true,
|
|
110
97
|
autoFocus: false,
|
|
111
98
|
disabled: true,
|
|
@@ -138,6 +125,8 @@ const Editor = p => {
|
|
|
138
125
|
...base[":active"],
|
|
139
126
|
color: theme.accentFg
|
|
140
127
|
},
|
|
128
|
+
// Add some content in case the option is empty
|
|
129
|
+
// so that the option height can be calculated correctly
|
|
141
130
|
":empty::after": {
|
|
142
131
|
content: '" "',
|
|
143
132
|
visibility: "hidden"
|
|
@@ -150,13 +139,26 @@ const Editor = p => {
|
|
|
150
139
|
colors: {
|
|
151
140
|
...t.colors,
|
|
152
141
|
neutral0: theme.bgCell,
|
|
142
|
+
// the selected item because of course it is.
|
|
143
|
+
neutral5: theme.bgCell,
|
|
144
|
+
neutral10: theme.bgCell,
|
|
153
145
|
neutral20: theme.bgCellMedium,
|
|
146
|
+
neutral30: theme.bgCellMedium,
|
|
147
|
+
neutral40: theme.bgCellMedium,
|
|
154
148
|
neutral50: theme.textLight,
|
|
149
|
+
neutral60: theme.textMedium,
|
|
150
|
+
neutral70: theme.textMedium,
|
|
155
151
|
neutral80: theme.textDark,
|
|
156
|
-
|
|
152
|
+
neutral90: theme.textDark,
|
|
153
|
+
neutral100: theme.textDark,
|
|
154
|
+
primary: theme.accentColor,
|
|
155
|
+
primary75: theme.accentColor,
|
|
156
|
+
primary50: theme.accentColor,
|
|
157
|
+
primary25: theme.accentLight // prelight color
|
|
157
158
|
}
|
|
158
159
|
};
|
|
159
160
|
},
|
|
161
|
+
|
|
160
162
|
menuPortalTarget: document.getElementById("portal"),
|
|
161
163
|
autoFocus: true,
|
|
162
164
|
openMenuOnFocus: true,
|
|
@@ -184,7 +186,7 @@ const Editor = p => {
|
|
|
184
186
|
}));
|
|
185
187
|
};
|
|
186
188
|
const renderer = {
|
|
187
|
-
kind:
|
|
189
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
188
190
|
isMatch: c => c.data.kind === "dropdown-cell",
|
|
189
191
|
draw: (args, cell) => {
|
|
190
192
|
const {
|
|
@@ -204,7 +206,7 @@ const renderer = {
|
|
|
204
206
|
const displayText = typeof foundOption === "string" ? foundOption : foundOption?.label ?? "";
|
|
205
207
|
if (displayText) {
|
|
206
208
|
ctx.fillStyle = theme.textDark;
|
|
207
|
-
ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0,
|
|
209
|
+
ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme));
|
|
208
210
|
}
|
|
209
211
|
return true;
|
|
210
212
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/dropdown-cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,0CAAwC;AACxC,6DAAkE;AAElE
|
|
1
|
+
{"version":3,"file":"dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/dropdown-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.gdg-wq24c0d{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;}.gdg-wq24c0d .glide-select{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);}
|
|
2
|
+
.gdg-pjmrjuo{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);color:var(--gdg-text-dark);}.gdg-pjmrjuo > div{border-radius:4px;border:1px solid var(--gdg-border-color);}
|
|
3
|
+
.gdg-rzd5ey8{display:"flex";margin:auto 8.5px;padding-bottom:3px;}
|
|
@@ -0,0 +1,245 @@
|
|
|
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 React = __importStar(require("react"));
|
|
38
|
+
const react_1 = require("@linaria/react");
|
|
39
|
+
const react_select_1 = __importStar(require("react-select"));
|
|
40
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
41
|
+
const CustomMenu = p => {
|
|
42
|
+
const {
|
|
43
|
+
Menu
|
|
44
|
+
} = react_select_1.components;
|
|
45
|
+
const {
|
|
46
|
+
children,
|
|
47
|
+
...rest
|
|
48
|
+
} = p;
|
|
49
|
+
return React.createElement(Menu, {
|
|
50
|
+
...rest
|
|
51
|
+
}, children);
|
|
52
|
+
};
|
|
53
|
+
const Wrap = /*#__PURE__*/react_1.styled('div')({
|
|
54
|
+
name: "Wrap",
|
|
55
|
+
class: "gdg-wq24c0d",
|
|
56
|
+
propsAsIs: false
|
|
57
|
+
});
|
|
58
|
+
const PortalWrap = /*#__PURE__*/react_1.styled('div')({
|
|
59
|
+
name: "PortalWrap",
|
|
60
|
+
class: "gdg-pjmrjuo",
|
|
61
|
+
propsAsIs: false
|
|
62
|
+
});
|
|
63
|
+
// This is required since the padding is disabled for this cell type
|
|
64
|
+
// The settings are based on the "pad" settings in the data-grid-overlay-editor-style.tsx
|
|
65
|
+
const ReadOnlyWrap = /*#__PURE__*/react_1.styled('div')({
|
|
66
|
+
name: "ReadOnlyWrap",
|
|
67
|
+
class: "gdg-rzd5ey8",
|
|
68
|
+
propsAsIs: false
|
|
69
|
+
});
|
|
70
|
+
// Editor Component
|
|
71
|
+
const Editor = p => {
|
|
72
|
+
const {
|
|
73
|
+
value: cell,
|
|
74
|
+
onFinishedEditing,
|
|
75
|
+
initialValue
|
|
76
|
+
} = p;
|
|
77
|
+
const {
|
|
78
|
+
allowedValues,
|
|
79
|
+
value: valueIn,
|
|
80
|
+
fetchOptions
|
|
81
|
+
} = cell.data;
|
|
82
|
+
const [value, setValue] = React.useState(valueIn);
|
|
83
|
+
const [inputValue, setInputValue] = React.useState(initialValue ?? "");
|
|
84
|
+
const [options, setOptions] = React.useState(() => Array.from(allowedValues));
|
|
85
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
86
|
+
const theme = (0, glide_data_grid_fork_1.useTheme)();
|
|
87
|
+
// Debounced API Call
|
|
88
|
+
React.useEffect(() => {
|
|
89
|
+
if (fetchOptions && inputValue) {
|
|
90
|
+
const timeout = setTimeout(() => {
|
|
91
|
+
fetchOptions(inputValue).then(fetchedOptions => setOptions(fetchedOptions)).catch(console.error);
|
|
92
|
+
}, 300); // Debounce delay
|
|
93
|
+
return () => clearTimeout(timeout);
|
|
94
|
+
}
|
|
95
|
+
}, [inputValue, fetchOptions]);
|
|
96
|
+
const values = React.useMemo(() => {
|
|
97
|
+
return options.map(option => {
|
|
98
|
+
if (typeof option === "string" || option === null || option === undefined) {
|
|
99
|
+
return {
|
|
100
|
+
value: option,
|
|
101
|
+
label: option?.toString() ?? ""
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
return option;
|
|
105
|
+
});
|
|
106
|
+
}, [options]);
|
|
107
|
+
if (cell.readonly) {
|
|
108
|
+
return React.createElement(ReadOnlyWrap, null, React.createElement(glide_data_grid_fork_1.TextCellEntry, {
|
|
109
|
+
highlight: true,
|
|
110
|
+
autoFocus: false,
|
|
111
|
+
disabled: true,
|
|
112
|
+
value: value ?? "",
|
|
113
|
+
onChange: () => undefined
|
|
114
|
+
}));
|
|
115
|
+
}
|
|
116
|
+
return React.createElement(Wrap, null, isFocused || !value ? React.createElement(react_select_1.default, {
|
|
117
|
+
className: "glide-select",
|
|
118
|
+
inputValue: inputValue,
|
|
119
|
+
onInputChange: setInputValue,
|
|
120
|
+
menuPlacement: "auto",
|
|
121
|
+
value: values.find(x => x.value === value),
|
|
122
|
+
styles: {
|
|
123
|
+
control: base => ({
|
|
124
|
+
...base,
|
|
125
|
+
border: 0,
|
|
126
|
+
boxShadow: "none"
|
|
127
|
+
}),
|
|
128
|
+
option: (base, {
|
|
129
|
+
isFocused: isFocused2
|
|
130
|
+
}) => ({
|
|
131
|
+
...base,
|
|
132
|
+
fontSize: theme.editorFontSize,
|
|
133
|
+
fontFamily: theme.fontFamily,
|
|
134
|
+
cursor: isFocused2 ? "pointer" : undefined,
|
|
135
|
+
paddingLeft: theme.cellHorizontalPadding,
|
|
136
|
+
paddingRight: theme.cellHorizontalPadding,
|
|
137
|
+
":active": {
|
|
138
|
+
...base[":active"],
|
|
139
|
+
color: theme.accentFg
|
|
140
|
+
},
|
|
141
|
+
":empty::after": {
|
|
142
|
+
content: '" "',
|
|
143
|
+
visibility: "hidden"
|
|
144
|
+
}
|
|
145
|
+
})
|
|
146
|
+
},
|
|
147
|
+
theme: t => {
|
|
148
|
+
return {
|
|
149
|
+
...t,
|
|
150
|
+
colors: {
|
|
151
|
+
...t.colors,
|
|
152
|
+
neutral0: theme.bgCell,
|
|
153
|
+
neutral20: theme.bgCellMedium,
|
|
154
|
+
neutral50: theme.textLight,
|
|
155
|
+
neutral80: theme.textDark,
|
|
156
|
+
primary: theme.accentColor
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
},
|
|
160
|
+
menuPortalTarget: document.getElementById("portal"),
|
|
161
|
+
autoFocus: true,
|
|
162
|
+
openMenuOnFocus: true,
|
|
163
|
+
components: {
|
|
164
|
+
DropdownIndicator: () => null,
|
|
165
|
+
IndicatorSeparator: () => null,
|
|
166
|
+
Menu: props => React.createElement(PortalWrap, null, React.createElement(CustomMenu, {
|
|
167
|
+
className: "click-outside-ignore",
|
|
168
|
+
...props
|
|
169
|
+
}))
|
|
170
|
+
},
|
|
171
|
+
options: values,
|
|
172
|
+
onChange: async e => {
|
|
173
|
+
if (e === null) return;
|
|
174
|
+
setValue(e.value);
|
|
175
|
+
setIsFocused(false);
|
|
176
|
+
await new Promise(r => window.requestAnimationFrame(r));
|
|
177
|
+
onFinishedEditing({
|
|
178
|
+
...cell,
|
|
179
|
+
data: {
|
|
180
|
+
...cell.data,
|
|
181
|
+
value: e.value
|
|
182
|
+
}
|
|
183
|
+
});
|
|
184
|
+
},
|
|
185
|
+
onBlur: () => setIsFocused(false)
|
|
186
|
+
}) : React.createElement("input", {
|
|
187
|
+
type: "text",
|
|
188
|
+
value: value,
|
|
189
|
+
onFocus: () => setIsFocused(true),
|
|
190
|
+
autoFocus: false,
|
|
191
|
+
readOnly: true,
|
|
192
|
+
style: {
|
|
193
|
+
fontFamily: theme.fontFamily,
|
|
194
|
+
fontSize: theme.editorFontSize,
|
|
195
|
+
border: "none",
|
|
196
|
+
background: "transparent",
|
|
197
|
+
padding: "0",
|
|
198
|
+
margin: "0"
|
|
199
|
+
}
|
|
200
|
+
}));
|
|
201
|
+
};
|
|
202
|
+
const renderer = {
|
|
203
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
204
|
+
isMatch: c => c.data.kind === "input-dropdown-cell",
|
|
205
|
+
draw: (args, cell) => {
|
|
206
|
+
const {
|
|
207
|
+
ctx,
|
|
208
|
+
theme,
|
|
209
|
+
rect
|
|
210
|
+
} = args;
|
|
211
|
+
const {
|
|
212
|
+
value
|
|
213
|
+
} = cell.data;
|
|
214
|
+
const displayText = value;
|
|
215
|
+
if (displayText) {
|
|
216
|
+
ctx.fillStyle = theme.textDark;
|
|
217
|
+
ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, theme));
|
|
218
|
+
}
|
|
219
|
+
return true;
|
|
220
|
+
},
|
|
221
|
+
measure: (ctx, cell, theme) => {
|
|
222
|
+
const {
|
|
223
|
+
value
|
|
224
|
+
} = cell.data;
|
|
225
|
+
return (value ? ctx.measureText(value).width : 0) + theme.cellHorizontalPadding * 2;
|
|
226
|
+
},
|
|
227
|
+
provideEditor: () => ({
|
|
228
|
+
editor: Editor,
|
|
229
|
+
disablePadding: true,
|
|
230
|
+
deletedValue: v => ({
|
|
231
|
+
...v,
|
|
232
|
+
copyData: "",
|
|
233
|
+
data: {
|
|
234
|
+
...v.data,
|
|
235
|
+
value: ""
|
|
236
|
+
}
|
|
237
|
+
})
|
|
238
|
+
}),
|
|
239
|
+
onPaste: (_v, d) => ({
|
|
240
|
+
...d,
|
|
241
|
+
value: d.value
|
|
242
|
+
})
|
|
243
|
+
};
|
|
244
|
+
exports.default = renderer;
|
|
245
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/input-dropdown-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ var __importStar = this && this.__importStar || function (mod) {
|
|
|
34
34
|
Object.defineProperty(exports, "__esModule", {
|
|
35
35
|
value: true
|
|
36
36
|
});
|
|
37
|
-
const
|
|
37
|
+
const glide_data_grid_fork_1 = require("glide-data-grid-fork");
|
|
38
38
|
const react_1 = require("@linaria/react");
|
|
39
39
|
const React = __importStar(require("react"));
|
|
40
40
|
function onClickSelect(e) {
|
|
@@ -61,8 +61,8 @@ function onClickSelect(e) {
|
|
|
61
61
|
const rectHoverX = rect.x + hoverX;
|
|
62
62
|
for (const [index, l] of links.entries()) {
|
|
63
63
|
const needsComma = index < links.length - 1;
|
|
64
|
-
const metrics = (0,
|
|
65
|
-
const commaMetrics = needsComma ? (0,
|
|
64
|
+
const metrics = (0, glide_data_grid_fork_1.measureTextCached)(l.title, ctx);
|
|
65
|
+
const commaMetrics = needsComma ? (0, glide_data_grid_fork_1.measureTextCached)(l.title + ",", ctx, font) : metrics;
|
|
66
66
|
const isHovered = rectHoverX > drawX && rectHoverX < drawX + metrics.width;
|
|
67
67
|
if (isHovered) {
|
|
68
68
|
return l;
|
|
@@ -72,7 +72,7 @@ function onClickSelect(e) {
|
|
|
72
72
|
return undefined;
|
|
73
73
|
}
|
|
74
74
|
const renderer = {
|
|
75
|
-
kind:
|
|
75
|
+
kind: glide_data_grid_fork_1.GridCellKind.Custom,
|
|
76
76
|
needsHover: true,
|
|
77
77
|
needsHoverPosition: true,
|
|
78
78
|
isMatch: c => c.data.kind === "links-cell",
|
|
@@ -105,12 +105,12 @@ const renderer = {
|
|
|
105
105
|
let drawX = rect.x + xPad;
|
|
106
106
|
const rectHoverX = rect.x + hoverX;
|
|
107
107
|
const font = theme.baseFontFull;
|
|
108
|
-
const middleCenterBias = (0,
|
|
108
|
+
const middleCenterBias = (0, glide_data_grid_fork_1.getMiddleCenterBias)(ctx, font);
|
|
109
109
|
const drawY = rect.y + rect.height / 2 + middleCenterBias;
|
|
110
110
|
for (const [index, l] of links.entries()) {
|
|
111
111
|
const needsComma = index < links.length - 1;
|
|
112
|
-
const metrics = (0,
|
|
113
|
-
const commaMetrics = needsComma ? (0,
|
|
112
|
+
const metrics = (0, glide_data_grid_fork_1.measureTextCached)(l.title, ctx, font);
|
|
113
|
+
const commaMetrics = needsComma ? (0, glide_data_grid_fork_1.measureTextCached)(l.title + ",", ctx, font) : metrics;
|
|
114
114
|
const isHovered = rectHoverX > drawX && rectHoverX < drawX + metrics.width;
|
|
115
115
|
if (isHovered) {
|
|
116
116
|
args.overrideCursor?.("pointer");
|
|
@@ -119,7 +119,7 @@ const renderer = {
|
|
|
119
119
|
// ctx.lineWidth = 1;
|
|
120
120
|
ctx.strokeStyle = theme.textDark;
|
|
121
121
|
ctx.stroke();
|
|
122
|
-
ctx.fillStyle = highlighted ? (0,
|
|
122
|
+
ctx.fillStyle = highlighted ? (0, glide_data_grid_fork_1.blend)(theme.accentLight, theme.bgCell) : theme.bgCell;
|
|
123
123
|
ctx.fillText(needsComma ? l.title + "," : l.title, drawX - 1, drawY);
|
|
124
124
|
ctx.fillText(needsComma ? l.title + "," : l.title, drawX + 1, drawY);
|
|
125
125
|
ctx.fillText(needsComma ? l.title + "," : l.title, drawX - 2, drawY);
|