publ-echo-test 0.0.1
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 +29 -0
- package/css/gle-styles.css +169 -0
- package/css/resizable-styles.css +76 -0
- package/dist/external-lib/classnames/index.d.ts +5 -0
- package/dist/external-lib/classnames/index.js +60 -0
- package/dist/external-lib/lodash.isEqual/index.d.ts +30 -0
- package/dist/external-lib/lodash.isEqual/index.js +1661 -0
- package/dist/lib/Draggable/Draggable.d.ts +17 -0
- package/dist/lib/Draggable/Draggable.js +192 -0
- package/dist/lib/Draggable/DraggableCore.d.ts +5 -0
- package/dist/lib/Draggable/DraggableCore.js +266 -0
- package/dist/lib/Draggable/constants.d.ts +12 -0
- package/dist/lib/Draggable/constants.js +12 -0
- package/dist/lib/Draggable/index.d.ts +2 -0
- package/dist/lib/Draggable/index.js +2 -0
- package/dist/lib/Draggable/types.d.ts +55 -0
- package/dist/lib/Draggable/types.js +1 -0
- package/dist/lib/Draggable/utils/domHelpers.d.ts +22 -0
- package/dist/lib/Draggable/utils/domHelpers.js +222 -0
- package/dist/lib/Draggable/utils/getPrefix.d.ts +5 -0
- package/dist/lib/Draggable/utils/getPrefix.js +41 -0
- package/dist/lib/Draggable/utils/positionHelpers.d.ts +7 -0
- package/dist/lib/Draggable/utils/positionHelpers.js +32 -0
- package/dist/lib/Draggable/utils/types.d.ts +30 -0
- package/dist/lib/Draggable/utils/types.js +1 -0
- package/dist/lib/Draggable/utils/validationHelpers.d.ts +4 -0
- package/dist/lib/Draggable/utils/validationHelpers.js +16 -0
- package/dist/lib/GridItem/GridItem.d.ts +5 -0
- package/dist/lib/GridItem/GridItem.js +350 -0
- package/dist/lib/GridItem/index.d.ts +1 -0
- package/dist/lib/GridItem/index.js +1 -0
- package/dist/lib/GridItem/types.d.ts +107 -0
- package/dist/lib/GridItem/types.js +1 -0
- package/dist/lib/GridItem/utils/calculateUtils.d.ts +30 -0
- package/dist/lib/GridItem/utils/calculateUtils.js +108 -0
- package/dist/lib/GridLayoutEditor/ReactGridLayout.d.ts +6 -0
- package/dist/lib/GridLayoutEditor/ReactGridLayout.js +456 -0
- package/dist/lib/GridLayoutEditor/ResponsiveGridLayout.d.ts +4 -0
- package/dist/lib/GridLayoutEditor/ResponsiveGridLayout.js +117 -0
- package/dist/lib/GridLayoutEditor/index.d.ts +3 -0
- package/dist/lib/GridLayoutEditor/index.js +2 -0
- package/dist/lib/GridLayoutEditor/types.d.ts +133 -0
- package/dist/lib/GridLayoutEditor/types.js +1 -0
- package/dist/lib/GridLayoutEditor/utils/renderHelpers.d.ts +165 -0
- package/dist/lib/GridLayoutEditor/utils/renderHelpers.js +566 -0
- package/dist/lib/GridLayoutEditor/utils/responsiveUtils.d.ts +26 -0
- package/dist/lib/GridLayoutEditor/utils/responsiveUtils.js +77 -0
- package/dist/lib/Resizable/Resizable.d.ts +6 -0
- package/dist/lib/Resizable/Resizable.js +215 -0
- package/dist/lib/Resizable/ResizableBox.d.ts +7 -0
- package/dist/lib/Resizable/ResizableBox.js +57 -0
- package/dist/lib/Resizable/index.d.ts +1 -0
- package/dist/lib/Resizable/index.js +1 -0
- package/dist/lib/Resizable/types.d.ts +63 -0
- package/dist/lib/Resizable/types.js +1 -0
- package/dist/lib/Resizable/utils/cloneElement.d.ts +2 -0
- package/dist/lib/Resizable/utils/cloneElement.js +21 -0
- package/dist/lib/components/WidthProvider.d.ts +9 -0
- package/dist/lib/components/WidthProvider.js +65 -0
- package/dist/lib/components/index.d.ts +1 -0
- package/dist/lib/components/index.js +1 -0
- package/dist/lib/components/types.d.ts +13 -0
- package/dist/lib/components/types.js +1 -0
- package/dist/lib/index.d.ts +5 -0
- package/dist/lib/index.js +5 -0
- package/dist/lib/types.d.ts +4 -0
- package/dist/lib/types.js +1 -0
- package/package.json +56 -0
package/README.md
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
# README #
|
2
|
+
|
3
|
+
This README would normally document whatever steps are necessary to get your application up and running.
|
4
|
+
|
5
|
+
### What is this repository for? ###
|
6
|
+
|
7
|
+
* Quick summary
|
8
|
+
* Version
|
9
|
+
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
|
10
|
+
|
11
|
+
### How do I get set up? ###
|
12
|
+
|
13
|
+
* Summary of set up
|
14
|
+
* Configuration
|
15
|
+
* Dependencies
|
16
|
+
* Database configuration
|
17
|
+
* How to run tests
|
18
|
+
* Deployment instructions
|
19
|
+
|
20
|
+
### Contribution guidelines ###
|
21
|
+
|
22
|
+
* Writing tests
|
23
|
+
* Code review
|
24
|
+
* Other guidelines
|
25
|
+
|
26
|
+
### Who do I talk to? ###
|
27
|
+
|
28
|
+
* Repo owner or admin
|
29
|
+
* Other community or team contact
|
@@ -0,0 +1,169 @@
|
|
1
|
+
/* NOTE: GridLayoutEditor related */
|
2
|
+
|
3
|
+
* {
|
4
|
+
box-sizing: border-box;
|
5
|
+
}
|
6
|
+
|
7
|
+
.react-grid-layout {
|
8
|
+
position: relative;
|
9
|
+
}
|
10
|
+
|
11
|
+
.react-grid-item {
|
12
|
+
position: absolute;
|
13
|
+
top: 0;
|
14
|
+
left: 0;
|
15
|
+
z-index: 1;
|
16
|
+
}
|
17
|
+
|
18
|
+
.react-grid-item.react-draggable.react-resizable {
|
19
|
+
box-shadow: 0 0 0 1px #027aff;
|
20
|
+
}
|
21
|
+
|
22
|
+
.react-grid-item img {
|
23
|
+
pointer-events: none;
|
24
|
+
user-select: none;
|
25
|
+
}
|
26
|
+
|
27
|
+
.react-grid-item.isResizing {
|
28
|
+
visibility: hidden;
|
29
|
+
}
|
30
|
+
|
31
|
+
.react-grid-item.react-draggable.isDragging {
|
32
|
+
visibility: hidden;
|
33
|
+
}
|
34
|
+
|
35
|
+
.react-grid-item.dropping {
|
36
|
+
visibility: hidden;
|
37
|
+
}
|
38
|
+
|
39
|
+
.react-grid-item.static::after {
|
40
|
+
content: "this is static, can't drag";
|
41
|
+
position: absolute;
|
42
|
+
top: 50%;
|
43
|
+
left: 50%;
|
44
|
+
transform: translate(-50%, -50%);
|
45
|
+
color: red;
|
46
|
+
}
|
47
|
+
|
48
|
+
.react-grid-item.placeholder {
|
49
|
+
z-index: 9999;
|
50
|
+
-webkit-user-select: none;
|
51
|
+
-moz-user-select: none;
|
52
|
+
-ms-user-select: none;
|
53
|
+
-o-user-select: none;
|
54
|
+
user-select: none;
|
55
|
+
}
|
56
|
+
|
57
|
+
.react-grid-item > .react-resizable-handle::after {
|
58
|
+
position: absolute;
|
59
|
+
background: rgb(255, 255, 255);
|
60
|
+
border: 2px solid rgb(2, 122, 255);
|
61
|
+
content: "";
|
62
|
+
height: 5px;
|
63
|
+
width: 5px;
|
64
|
+
}
|
65
|
+
|
66
|
+
.react-resizable-hide > .react-resizable-handle {
|
67
|
+
display: none;
|
68
|
+
}
|
69
|
+
|
70
|
+
/* NOTE: Resizable related */
|
71
|
+
.react-resizable {
|
72
|
+
position: relative;
|
73
|
+
}
|
74
|
+
|
75
|
+
.react-resizable-handle {
|
76
|
+
position: absolute;
|
77
|
+
width: 20px;
|
78
|
+
height: 20px;
|
79
|
+
background-repeat: no-repeat;
|
80
|
+
background-origin: content-box;
|
81
|
+
box-sizing: border-box;
|
82
|
+
display: flex;
|
83
|
+
align-items: center;
|
84
|
+
justify-content: center;
|
85
|
+
}
|
86
|
+
|
87
|
+
.react-resizable-handle-sw {
|
88
|
+
bottom: 0;
|
89
|
+
left: 0;
|
90
|
+
cursor: sw-resize;
|
91
|
+
transform: translate(-50%, 50%);
|
92
|
+
}
|
93
|
+
|
94
|
+
.react-resizable-handle-se {
|
95
|
+
bottom: 0;
|
96
|
+
right: 0;
|
97
|
+
cursor: se-resize;
|
98
|
+
transform: translate(50%, 50%);
|
99
|
+
}
|
100
|
+
|
101
|
+
.react-resizable-handle-nw {
|
102
|
+
top: 0;
|
103
|
+
left: 0;
|
104
|
+
cursor: nw-resize;
|
105
|
+
transform: translate(-50%, -50%);
|
106
|
+
}
|
107
|
+
|
108
|
+
.react-resizable-handle-ne {
|
109
|
+
top: 0;
|
110
|
+
right: 0;
|
111
|
+
cursor: ne-resize;
|
112
|
+
transform: translate(50%, -50%);
|
113
|
+
}
|
114
|
+
|
115
|
+
.react-resizable-handle-w,
|
116
|
+
.react-resizable-handle-e {
|
117
|
+
top: 50%;
|
118
|
+
cursor: ew-resize;
|
119
|
+
}
|
120
|
+
|
121
|
+
.react-resizable-handle-w {
|
122
|
+
left: 0;
|
123
|
+
transform: translateX(-50%);
|
124
|
+
}
|
125
|
+
|
126
|
+
.react-resizable-handle-e {
|
127
|
+
right: 0;
|
128
|
+
transform: translateX(50%);
|
129
|
+
}
|
130
|
+
|
131
|
+
.react-resizable-handle-n,
|
132
|
+
.react-resizable-handle-s {
|
133
|
+
left: 50%;
|
134
|
+
cursor: ns-resize;
|
135
|
+
}
|
136
|
+
|
137
|
+
.react-resizable-handle-n {
|
138
|
+
top: 0;
|
139
|
+
transform: translate(-50%, -50%);
|
140
|
+
}
|
141
|
+
|
142
|
+
.react-resizable-handle-s {
|
143
|
+
bottom: 0;
|
144
|
+
transform: translate(-50%, 50%);
|
145
|
+
}
|
146
|
+
|
147
|
+
.grid-placeholder {
|
148
|
+
position: absolute;
|
149
|
+
z-index: 0;
|
150
|
+
}
|
151
|
+
|
152
|
+
.grid-pattern-rect {
|
153
|
+
stroke: #ffffff5f;
|
154
|
+
fill: #c0bebe14;
|
155
|
+
}
|
156
|
+
|
157
|
+
.react-grid-item.placeholder {
|
158
|
+
box-shadow: 0 0 0 1px #027aff;
|
159
|
+
}
|
160
|
+
|
161
|
+
.grid-guide-line-center {
|
162
|
+
height: 100%;
|
163
|
+
left: 50%;
|
164
|
+
position: absolute;
|
165
|
+
transform: translateX(-50%);
|
166
|
+
border-color: #ff463aff;
|
167
|
+
border-width: 1px;
|
168
|
+
border-style: dashed;
|
169
|
+
}
|
@@ -0,0 +1,76 @@
|
|
1
|
+
.react-resizable {
|
2
|
+
position: relative;
|
3
|
+
}
|
4
|
+
|
5
|
+
.react-resizable-handle {
|
6
|
+
position: absolute;
|
7
|
+
width: 20px;
|
8
|
+
height: 20px;
|
9
|
+
background-repeat: no-repeat;
|
10
|
+
background-origin: content-box;
|
11
|
+
box-sizing: border-box;
|
12
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
|
13
|
+
background-position: bottom right;
|
14
|
+
padding: 0 3px 3px 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
.react-resizable-handle-sw {
|
18
|
+
bottom: 0;
|
19
|
+
left: 0;
|
20
|
+
cursor: sw-resize;
|
21
|
+
transform: rotate(90deg);
|
22
|
+
}
|
23
|
+
|
24
|
+
.react-resizable-handle-se {
|
25
|
+
bottom: 0;
|
26
|
+
right: 0;
|
27
|
+
cursor: se-resize;
|
28
|
+
}
|
29
|
+
|
30
|
+
.react-resizable-handle-nw {
|
31
|
+
top: 0;
|
32
|
+
left: 0;
|
33
|
+
cursor: nw-resize;
|
34
|
+
transform: rotate(180deg);
|
35
|
+
}
|
36
|
+
|
37
|
+
.react-resizable-handle-ne {
|
38
|
+
top: 0;
|
39
|
+
right: 0;
|
40
|
+
cursor: ne-resize;
|
41
|
+
transform: rotate(270deg);
|
42
|
+
}
|
43
|
+
|
44
|
+
.react-resizable-handle-w,
|
45
|
+
.react-resizable-handle-e {
|
46
|
+
top: 50%;
|
47
|
+
margin-top: -10px;
|
48
|
+
cursor: ew-resize;
|
49
|
+
}
|
50
|
+
|
51
|
+
.react-resizable-handle-w {
|
52
|
+
left: 0;
|
53
|
+
transform: rotate(135deg);
|
54
|
+
}
|
55
|
+
|
56
|
+
.react-resizable-handle-e {
|
57
|
+
right: 0;
|
58
|
+
transform: rotate(315deg);
|
59
|
+
}
|
60
|
+
|
61
|
+
.react-resizable-handle-n,
|
62
|
+
.react-resizable-handle-s {
|
63
|
+
left: 50%;
|
64
|
+
margin-left: -10px;
|
65
|
+
cursor: ns-resize;
|
66
|
+
}
|
67
|
+
|
68
|
+
.react-resizable-handle-n {
|
69
|
+
top: 0;
|
70
|
+
transform: rotate(225deg);
|
71
|
+
}
|
72
|
+
|
73
|
+
.react-resizable-handle-s {
|
74
|
+
bottom: 0;
|
75
|
+
transform: rotate(45deg);
|
76
|
+
}
|
@@ -0,0 +1,60 @@
|
|
1
|
+
"use strict";
|
2
|
+
/* eslint-disable no-unused-vars */
|
3
|
+
/*!
|
4
|
+
Copyright (c) 2018 Jed Watson.
|
5
|
+
Licensed under the MIT License (MIT), see
|
6
|
+
http://jedwatson.github.io/classnames
|
7
|
+
*/
|
8
|
+
/* global define */
|
9
|
+
(function () {
|
10
|
+
var hasOwn = {}.hasOwnProperty;
|
11
|
+
var nativeCodeString = "[native code]";
|
12
|
+
function classNames() {
|
13
|
+
var classes = [];
|
14
|
+
for (var i = 0; i < arguments.length; i++) {
|
15
|
+
var arg = arguments[i];
|
16
|
+
if (!arg)
|
17
|
+
continue;
|
18
|
+
var argType = typeof arg;
|
19
|
+
if (argType === "string" || argType === "number") {
|
20
|
+
classes.push(arg);
|
21
|
+
}
|
22
|
+
else if (Array.isArray(arg)) {
|
23
|
+
if (arg.length) {
|
24
|
+
var inner = classNames.apply(null, arg);
|
25
|
+
if (inner) {
|
26
|
+
classes.push(inner);
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
else if (argType === "object") {
|
31
|
+
if (arg.toString !== Object.prototype.toString &&
|
32
|
+
!arg.toString.toString().includes("[native code]")) {
|
33
|
+
classes.push(arg.toString());
|
34
|
+
continue;
|
35
|
+
}
|
36
|
+
for (var key in arg) {
|
37
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
38
|
+
classes.push(key);
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
return classes.join(" ");
|
44
|
+
}
|
45
|
+
if (typeof module !== "undefined" && module.exports) {
|
46
|
+
classNames.default = classNames;
|
47
|
+
module.exports = classNames;
|
48
|
+
}
|
49
|
+
else if (typeof define === "function" &&
|
50
|
+
typeof define.amd === "object" &&
|
51
|
+
define.amd) {
|
52
|
+
// register as 'classnames', consistent with npm package name
|
53
|
+
define("classnames", [], function () {
|
54
|
+
return classNames;
|
55
|
+
});
|
56
|
+
}
|
57
|
+
else {
|
58
|
+
window.classNames = classNames;
|
59
|
+
}
|
60
|
+
})();
|
@@ -0,0 +1,30 @@
|
|
1
|
+
export = isEqual;
|
2
|
+
/**
|
3
|
+
* Performs a deep comparison between two values to determine if they are
|
4
|
+
* equivalent.
|
5
|
+
*
|
6
|
+
* **Note:** This method supports comparing arrays, array buffers, booleans,
|
7
|
+
* date objects, error objects, maps, numbers, `Object` objects, regexes,
|
8
|
+
* sets, strings, symbols, and typed arrays. `Object` objects are compared
|
9
|
+
* by their own, not inherited, enumerable properties. Functions and DOM
|
10
|
+
* nodes are compared by strict equality, i.e. `===`.
|
11
|
+
*
|
12
|
+
* @static
|
13
|
+
* @memberOf _
|
14
|
+
* @since 0.1.0
|
15
|
+
* @category Lang
|
16
|
+
* @param {*} value The value to compare.
|
17
|
+
* @param {*} other The other value to compare.
|
18
|
+
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
|
19
|
+
* @example
|
20
|
+
*
|
21
|
+
* var object = { 'a': 1 };
|
22
|
+
* var other = { 'a': 1 };
|
23
|
+
*
|
24
|
+
* _.isEqual(object, other);
|
25
|
+
* // => true
|
26
|
+
*
|
27
|
+
* object === other;
|
28
|
+
* // => false
|
29
|
+
*/
|
30
|
+
declare function isEqual(value: any, other: any): boolean;
|