@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.
- package/LICENSE +21 -0
- package/README.md +64 -0
- package/dist/cjs/cells/article-cell-editor.css +1 -0
- package/dist/cjs/cells/article-cell-editor.js +62 -0
- package/dist/cjs/cells/article-cell-editor.js.map +1 -0
- package/dist/cjs/cells/article-cell-types.js +2 -0
- package/dist/cjs/cells/article-cell-types.js.map +1 -0
- package/dist/cjs/cells/article-cell.js +46 -0
- package/dist/cjs/cells/article-cell.js.map +1 -0
- package/dist/cjs/cells/button-cell.js +92 -0
- package/dist/cjs/cells/button-cell.js.map +1 -0
- package/dist/cjs/cells/date-picker-cell.css +1 -0
- package/dist/cjs/cells/date-picker-cell.js +127 -0
- package/dist/cjs/cells/date-picker-cell.js.map +1 -0
- package/dist/cjs/cells/dropdown-cell.css +3 -0
- package/dist/cjs/cells/dropdown-cell.js +206 -0
- package/dist/cjs/cells/dropdown-cell.js.map +1 -0
- package/dist/cjs/cells/links-cell.css +1 -0
- package/dist/cjs/cells/links-cell.js +245 -0
- package/dist/cjs/cells/links-cell.js.map +1 -0
- package/dist/cjs/cells/multi-select-cell.css +2 -0
- package/dist/cjs/cells/multi-select-cell.js +456 -0
- package/dist/cjs/cells/multi-select-cell.js.map +1 -0
- package/dist/cjs/cells/range-cell.js +101 -0
- package/dist/cjs/cells/range-cell.js.map +1 -0
- package/dist/cjs/cells/sparkline-cell.js +114 -0
- package/dist/cjs/cells/sparkline-cell.js.map +1 -0
- package/dist/cjs/cells/spinner-cell.js +22 -0
- package/dist/cjs/cells/spinner-cell.js.map +1 -0
- package/dist/cjs/cells/star-cell.css +1 -0
- package/dist/cjs/cells/star-cell.js +88 -0
- package/dist/cjs/cells/star-cell.js.map +1 -0
- package/dist/cjs/cells/tags-cell.css +1 -0
- package/dist/cjs/cells/tags-cell.js +117 -0
- package/dist/cjs/cells/tags-cell.js.map +1 -0
- package/dist/cjs/cells/tree-view-cell.js +60 -0
- package/dist/cjs/cells/tree-view-cell.js.map +1 -0
- package/dist/cjs/cells/user-profile-cell.js +56 -0
- package/dist/cjs/cells/user-profile-cell.js.map +1 -0
- package/dist/cjs/draw-fns.js +28 -0
- package/dist/cjs/draw-fns.js.map +1 -0
- package/dist/cjs/index.js +30 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/dts/cells/article-cell-editor.d.ts +5 -0
- package/dist/dts/cells/article-cell-editor.d.ts.map +1 -0
- package/dist/dts/cells/article-cell-types.d.ts +8 -0
- package/dist/dts/cells/article-cell-types.d.ts.map +1 -0
- package/dist/dts/cells/article-cell.d.ts +5 -0
- package/dist/dts/cells/article-cell.d.ts.map +1 -0
- package/dist/dts/cells/button-cell.d.ts +17 -0
- package/dist/dts/cells/button-cell.d.ts.map +1 -0
- package/dist/dts/cells/date-picker-cell.d.ts +19 -0
- package/dist/dts/cells/date-picker-cell.d.ts.map +1 -0
- package/dist/dts/cells/dropdown-cell.d.ts +14 -0
- package/dist/dts/cells/dropdown-cell.d.ts.map +1 -0
- package/dist/dts/cells/links-cell.d.ts +20 -0
- package/dist/dts/cells/links-cell.d.ts.map +1 -0
- package/dist/dts/cells/multi-select-cell.d.ts +43 -0
- package/dist/dts/cells/multi-select-cell.d.ts.map +1 -0
- package/dist/dts/cells/range-cell.d.ts +15 -0
- package/dist/dts/cells/range-cell.d.ts.map +1 -0
- package/dist/dts/cells/sparkline-cell.d.ts +14 -0
- package/dist/dts/cells/sparkline-cell.d.ts.map +1 -0
- package/dist/dts/cells/spinner-cell.d.ts +8 -0
- package/dist/dts/cells/spinner-cell.d.ts.map +1 -0
- package/dist/dts/cells/star-cell.d.ts +9 -0
- package/dist/dts/cells/star-cell.d.ts.map +1 -0
- package/dist/dts/cells/tags-cell.d.ts +13 -0
- package/dist/dts/cells/tags-cell.d.ts.map +1 -0
- package/dist/dts/cells/tree-view-cell.d.ts +15 -0
- package/dist/dts/cells/tree-view-cell.d.ts.map +1 -0
- package/dist/dts/cells/user-profile-cell.d.ts +12 -0
- package/dist/dts/cells/user-profile-cell.d.ts.map +1 -0
- package/dist/dts/draw-fns.d.ts +9 -0
- package/dist/dts/draw-fns.d.ts.map +1 -0
- package/dist/dts/index.d.ts +18 -0
- package/dist/dts/index.d.ts.map +1 -0
- package/dist/esm/cells/article-cell-editor.css +1 -0
- package/dist/esm/cells/article-cell-editor.js +62 -0
- package/dist/esm/cells/article-cell-editor.js.map +1 -0
- package/dist/esm/cells/article-cell-types.js +2 -0
- package/dist/esm/cells/article-cell-types.js.map +1 -0
- package/dist/esm/cells/article-cell.js +46 -0
- package/dist/esm/cells/article-cell.js.map +1 -0
- package/dist/esm/cells/button-cell.js +92 -0
- package/dist/esm/cells/button-cell.js.map +1 -0
- package/dist/esm/cells/date-picker-cell.css +1 -0
- package/dist/esm/cells/date-picker-cell.js +127 -0
- package/dist/esm/cells/date-picker-cell.js.map +1 -0
- package/dist/esm/cells/dropdown-cell.css +3 -0
- package/dist/esm/cells/dropdown-cell.js +206 -0
- package/dist/esm/cells/dropdown-cell.js.map +1 -0
- package/dist/esm/cells/links-cell.css +1 -0
- package/dist/esm/cells/links-cell.js +245 -0
- package/dist/esm/cells/links-cell.js.map +1 -0
- package/dist/esm/cells/multi-select-cell.css +2 -0
- package/dist/esm/cells/multi-select-cell.js +456 -0
- package/dist/esm/cells/multi-select-cell.js.map +1 -0
- package/dist/esm/cells/range-cell.js +101 -0
- package/dist/esm/cells/range-cell.js.map +1 -0
- package/dist/esm/cells/sparkline-cell.js +114 -0
- package/dist/esm/cells/sparkline-cell.js.map +1 -0
- package/dist/esm/cells/spinner-cell.js +22 -0
- package/dist/esm/cells/spinner-cell.js.map +1 -0
- package/dist/esm/cells/star-cell.css +1 -0
- package/dist/esm/cells/star-cell.js +88 -0
- package/dist/esm/cells/star-cell.js.map +1 -0
- package/dist/esm/cells/tags-cell.css +1 -0
- package/dist/esm/cells/tags-cell.js +117 -0
- package/dist/esm/cells/tags-cell.js.map +1 -0
- package/dist/esm/cells/tree-view-cell.js +60 -0
- package/dist/esm/cells/tree-view-cell.js.map +1 -0
- package/dist/esm/cells/user-profile-cell.js +56 -0
- package/dist/esm/cells/user-profile-cell.js.map +1 -0
- package/dist/esm/draw-fns.js +28 -0
- package/dist/esm/draw-fns.js.map +1 -0
- package/dist/esm/index.js +30 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/index.css +8 -0
- package/package.json +74 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { styled } from "@linaria/react";
|
|
3
|
+
import { drawTextCell, GridCellKind, TextCellEntry } from "@glideapps/glide-data-grid";
|
|
4
|
+
export const StyledInputBox = /*#__PURE__*/styled('input')({
|
|
5
|
+
name: "StyledInputBox",
|
|
6
|
+
class: "gdg-s1wtovjx",
|
|
7
|
+
propsAsIs: false
|
|
8
|
+
});
|
|
9
|
+
export const formatValueForHTMLInput = (dateKind, date, timezoneOffsetMs) => {
|
|
10
|
+
if (date === undefined || date === null) {
|
|
11
|
+
return "";
|
|
12
|
+
}
|
|
13
|
+
if (timezoneOffsetMs) {
|
|
14
|
+
// Adjust based on the configured timezone offset:
|
|
15
|
+
date = new Date(date.getTime() + timezoneOffsetMs);
|
|
16
|
+
}
|
|
17
|
+
const isoDate = date.toISOString();
|
|
18
|
+
switch (dateKind) {
|
|
19
|
+
case "date":
|
|
20
|
+
return isoDate.split("T")[0];
|
|
21
|
+
case "datetime-local":
|
|
22
|
+
return isoDate.replace("Z", "");
|
|
23
|
+
case "time":
|
|
24
|
+
return isoDate.split("T")[1].replace("Z", "");
|
|
25
|
+
default:
|
|
26
|
+
throw new Error(`Unknown date kind ${dateKind}`);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const Editor = cell => {
|
|
30
|
+
const cellData = cell.value.data;
|
|
31
|
+
const {
|
|
32
|
+
format,
|
|
33
|
+
displayDate
|
|
34
|
+
} = cellData;
|
|
35
|
+
const step = cellData.step !== undefined && !Number.isNaN(Number(cellData.step)) ? Number(cellData.step) : undefined;
|
|
36
|
+
// Convert timezone offset from minutes to milliseconds:
|
|
37
|
+
const timezoneOffsetMs = cellData.timezoneOffset ? cellData.timezoneOffset * 60 * 1000 : 0;
|
|
38
|
+
// We need to convert the min and max to iso strings. Thereby, we are also
|
|
39
|
+
// adjusting the values to the given timezone offset.
|
|
40
|
+
const minValue = cellData.min instanceof Date ? formatValueForHTMLInput(format, cellData.min, timezoneOffsetMs) : cellData.min;
|
|
41
|
+
const maxValue = cellData.max instanceof Date ? formatValueForHTMLInput(format, cellData.max, timezoneOffsetMs) : cellData.max;
|
|
42
|
+
const value = formatValueForHTMLInput(format, cellData.date, timezoneOffsetMs);
|
|
43
|
+
if (cell.value.readonly) {
|
|
44
|
+
return React.createElement(TextCellEntry, {
|
|
45
|
+
highlight: true,
|
|
46
|
+
autoFocus: false,
|
|
47
|
+
disabled: true,
|
|
48
|
+
value: displayDate ?? "",
|
|
49
|
+
onChange: () => undefined
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return React.createElement(StyledInputBox, {
|
|
53
|
+
"data-testid": "date-picker-cell",
|
|
54
|
+
required: true,
|
|
55
|
+
type: format,
|
|
56
|
+
defaultValue: value,
|
|
57
|
+
min: minValue,
|
|
58
|
+
max: maxValue,
|
|
59
|
+
step: step,
|
|
60
|
+
autoFocus: true,
|
|
61
|
+
onChange: event => {
|
|
62
|
+
if (isNaN(event.target.valueAsNumber)) {
|
|
63
|
+
// The user has cleared the date, contribute as undefined
|
|
64
|
+
cell.onChange({
|
|
65
|
+
...cell.value,
|
|
66
|
+
data: {
|
|
67
|
+
...cell.value.data,
|
|
68
|
+
date: undefined
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
} else {
|
|
72
|
+
cell.onChange({
|
|
73
|
+
...cell.value,
|
|
74
|
+
data: {
|
|
75
|
+
...cell.value.data,
|
|
76
|
+
// use valueAsNumber because valueAsDate is null for "datetime-local"
|
|
77
|
+
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local#technical_summary
|
|
78
|
+
date: new Date(event.target.valueAsNumber - timezoneOffsetMs)
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
};
|
|
85
|
+
const renderer = {
|
|
86
|
+
kind: GridCellKind.Custom,
|
|
87
|
+
isMatch: cell => cell.data.kind === "date-picker-cell",
|
|
88
|
+
draw: (args, cell) => {
|
|
89
|
+
const {
|
|
90
|
+
displayDate
|
|
91
|
+
} = cell.data;
|
|
92
|
+
drawTextCell(args, displayDate, cell.contentAlign);
|
|
93
|
+
return true;
|
|
94
|
+
},
|
|
95
|
+
measure: (ctx, cell, theme) => {
|
|
96
|
+
const {
|
|
97
|
+
displayDate
|
|
98
|
+
} = cell.data;
|
|
99
|
+
return ctx.measureText(displayDate).width + theme.cellHorizontalPadding * 2;
|
|
100
|
+
},
|
|
101
|
+
provideEditor: () => ({
|
|
102
|
+
editor: Editor
|
|
103
|
+
}),
|
|
104
|
+
onPaste: (v, d) => {
|
|
105
|
+
let parseDateTimestamp = NaN;
|
|
106
|
+
// We only try to parse the value if it is not empty/undefined/null:
|
|
107
|
+
if (v) {
|
|
108
|
+
// Support for unix timestamps (milliseconds since 1970-01-01):
|
|
109
|
+
parseDateTimestamp = Number(v).valueOf();
|
|
110
|
+
if (Number.isNaN(parseDateTimestamp)) {
|
|
111
|
+
// Support for parsing ISO 8601 date strings:
|
|
112
|
+
parseDateTimestamp = Date.parse(v);
|
|
113
|
+
if (d.format === "time" && Number.isNaN(parseDateTimestamp)) {
|
|
114
|
+
// The pasted value was not a valid date string
|
|
115
|
+
// Try to interpret value as time string instead (HH:mm:ss)
|
|
116
|
+
parseDateTimestamp = Date.parse(`1970-01-01T${v}Z`);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
return {
|
|
121
|
+
...d,
|
|
122
|
+
date: Number.isNaN(parseDateTimestamp) ? undefined : new Date(parseDateTimestamp)
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
export default renderer;
|
|
127
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker-cell.js","sourceRoot":"","sources":["../../../src/cells/date-picker-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.gdg-wghi2zc{display:flex;flex-direction:column;align-items:stretch;}.gdg-wghi2zc .glide-select{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);}
|
|
2
|
+
.gdg-p13nj8j0{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);color:var(--gdg-text-dark);}.gdg-p13nj8j0 >div{border-radius:4px;border:1px solid var(--gdg-border-color);}
|
|
3
|
+
.gdg-r6sia3g{display:"flex";margin:auto 8.5px;padding-bottom:3px;}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled } from "@linaria/react";
|
|
3
|
+
import Select, { components } from "react-select";
|
|
4
|
+
import { getMiddleCenterBias, useTheme, GridCellKind, TextCellEntry } from "@glideapps/glide-data-grid";
|
|
5
|
+
const CustomMenu = p => {
|
|
6
|
+
const {
|
|
7
|
+
Menu
|
|
8
|
+
} = components;
|
|
9
|
+
const {
|
|
10
|
+
children,
|
|
11
|
+
...rest
|
|
12
|
+
} = p;
|
|
13
|
+
return React.createElement(Menu, {
|
|
14
|
+
...rest
|
|
15
|
+
}, children);
|
|
16
|
+
};
|
|
17
|
+
const Wrap = /*#__PURE__*/styled('div')({
|
|
18
|
+
name: "Wrap",
|
|
19
|
+
class: "gdg-wghi2zc",
|
|
20
|
+
propsAsIs: false
|
|
21
|
+
});
|
|
22
|
+
const PortalWrap = /*#__PURE__*/styled('div')({
|
|
23
|
+
name: "PortalWrap",
|
|
24
|
+
class: "gdg-p13nj8j0",
|
|
25
|
+
propsAsIs: false
|
|
26
|
+
});
|
|
27
|
+
// This is required since the padding is disabled for this cell type
|
|
28
|
+
// The settings are based on the "pad" settings in the data-grid-overlay-editor-style.tsx
|
|
29
|
+
const ReadOnlyWrap = /*#__PURE__*/styled('div')({
|
|
30
|
+
name: "ReadOnlyWrap",
|
|
31
|
+
class: "gdg-r6sia3g",
|
|
32
|
+
propsAsIs: false
|
|
33
|
+
});
|
|
34
|
+
const Editor = p => {
|
|
35
|
+
const {
|
|
36
|
+
value: cell,
|
|
37
|
+
onFinishedEditing,
|
|
38
|
+
initialValue,
|
|
39
|
+
portalElementRef
|
|
40
|
+
} = p;
|
|
41
|
+
const {
|
|
42
|
+
allowedValues,
|
|
43
|
+
value: valueIn
|
|
44
|
+
} = cell.data;
|
|
45
|
+
const [value, setValue] = React.useState(valueIn);
|
|
46
|
+
const [inputValue, setInputValue] = React.useState(initialValue ?? "");
|
|
47
|
+
const theme = useTheme();
|
|
48
|
+
const values = React.useMemo(() => {
|
|
49
|
+
return allowedValues.map(option => {
|
|
50
|
+
if (typeof option === "string" || option === null || option === undefined) {
|
|
51
|
+
return {
|
|
52
|
+
value: option,
|
|
53
|
+
label: option?.toString() ?? ""
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
return option;
|
|
57
|
+
});
|
|
58
|
+
}, [allowedValues]);
|
|
59
|
+
if (cell.readonly) {
|
|
60
|
+
return React.createElement(ReadOnlyWrap, null, React.createElement(TextCellEntry, {
|
|
61
|
+
highlight: true,
|
|
62
|
+
autoFocus: false,
|
|
63
|
+
disabled: true,
|
|
64
|
+
value: value ?? "",
|
|
65
|
+
onChange: () => undefined
|
|
66
|
+
}));
|
|
67
|
+
}
|
|
68
|
+
return React.createElement(Wrap, null, React.createElement(Select, {
|
|
69
|
+
className: "glide-select",
|
|
70
|
+
inputValue: inputValue,
|
|
71
|
+
onInputChange: setInputValue,
|
|
72
|
+
menuPlacement: "auto",
|
|
73
|
+
value: values.find(x => x.value === value),
|
|
74
|
+
styles: {
|
|
75
|
+
control: base => ({
|
|
76
|
+
...base,
|
|
77
|
+
border: 0,
|
|
78
|
+
boxShadow: "none"
|
|
79
|
+
}),
|
|
80
|
+
option: (base, {
|
|
81
|
+
isFocused
|
|
82
|
+
}) => ({
|
|
83
|
+
...base,
|
|
84
|
+
fontSize: theme.editorFontSize,
|
|
85
|
+
fontFamily: theme.fontFamily,
|
|
86
|
+
cursor: isFocused ? "pointer" : undefined,
|
|
87
|
+
paddingLeft: theme.cellHorizontalPadding,
|
|
88
|
+
paddingRight: theme.cellHorizontalPadding,
|
|
89
|
+
":active": {
|
|
90
|
+
...base[":active"],
|
|
91
|
+
color: theme.accentFg
|
|
92
|
+
},
|
|
93
|
+
// Add some content in case the option is empty
|
|
94
|
+
// so that the option height can be calculated correctly
|
|
95
|
+
":empty::after": {
|
|
96
|
+
content: '" "',
|
|
97
|
+
visibility: "hidden"
|
|
98
|
+
}
|
|
99
|
+
})
|
|
100
|
+
},
|
|
101
|
+
theme: t => {
|
|
102
|
+
return {
|
|
103
|
+
...t,
|
|
104
|
+
colors: {
|
|
105
|
+
...t.colors,
|
|
106
|
+
neutral0: theme.bgCell,
|
|
107
|
+
// this is both the background color AND the fg color of
|
|
108
|
+
// the selected item because of course it is.
|
|
109
|
+
neutral5: theme.bgCell,
|
|
110
|
+
neutral10: theme.bgCell,
|
|
111
|
+
neutral20: theme.bgCellMedium,
|
|
112
|
+
neutral30: theme.bgCellMedium,
|
|
113
|
+
neutral40: theme.bgCellMedium,
|
|
114
|
+
neutral50: theme.textLight,
|
|
115
|
+
neutral60: theme.textMedium,
|
|
116
|
+
neutral70: theme.textMedium,
|
|
117
|
+
neutral80: theme.textDark,
|
|
118
|
+
neutral90: theme.textDark,
|
|
119
|
+
neutral100: theme.textDark,
|
|
120
|
+
primary: theme.accentColor,
|
|
121
|
+
primary75: theme.accentColor,
|
|
122
|
+
primary50: theme.accentColor,
|
|
123
|
+
primary25: theme.accentLight // prelight color
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
},
|
|
127
|
+
menuPortalTarget: portalElementRef?.current ?? document.getElementById("portal"),
|
|
128
|
+
autoFocus: true,
|
|
129
|
+
openMenuOnFocus: true,
|
|
130
|
+
components: {
|
|
131
|
+
DropdownIndicator: () => null,
|
|
132
|
+
IndicatorSeparator: () => null,
|
|
133
|
+
Menu: props => React.createElement(PortalWrap, null, React.createElement(CustomMenu, {
|
|
134
|
+
className: "click-outside-ignore",
|
|
135
|
+
...props
|
|
136
|
+
}))
|
|
137
|
+
},
|
|
138
|
+
options: values,
|
|
139
|
+
onChange: async e => {
|
|
140
|
+
if (e === null) return;
|
|
141
|
+
setValue(e.value);
|
|
142
|
+
await new Promise(r => window.requestAnimationFrame(r));
|
|
143
|
+
onFinishedEditing({
|
|
144
|
+
...cell,
|
|
145
|
+
data: {
|
|
146
|
+
...cell.data,
|
|
147
|
+
value: e.value
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
}));
|
|
152
|
+
};
|
|
153
|
+
const renderer = {
|
|
154
|
+
kind: GridCellKind.Custom,
|
|
155
|
+
isMatch: c => c.data.kind === "dropdown-cell",
|
|
156
|
+
draw: (args, cell) => {
|
|
157
|
+
const {
|
|
158
|
+
ctx,
|
|
159
|
+
theme,
|
|
160
|
+
rect
|
|
161
|
+
} = args;
|
|
162
|
+
const {
|
|
163
|
+
value
|
|
164
|
+
} = cell.data;
|
|
165
|
+
const foundOption = cell.data.allowedValues.find(opt => {
|
|
166
|
+
if (typeof opt === "string" || opt === null || opt === undefined) {
|
|
167
|
+
return opt === value;
|
|
168
|
+
}
|
|
169
|
+
return opt.value === value;
|
|
170
|
+
});
|
|
171
|
+
const displayText = typeof foundOption === "string" ? foundOption : foundOption?.label ?? "";
|
|
172
|
+
if (displayText) {
|
|
173
|
+
ctx.fillStyle = theme.textDark;
|
|
174
|
+
ctx.fillText(displayText, rect.x + theme.cellHorizontalPadding, rect.y + rect.height / 2 + getMiddleCenterBias(ctx, theme));
|
|
175
|
+
}
|
|
176
|
+
return true;
|
|
177
|
+
},
|
|
178
|
+
measure: (ctx, cell, theme) => {
|
|
179
|
+
const {
|
|
180
|
+
value
|
|
181
|
+
} = cell.data;
|
|
182
|
+
return (value ? ctx.measureText(value).width : 0) + theme.cellHorizontalPadding * 2;
|
|
183
|
+
},
|
|
184
|
+
provideEditor: () => ({
|
|
185
|
+
editor: Editor,
|
|
186
|
+
disablePadding: true,
|
|
187
|
+
deletedValue: v => ({
|
|
188
|
+
...v,
|
|
189
|
+
copyData: "",
|
|
190
|
+
data: {
|
|
191
|
+
...v.data,
|
|
192
|
+
value: ""
|
|
193
|
+
}
|
|
194
|
+
})
|
|
195
|
+
}),
|
|
196
|
+
onPaste: (v, d) => ({
|
|
197
|
+
...d,
|
|
198
|
+
value: d.allowedValues.some(option => {
|
|
199
|
+
if (option === null || option === undefined) return false;
|
|
200
|
+
if (typeof option === "string") return option === v;
|
|
201
|
+
return option.value === v;
|
|
202
|
+
}) ? v : d.value
|
|
203
|
+
})
|
|
204
|
+
};
|
|
205
|
+
export default renderer;
|
|
206
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-cell.js","sourceRoot":"","sources":["../../../src/cells/dropdown-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-lw5nakc{display:flex;flex-direction:column;margin:4px 0;}.gdg-lw5nakc >button{color:var(--gdg-accent-color);font-weight:600;align-self:flex-end;border:none;outline:none;background-color:transparent;transition:background-color 200ms;border-radius:4px;padding:6px 8px;cursor:pointer;}.gdg-lw5nakc >button:hover,.gdg-lw5nakc >button:focus-visible{background-color:var(--gdg-accent-light);}.gdg-lw5nakc >button:disabled{opacity:0.4;pointer-events:none;}.gdg-lw5nakc .gdg-link-title-editor{display:flex;min-width:250px;}.gdg-lw5nakc .gdg-link-title-editor >input{outline:none;border:1px solid var(--gdg-border-color);border-radius:4px;box-shadow:none;padding:6px 8px;min-width:0;width:0;flex-grow:1;transition:border 200ms;}.gdg-lw5nakc .gdg-link-title-editor >input:not(:last-child){margin-right:4px;}.gdg-lw5nakc .gdg-link-title-editor >input:focus{border:1px solid var(--gdg-accent-color);}.gdg-lw5nakc .gdg-link-title-editor:not(:last-child){margin-bottom:4px;}.gdg-lw5nakc .gdg-link-title-editor >button{border:none;outline:none;border-radius:4px;background-color:transparent;cursor:pointer;transition:background-color 200ms,color 200ms;color:var(--gdg-text-medium);}.gdg-lw5nakc .gdg-link-title-editor >button:hover,.gdg-lw5nakc .gdg-link-title-editor >button:focus-visible{background-color:var(--gdg-accent-light);color:var(--gdg-text-dark);}
|
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { measureTextCached, getMiddleCenterBias, GridCellKind, blend } from "@glideapps/glide-data-grid";
|
|
2
|
+
import { styled } from "@linaria/react";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
function onClickSelect(e) {
|
|
5
|
+
const useCtrl = e.cell.data.navigateOn !== "click";
|
|
6
|
+
if (useCtrl !== e.ctrlKey) return undefined;
|
|
7
|
+
const canvas = document.createElement("canvas");
|
|
8
|
+
const ctx = canvas.getContext("2d", {
|
|
9
|
+
alpha: false
|
|
10
|
+
});
|
|
11
|
+
if (ctx === null) return;
|
|
12
|
+
const {
|
|
13
|
+
posX: hoverX,
|
|
14
|
+
bounds: rect,
|
|
15
|
+
cell,
|
|
16
|
+
theme
|
|
17
|
+
} = e;
|
|
18
|
+
const font = theme.baseFontFull;
|
|
19
|
+
ctx.font = font;
|
|
20
|
+
const {
|
|
21
|
+
links
|
|
22
|
+
} = cell.data;
|
|
23
|
+
const xPad = theme.cellHorizontalPadding;
|
|
24
|
+
let drawX = rect.x + xPad;
|
|
25
|
+
const rectHoverX = rect.x + hoverX;
|
|
26
|
+
for (const [index, l] of links.entries()) {
|
|
27
|
+
const needsComma = index < links.length - 1;
|
|
28
|
+
const metrics = measureTextCached(l.title, ctx);
|
|
29
|
+
const commaMetrics = needsComma ? measureTextCached(l.title + ",", ctx, font) : metrics;
|
|
30
|
+
const isHovered = rectHoverX > drawX && rectHoverX < drawX + metrics.width;
|
|
31
|
+
if (isHovered) {
|
|
32
|
+
return l;
|
|
33
|
+
}
|
|
34
|
+
drawX += commaMetrics.width + 4;
|
|
35
|
+
}
|
|
36
|
+
return undefined;
|
|
37
|
+
}
|
|
38
|
+
const renderer = {
|
|
39
|
+
kind: GridCellKind.Custom,
|
|
40
|
+
needsHover: true,
|
|
41
|
+
needsHoverPosition: true,
|
|
42
|
+
isMatch: c => c.data.kind === "links-cell",
|
|
43
|
+
onSelect: e => {
|
|
44
|
+
if (onClickSelect(e) !== undefined) {
|
|
45
|
+
e.preventDefault();
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
onClick: e => {
|
|
49
|
+
const hovered = onClickSelect(e);
|
|
50
|
+
if (hovered !== undefined) {
|
|
51
|
+
hovered.onClick?.();
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
}
|
|
54
|
+
return undefined;
|
|
55
|
+
},
|
|
56
|
+
draw: (args, cell) => {
|
|
57
|
+
const {
|
|
58
|
+
ctx,
|
|
59
|
+
rect,
|
|
60
|
+
theme,
|
|
61
|
+
hoverX = -100,
|
|
62
|
+
highlighted
|
|
63
|
+
} = args;
|
|
64
|
+
const {
|
|
65
|
+
links,
|
|
66
|
+
underlineOffset = 5
|
|
67
|
+
} = cell.data;
|
|
68
|
+
const xPad = theme.cellHorizontalPadding;
|
|
69
|
+
let drawX = rect.x + xPad;
|
|
70
|
+
const rectHoverX = rect.x + hoverX;
|
|
71
|
+
const font = theme.baseFontFull;
|
|
72
|
+
const middleCenterBias = getMiddleCenterBias(ctx, font);
|
|
73
|
+
const drawY = rect.y + rect.height / 2 + middleCenterBias;
|
|
74
|
+
for (const [index, l] of links.entries()) {
|
|
75
|
+
const needsComma = index < links.length - 1;
|
|
76
|
+
const metrics = measureTextCached(l.title, ctx, font);
|
|
77
|
+
const commaMetrics = needsComma ? measureTextCached(l.title + ",", ctx, font) : metrics;
|
|
78
|
+
const isHovered = rectHoverX > drawX && rectHoverX < drawX + metrics.width;
|
|
79
|
+
if (isHovered) {
|
|
80
|
+
args.overrideCursor?.("pointer");
|
|
81
|
+
ctx.moveTo(drawX, Math.floor(drawY + underlineOffset) + 0.5);
|
|
82
|
+
ctx.lineTo(drawX + metrics.width, Math.floor(drawY + underlineOffset) + 0.5);
|
|
83
|
+
// ctx.lineWidth = 1;
|
|
84
|
+
ctx.strokeStyle = theme.textDark;
|
|
85
|
+
ctx.stroke();
|
|
86
|
+
ctx.fillStyle = highlighted ? blend(theme.accentLight, theme.bgCell) : theme.bgCell;
|
|
87
|
+
ctx.fillText(needsComma ? l.title + "," : l.title, drawX - 1, drawY);
|
|
88
|
+
ctx.fillText(needsComma ? l.title + "," : l.title, drawX + 1, drawY);
|
|
89
|
+
ctx.fillText(needsComma ? l.title + "," : l.title, drawX - 2, drawY);
|
|
90
|
+
ctx.fillText(needsComma ? l.title + "," : l.title, drawX + 2, drawY);
|
|
91
|
+
}
|
|
92
|
+
ctx.fillStyle = theme.textDark;
|
|
93
|
+
ctx.fillText(needsComma ? l.title + "," : l.title, drawX, drawY);
|
|
94
|
+
drawX += commaMetrics.width + 4;
|
|
95
|
+
}
|
|
96
|
+
return true;
|
|
97
|
+
},
|
|
98
|
+
// eslint-disable-next-line react/display-name
|
|
99
|
+
provideEditor: () => p => {
|
|
100
|
+
const {
|
|
101
|
+
value,
|
|
102
|
+
onChange
|
|
103
|
+
} = p;
|
|
104
|
+
const {
|
|
105
|
+
links,
|
|
106
|
+
maxLinks = Number.MAX_SAFE_INTEGER
|
|
107
|
+
} = value.data;
|
|
108
|
+
return React.createElement(LinksCellEditorStyle, {
|
|
109
|
+
onKeyDown: ignoreTab
|
|
110
|
+
}, links.map((l, i) => React.createElement(LinkTitleEditor, {
|
|
111
|
+
key: i,
|
|
112
|
+
link: l.href ?? "",
|
|
113
|
+
title: l.title,
|
|
114
|
+
focus: i === 0,
|
|
115
|
+
onDelete: links.length > 1 ? () => {
|
|
116
|
+
const newLinks = [...links];
|
|
117
|
+
newLinks.splice(i, 1);
|
|
118
|
+
onChange({
|
|
119
|
+
...value,
|
|
120
|
+
data: {
|
|
121
|
+
...value.data,
|
|
122
|
+
links: newLinks
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
} : undefined,
|
|
126
|
+
onChange: (link, title) => {
|
|
127
|
+
const newLinks = [...links];
|
|
128
|
+
newLinks[i] = {
|
|
129
|
+
href: link,
|
|
130
|
+
title
|
|
131
|
+
};
|
|
132
|
+
onChange({
|
|
133
|
+
...value,
|
|
134
|
+
data: {
|
|
135
|
+
...value.data,
|
|
136
|
+
links: newLinks
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
})), React.createElement("button", {
|
|
141
|
+
disabled: links.length >= maxLinks,
|
|
142
|
+
className: "add-link",
|
|
143
|
+
onClick: () => {
|
|
144
|
+
const newLinks = [...links, {
|
|
145
|
+
title: ""
|
|
146
|
+
}];
|
|
147
|
+
onChange({
|
|
148
|
+
...value,
|
|
149
|
+
data: {
|
|
150
|
+
...value.data,
|
|
151
|
+
links: newLinks
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
}, "Add link"));
|
|
156
|
+
},
|
|
157
|
+
onPaste: (v, d) => {
|
|
158
|
+
const split = v.split(",");
|
|
159
|
+
if (d.links.some((l, i) => split[i] !== l.title)) return undefined;
|
|
160
|
+
return {
|
|
161
|
+
...d,
|
|
162
|
+
links: split.map(l => ({
|
|
163
|
+
title: l
|
|
164
|
+
}))
|
|
165
|
+
};
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
const LinksCellEditorStyle = /*#__PURE__*/styled('div')({
|
|
169
|
+
name: "LinksCellEditorStyle",
|
|
170
|
+
class: "gdg-lw5nakc",
|
|
171
|
+
propsAsIs: false
|
|
172
|
+
});
|
|
173
|
+
function ignoreTab(e) {
|
|
174
|
+
if (e.key === "Tab") {
|
|
175
|
+
e.stopPropagation();
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
const LinkTitleEditor = p => {
|
|
179
|
+
const {
|
|
180
|
+
link,
|
|
181
|
+
onChange,
|
|
182
|
+
title,
|
|
183
|
+
onDelete,
|
|
184
|
+
focus
|
|
185
|
+
} = p;
|
|
186
|
+
return React.createElement("div", {
|
|
187
|
+
className: "gdg-link-title-editor"
|
|
188
|
+
}, React.createElement("input", {
|
|
189
|
+
className: "gdg-title-input",
|
|
190
|
+
value: title,
|
|
191
|
+
placeholder: "Title",
|
|
192
|
+
autoFocus: focus,
|
|
193
|
+
onChange: e => {
|
|
194
|
+
onChange(link, e.target.value);
|
|
195
|
+
}
|
|
196
|
+
}), React.createElement("input", {
|
|
197
|
+
className: "gdg-link-input",
|
|
198
|
+
value: link,
|
|
199
|
+
placeholder: "URL",
|
|
200
|
+
onChange: e => {
|
|
201
|
+
onChange(e.target.value, title);
|
|
202
|
+
}
|
|
203
|
+
}), onDelete !== undefined && React.createElement("button", {
|
|
204
|
+
onClick: onDelete
|
|
205
|
+
}, React.createElement("svg", {
|
|
206
|
+
width: 16,
|
|
207
|
+
height: 16,
|
|
208
|
+
viewBox: "0 0 24 24",
|
|
209
|
+
fill: "none",
|
|
210
|
+
id: "icon-import",
|
|
211
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
212
|
+
}, React.createElement("path", {
|
|
213
|
+
d: "M3 6L5 6L21 6",
|
|
214
|
+
stroke: "currentColor",
|
|
215
|
+
strokeWidth: "1px",
|
|
216
|
+
strokeLinecap: "round",
|
|
217
|
+
strokeLinejoin: "round"
|
|
218
|
+
}), React.createElement("path", {
|
|
219
|
+
d: "M17.9019 6C18.491 6 18.9525 6.50676 18.8975 7.09334L17.67 20.1867C17.5736 21.2144 16.711 22 15.6787 22H8.32127C7.28902 22 6.42635 21.2144 6.33 20.1867L5.1025 7.09334C5.04751 6.50676 5.50898 6 6.09813 6H17.9019Z",
|
|
220
|
+
stroke: "currentColor",
|
|
221
|
+
strokeWidth: "1px",
|
|
222
|
+
strokeLinecap: "round",
|
|
223
|
+
strokeLinejoin: "round"
|
|
224
|
+
}), React.createElement("path", {
|
|
225
|
+
d: "M14.4499 10.211L13.9949 17",
|
|
226
|
+
stroke: "currentColor",
|
|
227
|
+
strokeWidth: "1px",
|
|
228
|
+
strokeLinecap: "round",
|
|
229
|
+
strokeLinejoin: "round"
|
|
230
|
+
}), React.createElement("path", {
|
|
231
|
+
d: "M9.55499 10.211L10.0049 17",
|
|
232
|
+
stroke: "currentColor",
|
|
233
|
+
strokeWidth: "1px",
|
|
234
|
+
strokeLinecap: "round",
|
|
235
|
+
strokeLinejoin: "round"
|
|
236
|
+
}), React.createElement("path", {
|
|
237
|
+
d: "M7.5 2.25H16.5",
|
|
238
|
+
stroke: "currentColor",
|
|
239
|
+
strokeWidth: "1px",
|
|
240
|
+
strokeLinecap: "round",
|
|
241
|
+
strokeLinejoin: "round"
|
|
242
|
+
}))));
|
|
243
|
+
};
|
|
244
|
+
export default renderer;
|
|
245
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"links-cell.js","sourceRoot":"","sources":["../../../src/cells/links-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.gdg-w1i61rz{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;margin-bottom:auto;}.gdg-w1i61rz .gdg-multi-select{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);}
|
|
2
|
+
.gdg-phbadu4{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);color:var(--gdg-text-dark);}.gdg-phbadu4 >div{border-radius:4px;border:1px solid var(--gdg-border-color);}
|