@glideappsfinal/glide-data-grid 6.0.9 → 6.0.10
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/build.sh +3 -1
- package/dist/cjs/internal/data-editor-container/data-grid-container.css +1 -0
- package/dist/cjs/internal/data-editor-container/data-grid-container.js +25 -30
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js +19 -75
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js +5 -32
- package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js +15 -45
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js +5 -54
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js +9 -74
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js +5 -13
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.css +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js +5 -51
- package/dist/cjs/internal/data-grid-search/data-grid-search-style.css +1 -0
- package/dist/cjs/internal/data-grid-search/data-grid-search-style.js +5 -94
- package/dist/cjs/internal/growing-entry/growing-entry-style.css +3 -0
- package/dist/cjs/internal/growing-entry/growing-entry-style.js +15 -58
- package/dist/cjs/internal/markdown-div/private/markdown-container.css +1 -0
- package/dist/cjs/internal/markdown-div/private/markdown-container.js +5 -17
- package/dist/cjs/internal/scrolling-data-grid/infinite-scroller.css +1 -0
- package/dist/cjs/internal/scrolling-data-grid/infinite-scroller.js +233 -231
- package/dist/dts/common/render-state-provider.d.ts +0 -1
- package/dist/dts/common/styles.d.ts +0 -1
- package/dist/dts/common/support.d.ts +0 -1
- package/dist/dts/common/utils.d.ts +0 -1
- package/dist/dts/internal/data-grid/cell-set.d.ts +0 -1
- package/dist/dts/internal/data-grid/color-parser.d.ts +0 -1
- package/dist/dts/internal/data-grid/data-grid-sprites.d.ts +0 -1
- package/dist/dts/internal/data-grid/event-args.d.ts +0 -1
- package/dist/dts/internal/data-grid/image-window-loader-interface.d.ts +0 -1
- package/dist/dts/internal/data-grid/sprites.d.ts +0 -1
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor-style.d.ts +0 -1
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor.d.ts +0 -1
- package/dist/dts/internal/markdown-div/markdown-div.d.ts +0 -1
- package/dist/dts/internal/markdown-div/private/markdown-container.d.ts +0 -1
- package/dist/esm/internal/data-editor-container/data-grid-container.css +1 -0
- package/dist/esm/internal/data-editor-container/data-grid-container.js +25 -30
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js +19 -75
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js +5 -32
- package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js +15 -45
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js +5 -54
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js +9 -74
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js +5 -13
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.css +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js +5 -51
- package/dist/esm/internal/data-grid-search/data-grid-search-style.css +1 -0
- package/dist/esm/internal/data-grid-search/data-grid-search-style.js +5 -94
- package/dist/esm/internal/growing-entry/growing-entry-style.css +3 -0
- package/dist/esm/internal/growing-entry/growing-entry-style.js +15 -58
- package/dist/esm/internal/markdown-div/private/markdown-container.css +1 -0
- package/dist/esm/internal/markdown-div/private/markdown-container.js +5 -17
- package/dist/esm/internal/scrolling-data-grid/infinite-scroller.css +1 -0
- package/dist/esm/internal/scrolling-data-grid/infinite-scroller.js +233 -231
- package/dist/index.css +12 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-wmyidgi{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);overflow:hidden;overflow:clip;direction:ltr;}.gdg-wmyidgi >:first-child{position:absolute;left:0;top:0;width:100%;height:100%;}
|
|
@@ -1,36 +1,31 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
function toCss(x) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return `${x}px`;
|
|
4
|
+
if (typeof x === "string") return x;
|
|
5
|
+
return `${x}px`;
|
|
7
6
|
}
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
overflow: clip;
|
|
21
|
-
|
|
22
|
-
direction: ltr;
|
|
23
|
-
|
|
24
|
-
> :first-child {
|
|
25
|
-
position: absolute;
|
|
26
|
-
left: 0;
|
|
27
|
-
top: 0;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
}
|
|
31
|
-
`;
|
|
7
|
+
const _exp = /*#__PURE__*/() => p => p.innerWidth;
|
|
8
|
+
const _exp2 = /*#__PURE__*/() => p => p.innerHeight;
|
|
9
|
+
const Wrapper = /*#__PURE__*/styled('div')({
|
|
10
|
+
name: "Wrapper",
|
|
11
|
+
class: "gdg-wmyidgi",
|
|
12
|
+
propsAsIs: false,
|
|
13
|
+
vars: {
|
|
14
|
+
"wmyidgi-0": [_exp()],
|
|
15
|
+
"wmyidgi-1": [_exp2()]
|
|
16
|
+
}
|
|
17
|
+
});
|
|
32
18
|
export const DataEditorContainer = p => {
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
const {
|
|
20
|
+
inWidth,
|
|
21
|
+
inHeight,
|
|
22
|
+
children,
|
|
23
|
+
...rest
|
|
24
|
+
} = p;
|
|
25
|
+
return React.createElement(Wrapper, {
|
|
26
|
+
innerHeight: toCss(inHeight),
|
|
27
|
+
innerWidth: toCss(inWidth),
|
|
28
|
+
...rest
|
|
29
|
+
}, children);
|
|
35
30
|
};
|
|
36
|
-
|
|
31
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-d19meir1{position:absolute;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;}@-webkit-keyframes glide_fade_in-gdg-d19meir1{from{opacity:0%;}to{opacity:100%;}}@keyframes glide_fade_in-gdg-d19meir1{from{opacity:0%;}to{opacity:100%;}}.gdg-d19meir1.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0px 0px 1px rgba(62, 65, 86, 0.4),0px 6px 12px rgba(62, 65, 86, 0.15);animation:glide_fade_in-gdg-d19meir1 60ms 1;}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px;}.gdg-d19meir1 .gdg-clip-region{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;flex-grow:1;}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%;}.gdg-d19meir1 .gdg-clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none;}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:none;border-width:0;outline:none;}
|
|
@@ -1,77 +1,21 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
const _exp2 = /*#__PURE__*/() => p => p.targetX;
|
|
3
|
+
const _exp3 = /*#__PURE__*/() => p => p.targetY;
|
|
4
|
+
const _exp4 = /*#__PURE__*/() => p => p.targetWidth;
|
|
5
|
+
const _exp5 = /*#__PURE__*/() => p => p.targetHeight;
|
|
6
|
+
const _exp6 = /*#__PURE__*/() => p => p.targetY + 10;
|
|
7
|
+
const _exp7 = /*#__PURE__*/() => p => Math.max(0, (p.targetHeight - 28) / 2);
|
|
8
|
+
export const DataGridOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
9
|
+
name: "DataGridOverlayEditorStyle",
|
|
10
|
+
class: "gdg-d19meir1",
|
|
11
|
+
propsAsIs: false,
|
|
12
|
+
vars: {
|
|
13
|
+
"d19meir1-0": [_exp3(), "px"],
|
|
14
|
+
"d19meir1-1": [_exp2(), "px"],
|
|
15
|
+
"d19meir1-2": [_exp4(), "px"],
|
|
16
|
+
"d19meir1-3": [_exp5(), "px"],
|
|
17
|
+
"d19meir1-4": [_exp6(), "px"],
|
|
18
|
+
"d19meir1-5": [_exp7(), "px"]
|
|
19
|
+
}
|
|
20
|
+
});
|
|
4
21
|
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
box-sizing: border-box;
|
|
9
|
-
|
|
10
|
-
--overlay-top: ${p => p.targetY}px;
|
|
11
|
-
|
|
12
|
-
left: ${p => p.targetX}px;
|
|
13
|
-
top: ${p => p.targetY}px;
|
|
14
|
-
min-width: ${p => p.targetWidth}px;
|
|
15
|
-
min-height: ${p => p.targetHeight}px;
|
|
16
|
-
width: max-content;
|
|
17
|
-
max-width: 400px;
|
|
18
|
-
max-height: calc(100vh - ${p => p.targetY + 10}px);
|
|
19
|
-
|
|
20
|
-
font-family: var(--gdg-font-family);
|
|
21
|
-
font-size: var(--gdg-editor-font-size);
|
|
22
|
-
|
|
23
|
-
@keyframes glide_fade_in {
|
|
24
|
-
from {
|
|
25
|
-
opacity: 0%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
to {
|
|
29
|
-
opacity: 100%;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&.gdg-style {
|
|
34
|
-
border-radius: 2px;
|
|
35
|
-
background-color: var(--gdg-bg-cell);
|
|
36
|
-
|
|
37
|
-
box-shadow:
|
|
38
|
-
0 0 0 1px var(--gdg-accent-color),
|
|
39
|
-
0px 0px 1px rgba(62, 65, 86, 0.4),
|
|
40
|
-
0px 6px 12px rgba(62, 65, 86, 0.15);
|
|
41
|
-
|
|
42
|
-
animation: glide_fade_in 60ms 1;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&.gdg-pad {
|
|
46
|
-
padding: ${p => Math.max(0, (p.targetHeight - 28) / 2)}px 8.5px 3px;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.gdg-clip-region {
|
|
50
|
-
display: flex;
|
|
51
|
-
flex-direction: column;
|
|
52
|
-
overflow-y: auto;
|
|
53
|
-
overflow-x: hidden;
|
|
54
|
-
border-radius: 2px;
|
|
55
|
-
flex-grow: 1;
|
|
56
|
-
|
|
57
|
-
.gdg-growing-entry {
|
|
58
|
-
height: 100%;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
& input.gdg-input {
|
|
62
|
-
width: 100%;
|
|
63
|
-
border: none;
|
|
64
|
-
border-width: 0;
|
|
65
|
-
outline: none;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
& textarea.gdg-input {
|
|
69
|
-
border: none;
|
|
70
|
-
border-width: 0;
|
|
71
|
-
outline: none;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
text-align: start;
|
|
76
|
-
`;
|
|
77
|
-
//# sourceMappingURL=data-grid-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-b1ygi5by{display:flex;flex-wrap:wrap;margin-top:auto;margin-bottom:auto;overflow:auto;}.gdg-b1ygi5by .boe-bubble{display:flex;justify-content:center;align-items:center;border-radius:var(--gdg-rounding-radius, calc(var(--gdg-bubble-height) / 2));padding:0 var(--gdg-bubble-padding);height:var(--gdg-bubble-height);background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:var(--gdg-bubble-margin);white-space:nowrap;}.gdg-b1ygi5by textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}
|
|
@@ -1,34 +1,7 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
export const BubblesOverlayEditorStyle = styled
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
overflow: auto;
|
|
2
|
+
export const BubblesOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
3
|
+
name: "BubblesOverlayEditorStyle",
|
|
4
|
+
class: "gdg-b1ygi5by",
|
|
5
|
+
propsAsIs: false
|
|
6
|
+
});
|
|
8
7
|
|
|
9
|
-
.boe-bubble {
|
|
10
|
-
display: flex;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
align-items: center;
|
|
13
|
-
|
|
14
|
-
border-radius: var(--gdg-rounding-radius, calc(var(--gdg-bubble-height) / 2));
|
|
15
|
-
|
|
16
|
-
padding: 0 var(--gdg-bubble-padding);
|
|
17
|
-
height: var(--gdg-bubble-height);
|
|
18
|
-
background-color: var(--gdg-bg-bubble);
|
|
19
|
-
color: var(--gdg-text-dark);
|
|
20
|
-
margin: var(--gdg-bubble-margin);
|
|
21
|
-
white-space: nowrap;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
textarea {
|
|
25
|
-
position: absolute;
|
|
26
|
-
top: 0px;
|
|
27
|
-
left: 0px;
|
|
28
|
-
width: 0px;
|
|
29
|
-
height: 0px;
|
|
30
|
-
|
|
31
|
-
opacity: 0;
|
|
32
|
-
}
|
|
33
|
-
`;
|
|
34
|
-
//# sourceMappingURL=bubbles-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-d4zsq0x{display:flex;flex-wrap:wrap;}.gdg-d4zsq0x .doe-bubble{display:flex;justify-content:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:var(--gdg-rounding-radius, 6px);box-shadow:0 0 1px rgba(62, 65, 86, 0.4),0 1px 3px rgba(62, 65, 86, 0.4);}.gdg-d4zsq0x .doe-bubble img{height:16px;object-fit:contain;margin-right:4px;}.gdg-d4zsq0x textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}
|
|
@@ -1,50 +1,20 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@linaria/react";
|
|
3
|
-
const DrilldownOverlayEditorStyle = styled
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
display: flex;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
align-items: center;
|
|
11
|
-
|
|
12
|
-
padding: 0 8px;
|
|
13
|
-
height: 24px;
|
|
14
|
-
|
|
15
|
-
background-color: var(--gdg-bg-cell);
|
|
16
|
-
color: var(--gdg-text-dark);
|
|
17
|
-
margin: 2px;
|
|
18
|
-
|
|
19
|
-
border-radius: var(--gdg-rounding-radius, 6px);
|
|
20
|
-
|
|
21
|
-
box-shadow:
|
|
22
|
-
0 0 1px rgba(62, 65, 86, 0.4),
|
|
23
|
-
0 1px 3px rgba(62, 65, 86, 0.4);
|
|
24
|
-
|
|
25
|
-
img {
|
|
26
|
-
height: 16px;
|
|
27
|
-
object-fit: contain;
|
|
28
|
-
|
|
29
|
-
margin-right: 4px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
textarea {
|
|
34
|
-
position: absolute;
|
|
35
|
-
top: 0px;
|
|
36
|
-
left: 0px;
|
|
37
|
-
width: 0px;
|
|
38
|
-
height: 0px;
|
|
39
|
-
|
|
40
|
-
opacity: 0;
|
|
41
|
-
}
|
|
42
|
-
`;
|
|
3
|
+
const DrilldownOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
4
|
+
name: "DrilldownOverlayEditorStyle",
|
|
5
|
+
class: "gdg-d4zsq0x",
|
|
6
|
+
propsAsIs: false
|
|
7
|
+
});
|
|
43
8
|
const DrilldownOverlayEditor = p => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
9
|
+
const {
|
|
10
|
+
drilldowns
|
|
11
|
+
} = p;
|
|
12
|
+
return React.createElement(DrilldownOverlayEditorStyle, null, drilldowns.map((d, i) => React.createElement("div", {
|
|
13
|
+
key: i,
|
|
14
|
+
className: "doe-bubble"
|
|
15
|
+
}, d.img !== undefined && React.createElement("img", {
|
|
16
|
+
src: d.img
|
|
17
|
+
}), React.createElement("div", null, d.text))));
|
|
48
18
|
};
|
|
49
19
|
export default DrilldownOverlayEditor;
|
|
50
|
-
|
|
20
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-i2iowwq{display:flex;height:100%;}.gdg-i2iowwq .gdg-centering-container{display:flex;justify-content:center;align-items:center;height:100%;}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none;}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px;}.gdg-i2iowwq .gdg-edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;}.gdg-i2iowwq .gdg-edit-icon >*{width:24px;height:24px;}.gdg-i2iowwq textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}
|
|
@@ -1,56 +1,7 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
export const ImageOverlayEditorStyle = styled
|
|
3
|
-
|
|
2
|
+
export const ImageOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
3
|
+
name: "ImageOverlayEditorStyle",
|
|
4
|
+
class: "gdg-i2iowwq",
|
|
5
|
+
propsAsIs: false
|
|
6
|
+
});
|
|
4
7
|
|
|
5
|
-
height: 100%;
|
|
6
|
-
|
|
7
|
-
.gdg-centering-container {
|
|
8
|
-
display: flex;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
align-items: center;
|
|
11
|
-
|
|
12
|
-
height: 100%;
|
|
13
|
-
|
|
14
|
-
img,
|
|
15
|
-
canvas {
|
|
16
|
-
max-height: calc(100vh - var(--overlay-top) - 20px);
|
|
17
|
-
object-fit: contain;
|
|
18
|
-
user-select: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
canvas {
|
|
22
|
-
max-width: 380px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.gdg-edit-icon {
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: 12px;
|
|
29
|
-
right: 0;
|
|
30
|
-
width: 48px;
|
|
31
|
-
height: 48px;
|
|
32
|
-
color: var(--gdg-accent-color);
|
|
33
|
-
|
|
34
|
-
cursor: pointer;
|
|
35
|
-
|
|
36
|
-
display: flex;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
align-items: center;
|
|
39
|
-
|
|
40
|
-
> * {
|
|
41
|
-
width: 24px;
|
|
42
|
-
height: 24px;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
textarea {
|
|
47
|
-
position: absolute;
|
|
48
|
-
top: 0px;
|
|
49
|
-
left: 0px;
|
|
50
|
-
width: 0px;
|
|
51
|
-
height: 0px;
|
|
52
|
-
|
|
53
|
-
opacity: 0;
|
|
54
|
-
}
|
|
55
|
-
`;
|
|
56
|
-
//# sourceMappingURL=image-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;color:var(--gdg-text-dark);}.gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0;}.gdg-m1pnx84e .gdg-spacer{flex:1;}.gdg-m1pnx84e .gdg-edit-icon{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;flex-shrink:0;transition:all "0.125s ease";border-radius:6px;}.gdg-m1pnx84e .gdg-edit-icon >*{width:16px;height:16px;}.gdg-m1pnx84e .gdg-edit-hover :hover{background-color:var(--gdg-accent-light);transition:background-color 150ms;}.gdg-m1pnx84e .gdg-checkmark-hover :hover{color:#ffffff;background-color:var(--gdg-accent-color);}.gdg-m1pnx84e .gdg-md-edit-textarea{position:relative;top:0px;left:0px;width:0px;height:0px;margin-top:25px;opacity:0;padding:0;}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px;}
|
|
@@ -1,76 +1,11 @@
|
|
|
1
|
-
import { GrowingEntryStyle } from "../../growing-entry/growing-entry-style.js";
|
|
2
1
|
import { styled } from "@linaria/react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
const _exp = /*#__PURE__*/() => p => p.targetWidth;
|
|
3
|
+
export const MarkdownOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
4
|
+
name: "MarkdownOverlayEditorStyle",
|
|
5
|
+
class: "gdg-m1pnx84e",
|
|
6
|
+
propsAsIs: false,
|
|
7
|
+
vars: {
|
|
8
|
+
"m1pnx84e-0": [_exp(), "px"]
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
11
|
|
|
12
|
-
${GrowingEntryStyle} {
|
|
13
|
-
flex-shrink: 1;
|
|
14
|
-
min-width: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.gdg-spacer {
|
|
18
|
-
flex: 1;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.gdg-edit-icon {
|
|
22
|
-
position: relative;
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
|
|
25
|
-
display: flex;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
align-items: center;
|
|
28
|
-
|
|
29
|
-
color: var(--gdg-accent-color);
|
|
30
|
-
|
|
31
|
-
padding: 0;
|
|
32
|
-
|
|
33
|
-
height: 24px;
|
|
34
|
-
width: 24px;
|
|
35
|
-
flex-shrink: 0;
|
|
36
|
-
|
|
37
|
-
transition: all "0.125s ease";
|
|
38
|
-
|
|
39
|
-
border-radius: 6px;
|
|
40
|
-
|
|
41
|
-
> * {
|
|
42
|
-
width: 16px;
|
|
43
|
-
height: 16px;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.gdg-edit-hover {
|
|
48
|
-
:hover {
|
|
49
|
-
background-color: var(--gdg-accent-light);
|
|
50
|
-
transition: background-color 150ms;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.gdg-checkmark-hover {
|
|
55
|
-
:hover {
|
|
56
|
-
color: #ffffff;
|
|
57
|
-
background-color: var(--gdg-accent-color);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.gdg-md-edit-textarea {
|
|
62
|
-
position: relative;
|
|
63
|
-
top: 0px;
|
|
64
|
-
left: 0px;
|
|
65
|
-
width: 0px;
|
|
66
|
-
height: 0px;
|
|
67
|
-
margin-top: 25px;
|
|
68
|
-
opacity: 0;
|
|
69
|
-
padding: 0;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.gdg-ml-6 {
|
|
73
|
-
margin-left: 6px;
|
|
74
|
-
}
|
|
75
|
-
`;
|
|
76
|
-
//# sourceMappingURL=markdown-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-n15fjm3e{display:flex;margin:6px 0 3px;color:var(--gdg-text-dark);}.gdg-n15fjm3e >input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);}
|
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
export const NumberOverlayEditorStyle = styled
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export const NumberOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
3
|
+
name: "NumberOverlayEditorStyle",
|
|
4
|
+
class: "gdg-n15fjm3e",
|
|
5
|
+
propsAsIs: false
|
|
6
|
+
});
|
|
6
7
|
|
|
7
|
-
> input {
|
|
8
|
-
font-size: var(--gdg-editor-font-size);
|
|
9
|
-
padding: 0;
|
|
10
|
-
font-family: var(--gdg-font-family);
|
|
11
|
-
color: var(--gdg-text-dark);
|
|
12
|
-
background-color: var(--gdg-bg-cell);
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
//# sourceMappingURL=number-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-u1rrojo{display:flex;flex-grow:1;align-items:center;min-height:21px;}.gdg-u1rrojo .gdg-link-area{flex-grow:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);text-decoration:underline!important;}.gdg-u1rrojo .gdg-edit-icon{flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;}.gdg-u1rrojo .gdg-edit-icon >*{width:24px;height:24px;}.gdg-u1rrojo textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}
|
|
@@ -1,53 +1,7 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
export const UriOverlayEditorStyle = styled
|
|
3
|
-
|
|
2
|
+
export const UriOverlayEditorStyle = /*#__PURE__*/styled('div')({
|
|
3
|
+
name: "UriOverlayEditorStyle",
|
|
4
|
+
class: "gdg-u1rrojo",
|
|
5
|
+
propsAsIs: false
|
|
6
|
+
});
|
|
4
7
|
|
|
5
|
-
flex-grow: 1;
|
|
6
|
-
|
|
7
|
-
align-items: center;
|
|
8
|
-
|
|
9
|
-
min-height: 21px;
|
|
10
|
-
|
|
11
|
-
.gdg-link-area {
|
|
12
|
-
flex-grow: 1;
|
|
13
|
-
flex-shrink: 1;
|
|
14
|
-
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
|
|
17
|
-
margin-right: 8px;
|
|
18
|
-
overflow: hidden;
|
|
19
|
-
text-overflow: ellipsis;
|
|
20
|
-
white-space: nowrap;
|
|
21
|
-
|
|
22
|
-
color: var(--gdg-link-color);
|
|
23
|
-
text-decoration: underline !important;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.gdg-edit-icon {
|
|
27
|
-
flex-shrink: 0;
|
|
28
|
-
width: 32px;
|
|
29
|
-
color: var(--gdg-accent-color);
|
|
30
|
-
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
|
|
33
|
-
display: flex;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
align-items: center;
|
|
36
|
-
|
|
37
|
-
> * {
|
|
38
|
-
width: 24px;
|
|
39
|
-
height: 24px;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
textarea {
|
|
44
|
-
position: absolute;
|
|
45
|
-
top: 0px;
|
|
46
|
-
left: 0px;
|
|
47
|
-
width: 0px;
|
|
48
|
-
height: 0px;
|
|
49
|
-
|
|
50
|
-
opacity: 0;
|
|
51
|
-
}
|
|
52
|
-
`;
|
|
53
|
-
//# sourceMappingURL=uri-overlay-editor-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gdg-seveqep{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);animation:gdg-search-fadein-gdg-seveqep 0.15s forwards;}.gdg-seveqep.out{animation:gdg-search-fadeout-gdg-seveqep 0.15s forwards;}.gdg-seveqep .gdg-search-bar-inner{display:flex;}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px;}.gdg-seveqep .gdg-search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light);}.gdg-seveqep input{width:220px;color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none;}.gdg-seveqep button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium);}.gdg-seveqep button:hover{color:var(--gdg-text-dark);}.gdg-seveqep button .button-icon{width:16px;height:16px;}.gdg-seveqep button:disabled{opacity:0.4;pointer-events:none;}@-webkit-keyframes gdg-search-fadeout-gdg-seveqep{from{transform:translateX(0);}to{transform:translateX(400px);}}@keyframes gdg-search-fadeout-gdg-seveqep{from{transform:translateX(0);}to{transform:translateX(400px);}}@-webkit-keyframes gdg-search-fadein-gdg-seveqep{from{transform:translateX(400px);}to{transform:translateX(0);}}@keyframes gdg-search-fadein-gdg-seveqep{from{transform:translateX(400px);}to{transform:translateX(0);}}
|
|
@@ -1,96 +1,7 @@
|
|
|
1
1
|
import { styled } from "@linaria/react";
|
|
2
|
-
export const SearchWrapper = styled
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export const SearchWrapper = /*#__PURE__*/styled('div')({
|
|
3
|
+
name: "SearchWrapper",
|
|
4
|
+
class: "gdg-seveqep",
|
|
5
|
+
propsAsIs: false
|
|
6
|
+
});
|
|
6
7
|
|
|
7
|
-
background-color: var(--gdg-bg-cell);
|
|
8
|
-
color: var(--gdg-text-dark);
|
|
9
|
-
|
|
10
|
-
padding: 8px;
|
|
11
|
-
border: 1px solid var(--gdg-border-color);
|
|
12
|
-
border-radius: 6px;
|
|
13
|
-
|
|
14
|
-
font-size: var(--gdg-editor-font-size);
|
|
15
|
-
|
|
16
|
-
&.out {
|
|
17
|
-
animation: gdg-search-fadeout 0.15s forwards;
|
|
18
|
-
}
|
|
19
|
-
animation: gdg-search-fadein 0.15s forwards;
|
|
20
|
-
|
|
21
|
-
.gdg-search-bar-inner {
|
|
22
|
-
display: flex;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.gdg-search-status {
|
|
26
|
-
padding-top: 4px;
|
|
27
|
-
font-size: 11px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.gdg-search-progress {
|
|
31
|
-
position: absolute;
|
|
32
|
-
height: 4px;
|
|
33
|
-
left: 0;
|
|
34
|
-
bottom: 0;
|
|
35
|
-
|
|
36
|
-
background-color: var(--gdg-text-light);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
input {
|
|
40
|
-
width: 220px;
|
|
41
|
-
color: var(--gdg-text-dark);
|
|
42
|
-
background-color: var(--gdg-bg-cell);
|
|
43
|
-
border: none;
|
|
44
|
-
border-width: 0;
|
|
45
|
-
outline: none;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
button {
|
|
49
|
-
width: 24px;
|
|
50
|
-
height: 24px;
|
|
51
|
-
padding: 0;
|
|
52
|
-
|
|
53
|
-
border: none;
|
|
54
|
-
outline: none;
|
|
55
|
-
background: none;
|
|
56
|
-
|
|
57
|
-
display: flex;
|
|
58
|
-
justify-content: center;
|
|
59
|
-
align-items: center;
|
|
60
|
-
cursor: pointer;
|
|
61
|
-
color: var(--gdg-text-medium);
|
|
62
|
-
|
|
63
|
-
&:hover {
|
|
64
|
-
color: var(--gdg-text-dark);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.button-icon {
|
|
68
|
-
width: 16px;
|
|
69
|
-
height: 16px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
&:disabled {
|
|
73
|
-
opacity: 0.4;
|
|
74
|
-
pointer-events: none;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@keyframes gdg-search-fadeout {
|
|
79
|
-
from {
|
|
80
|
-
transform: translateX(0);
|
|
81
|
-
}
|
|
82
|
-
to {
|
|
83
|
-
transform: translateX(400px);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
@keyframes gdg-search-fadein {
|
|
88
|
-
from {
|
|
89
|
-
transform: translateX(400px);
|
|
90
|
-
}
|
|
91
|
-
to {
|
|
92
|
-
transform: translateX(0);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
`;
|
|
96
|
-
//# sourceMappingURL=data-grid-search-style.js.map
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.gdg-izpuzkl{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:0px;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);padding:0;margin:0;}.gdg-invalid .gdg-izpuzkl{text-decoration:underline;text-decoration-color:#d60606;}.gdg-izpuzkl ::-webkit-input-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl ::-moz-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl :-ms-input-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl ::placeholder{color:var(--gdg-text-light);}
|
|
2
|
+
.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0;margin:0;padding-bottom:2px;}
|
|
3
|
+
.gdg-g1y0xocz{position:relative;margin-top:6px;}
|