@glideappsfinal/glide-data-grid-cells 6.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +64 -0
  3. package/dist/cjs/cells/article-cell-editor.css +1 -0
  4. package/dist/cjs/cells/article-cell-editor.js +62 -0
  5. package/dist/cjs/cells/article-cell-editor.js.map +1 -0
  6. package/dist/cjs/cells/article-cell-types.js +2 -0
  7. package/dist/cjs/cells/article-cell-types.js.map +1 -0
  8. package/dist/cjs/cells/article-cell.js +46 -0
  9. package/dist/cjs/cells/article-cell.js.map +1 -0
  10. package/dist/cjs/cells/button-cell.js +92 -0
  11. package/dist/cjs/cells/button-cell.js.map +1 -0
  12. package/dist/cjs/cells/date-picker-cell.css +1 -0
  13. package/dist/cjs/cells/date-picker-cell.js +127 -0
  14. package/dist/cjs/cells/date-picker-cell.js.map +1 -0
  15. package/dist/cjs/cells/dropdown-cell.css +3 -0
  16. package/dist/cjs/cells/dropdown-cell.js +206 -0
  17. package/dist/cjs/cells/dropdown-cell.js.map +1 -0
  18. package/dist/cjs/cells/links-cell.css +1 -0
  19. package/dist/cjs/cells/links-cell.js +245 -0
  20. package/dist/cjs/cells/links-cell.js.map +1 -0
  21. package/dist/cjs/cells/multi-select-cell.css +2 -0
  22. package/dist/cjs/cells/multi-select-cell.js +456 -0
  23. package/dist/cjs/cells/multi-select-cell.js.map +1 -0
  24. package/dist/cjs/cells/range-cell.js +101 -0
  25. package/dist/cjs/cells/range-cell.js.map +1 -0
  26. package/dist/cjs/cells/sparkline-cell.js +114 -0
  27. package/dist/cjs/cells/sparkline-cell.js.map +1 -0
  28. package/dist/cjs/cells/spinner-cell.js +22 -0
  29. package/dist/cjs/cells/spinner-cell.js.map +1 -0
  30. package/dist/cjs/cells/star-cell.css +1 -0
  31. package/dist/cjs/cells/star-cell.js +88 -0
  32. package/dist/cjs/cells/star-cell.js.map +1 -0
  33. package/dist/cjs/cells/tags-cell.css +1 -0
  34. package/dist/cjs/cells/tags-cell.js +117 -0
  35. package/dist/cjs/cells/tags-cell.js.map +1 -0
  36. package/dist/cjs/cells/tree-view-cell.js +60 -0
  37. package/dist/cjs/cells/tree-view-cell.js.map +1 -0
  38. package/dist/cjs/cells/user-profile-cell.js +56 -0
  39. package/dist/cjs/cells/user-profile-cell.js.map +1 -0
  40. package/dist/cjs/draw-fns.js +28 -0
  41. package/dist/cjs/draw-fns.js.map +1 -0
  42. package/dist/cjs/index.js +30 -0
  43. package/dist/cjs/index.js.map +1 -0
  44. package/dist/dts/cells/article-cell-editor.d.ts +5 -0
  45. package/dist/dts/cells/article-cell-editor.d.ts.map +1 -0
  46. package/dist/dts/cells/article-cell-types.d.ts +8 -0
  47. package/dist/dts/cells/article-cell-types.d.ts.map +1 -0
  48. package/dist/dts/cells/article-cell.d.ts +5 -0
  49. package/dist/dts/cells/article-cell.d.ts.map +1 -0
  50. package/dist/dts/cells/button-cell.d.ts +17 -0
  51. package/dist/dts/cells/button-cell.d.ts.map +1 -0
  52. package/dist/dts/cells/date-picker-cell.d.ts +19 -0
  53. package/dist/dts/cells/date-picker-cell.d.ts.map +1 -0
  54. package/dist/dts/cells/dropdown-cell.d.ts +14 -0
  55. package/dist/dts/cells/dropdown-cell.d.ts.map +1 -0
  56. package/dist/dts/cells/links-cell.d.ts +20 -0
  57. package/dist/dts/cells/links-cell.d.ts.map +1 -0
  58. package/dist/dts/cells/multi-select-cell.d.ts +43 -0
  59. package/dist/dts/cells/multi-select-cell.d.ts.map +1 -0
  60. package/dist/dts/cells/range-cell.d.ts +15 -0
  61. package/dist/dts/cells/range-cell.d.ts.map +1 -0
  62. package/dist/dts/cells/sparkline-cell.d.ts +14 -0
  63. package/dist/dts/cells/sparkline-cell.d.ts.map +1 -0
  64. package/dist/dts/cells/spinner-cell.d.ts +8 -0
  65. package/dist/dts/cells/spinner-cell.d.ts.map +1 -0
  66. package/dist/dts/cells/star-cell.d.ts +9 -0
  67. package/dist/dts/cells/star-cell.d.ts.map +1 -0
  68. package/dist/dts/cells/tags-cell.d.ts +13 -0
  69. package/dist/dts/cells/tags-cell.d.ts.map +1 -0
  70. package/dist/dts/cells/tree-view-cell.d.ts +15 -0
  71. package/dist/dts/cells/tree-view-cell.d.ts.map +1 -0
  72. package/dist/dts/cells/user-profile-cell.d.ts +12 -0
  73. package/dist/dts/cells/user-profile-cell.d.ts.map +1 -0
  74. package/dist/dts/draw-fns.d.ts +9 -0
  75. package/dist/dts/draw-fns.d.ts.map +1 -0
  76. package/dist/dts/index.d.ts +18 -0
  77. package/dist/dts/index.d.ts.map +1 -0
  78. package/dist/esm/cells/article-cell-editor.css +1 -0
  79. package/dist/esm/cells/article-cell-editor.js +62 -0
  80. package/dist/esm/cells/article-cell-editor.js.map +1 -0
  81. package/dist/esm/cells/article-cell-types.js +2 -0
  82. package/dist/esm/cells/article-cell-types.js.map +1 -0
  83. package/dist/esm/cells/article-cell.js +46 -0
  84. package/dist/esm/cells/article-cell.js.map +1 -0
  85. package/dist/esm/cells/button-cell.js +92 -0
  86. package/dist/esm/cells/button-cell.js.map +1 -0
  87. package/dist/esm/cells/date-picker-cell.css +1 -0
  88. package/dist/esm/cells/date-picker-cell.js +127 -0
  89. package/dist/esm/cells/date-picker-cell.js.map +1 -0
  90. package/dist/esm/cells/dropdown-cell.css +3 -0
  91. package/dist/esm/cells/dropdown-cell.js +206 -0
  92. package/dist/esm/cells/dropdown-cell.js.map +1 -0
  93. package/dist/esm/cells/links-cell.css +1 -0
  94. package/dist/esm/cells/links-cell.js +245 -0
  95. package/dist/esm/cells/links-cell.js.map +1 -0
  96. package/dist/esm/cells/multi-select-cell.css +2 -0
  97. package/dist/esm/cells/multi-select-cell.js +456 -0
  98. package/dist/esm/cells/multi-select-cell.js.map +1 -0
  99. package/dist/esm/cells/range-cell.js +101 -0
  100. package/dist/esm/cells/range-cell.js.map +1 -0
  101. package/dist/esm/cells/sparkline-cell.js +114 -0
  102. package/dist/esm/cells/sparkline-cell.js.map +1 -0
  103. package/dist/esm/cells/spinner-cell.js +22 -0
  104. package/dist/esm/cells/spinner-cell.js.map +1 -0
  105. package/dist/esm/cells/star-cell.css +1 -0
  106. package/dist/esm/cells/star-cell.js +88 -0
  107. package/dist/esm/cells/star-cell.js.map +1 -0
  108. package/dist/esm/cells/tags-cell.css +1 -0
  109. package/dist/esm/cells/tags-cell.js +117 -0
  110. package/dist/esm/cells/tags-cell.js.map +1 -0
  111. package/dist/esm/cells/tree-view-cell.js +60 -0
  112. package/dist/esm/cells/tree-view-cell.js.map +1 -0
  113. package/dist/esm/cells/user-profile-cell.js +56 -0
  114. package/dist/esm/cells/user-profile-cell.js.map +1 -0
  115. package/dist/esm/draw-fns.js +28 -0
  116. package/dist/esm/draw-fns.js.map +1 -0
  117. package/dist/esm/index.js +30 -0
  118. package/dist/esm/index.js.map +1 -0
  119. package/dist/index.css +8 -0
  120. package/package.json +74 -0
@@ -0,0 +1,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);}