publ-echo 0.0.13 → 0.0.15

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 (133) hide show
  1. package/css/gle-styles.css +49 -20
  2. package/dist/bin/cli.d.ts +2 -0
  3. package/dist/bin/cli.js +6 -0
  4. package/dist/build/static/js/787.a1754c4c.chunk.d.ts +0 -0
  5. package/dist/build/static/js/787.a1754c4c.chunk.js +30 -0
  6. package/dist/build/static/js/main.0319b2d6.d.ts +0 -0
  7. package/dist/build/static/js/main.0319b2d6.js +11345 -0
  8. package/dist/src/App.js +6 -0
  9. package/dist/src/examples/Example.d.ts +7 -0
  10. package/dist/src/examples/Example.js +28 -0
  11. package/dist/src/examples/ExampleMatcher.d.ts +6 -0
  12. package/dist/src/examples/ExampleMatcher.js +13 -0
  13. package/dist/{examples → src/examples}/ReactGridLayout/ReactGridLayoutShowcase01.d.ts +1 -0
  14. package/dist/{examples → src/examples}/ReactGridLayout/ReactGridLayoutShowcase01.js +8 -12
  15. package/dist/src/examples/ResponsiveGridLayout/ResponsiveGridLayoutShowcase01.js +73 -0
  16. package/dist/src/examples/components/GridBox.d.ts +7 -0
  17. package/dist/src/examples/components/GridBox.js +13 -0
  18. package/dist/src/examples/components/Icon.d.ts +6 -0
  19. package/dist/src/examples/components/Icon.js +13 -0
  20. package/dist/src/examples/components/Iframe.d.ts +5 -0
  21. package/dist/src/examples/components/Iframe.js +13 -0
  22. package/dist/src/examples/components/Img.d.ts +6 -0
  23. package/dist/src/examples/components/Img.js +13 -0
  24. package/dist/src/examples/components/SampleMap.d.ts +4 -0
  25. package/dist/src/examples/components/SampleMap.js +29 -0
  26. package/dist/src/examples/components/Text.d.ts +7 -0
  27. package/dist/src/examples/components/Text.js +13 -0
  28. package/dist/src/examples/components/TextWIcon.d.ts +10 -0
  29. package/dist/src/examples/components/TextWIcon.js +22 -0
  30. package/dist/src/examples/components/Video.d.ts +4 -0
  31. package/dist/src/examples/components/Video.js +13 -0
  32. package/dist/src/examples/components/WhatsAppDesign.d.ts +30 -0
  33. package/dist/src/examples/components/WhatsAppDesign.js +294 -0
  34. package/dist/src/examples/components/WhatsAppMap.d.ts +4 -0
  35. package/dist/src/examples/components/WhatsAppMap.js +6 -0
  36. package/dist/src/examples/components/assets/index.d.ts +4 -0
  37. package/dist/src/examples/components/assets/index.js +4 -0
  38. package/dist/src/examples/index.d.ts +1 -0
  39. package/dist/src/examples/index.js +1 -0
  40. package/dist/src/examples/utils.d.ts +18 -0
  41. package/dist/src/examples/utils.js +199 -0
  42. package/dist/src/external-lib/classnames/index.d.ts +5 -0
  43. package/dist/src/external-lib/classnames/index.js +60 -0
  44. package/dist/src/external-lib/lodash.isEqual/index.d.ts +30 -0
  45. package/dist/src/external-lib/lodash.isEqual/index.js +1661 -0
  46. package/dist/src/index.d.ts +1 -0
  47. package/dist/{index.js → src/index.js} +5 -7
  48. package/dist/{lib → src/lib}/Draggable/Draggable.js +1 -1
  49. package/dist/{lib → src/lib}/GridItem/GridItem.d.ts +1 -1
  50. package/dist/{lib → src/lib}/GridItem/GridItem.js +1 -1
  51. package/dist/{lib → src/lib}/GridItem/utils/calculateUtils.js +1 -1
  52. package/dist/{lib → src/lib}/GridLayoutEditor/ReactGridLayout.d.ts +1 -1
  53. package/dist/{lib → src/lib}/GridLayoutEditor/ReactGridLayout.js +28 -4
  54. package/dist/{lib → src/lib}/GridLayoutEditor/ResponsiveGridLayout.d.ts +1 -1
  55. package/dist/{lib → src/lib}/GridLayoutEditor/ResponsiveGridLayout.js +1 -1
  56. package/dist/{lib → src/lib}/GridLayoutEditor/types.d.ts +3 -2
  57. package/dist/{lib → src/lib}/GridLayoutEditor/utils/responsiveUtils.d.ts +2 -2
  58. package/dist/{lib → src/lib}/components/WidthProvider.js +1 -1
  59. package/dist/webpack.config.d.ts +19 -0
  60. package/dist/webpack.config.js +25 -0
  61. package/package.json +10 -9
  62. package/dist/App.js +0 -18
  63. package/dist/examples/ResponsiveGridLayout/ResponsiveGridLayoutShowcase01.js +0 -69
  64. package/dist/examples/index.d.ts +0 -2
  65. package/dist/examples/index.js +0 -2
  66. package/dist/examples/utils.d.ts +0 -8
  67. package/dist/examples/utils.js +0 -14
  68. package/dist/index.d.ts +0 -1
  69. package/dist/lib/PreviewGLE/ReactGridLayoutPreview.d.ts +0 -7
  70. package/dist/lib/PreviewGLE/ReactGridLayoutPreview.js +0 -35
  71. package/dist/lib/PreviewGLE/ResponsiveGridLayoutPreview.d.ts +0 -9
  72. package/dist/lib/PreviewGLE/ResponsiveGridLayoutPreview.js +0 -38
  73. package/dist/lib/PreviewGLE/index.d.ts +0 -2
  74. package/dist/lib/PreviewGLE/index.js +0 -2
  75. /package/dist/{App.d.ts → src/App.d.ts} +0 -0
  76. /package/dist/{examples → src/examples}/ReactGridLayout/index.d.ts +0 -0
  77. /package/dist/{examples → src/examples}/ReactGridLayout/index.js +0 -0
  78. /package/dist/{examples → src/examples}/ResponsiveGridLayout/ResponsiveGridLayoutShowcase01.d.ts +0 -0
  79. /package/dist/{examples → src/examples}/ResponsiveGridLayout/index.d.ts +0 -0
  80. /package/dist/{examples → src/examples}/ResponsiveGridLayout/index.js +0 -0
  81. /package/dist/{lib → src/lib}/Draggable/Draggable.d.ts +0 -0
  82. /package/dist/{lib → src/lib}/Draggable/DraggableCore.d.ts +0 -0
  83. /package/dist/{lib → src/lib}/Draggable/DraggableCore.js +0 -0
  84. /package/dist/{lib → src/lib}/Draggable/constants.d.ts +0 -0
  85. /package/dist/{lib → src/lib}/Draggable/constants.js +0 -0
  86. /package/dist/{lib → src/lib}/Draggable/index.d.ts +0 -0
  87. /package/dist/{lib → src/lib}/Draggable/index.js +0 -0
  88. /package/dist/{lib → src/lib}/Draggable/types.d.ts +0 -0
  89. /package/dist/{lib → src/lib}/Draggable/types.js +0 -0
  90. /package/dist/{lib → src/lib}/Draggable/utils/domHelpers.d.ts +0 -0
  91. /package/dist/{lib → src/lib}/Draggable/utils/domHelpers.js +0 -0
  92. /package/dist/{lib → src/lib}/Draggable/utils/getPrefix.d.ts +0 -0
  93. /package/dist/{lib → src/lib}/Draggable/utils/getPrefix.js +0 -0
  94. /package/dist/{lib → src/lib}/Draggable/utils/positionHelpers.d.ts +0 -0
  95. /package/dist/{lib → src/lib}/Draggable/utils/positionHelpers.js +0 -0
  96. /package/dist/{lib → src/lib}/Draggable/utils/types.d.ts +0 -0
  97. /package/dist/{lib → src/lib}/Draggable/utils/types.js +0 -0
  98. /package/dist/{lib → src/lib}/Draggable/utils/validationHelpers.d.ts +0 -0
  99. /package/dist/{lib → src/lib}/Draggable/utils/validationHelpers.js +0 -0
  100. /package/dist/{lib → src/lib}/GridItem/index.d.ts +0 -0
  101. /package/dist/{lib → src/lib}/GridItem/index.js +0 -0
  102. /package/dist/{lib → src/lib}/GridItem/types.d.ts +0 -0
  103. /package/dist/{lib → src/lib}/GridItem/types.js +0 -0
  104. /package/dist/{lib → src/lib}/GridItem/utils/calculateUtils.d.ts +0 -0
  105. /package/dist/{lib → src/lib}/GridLayoutEditor/index.d.ts +0 -0
  106. /package/dist/{lib → src/lib}/GridLayoutEditor/index.js +0 -0
  107. /package/dist/{lib → src/lib}/GridLayoutEditor/types.js +0 -0
  108. /package/dist/{lib → src/lib}/GridLayoutEditor/utils/renderHelpers.d.ts +0 -0
  109. /package/dist/{lib → src/lib}/GridLayoutEditor/utils/renderHelpers.js +0 -0
  110. /package/dist/{lib → src/lib}/GridLayoutEditor/utils/responsiveUtils.js +0 -0
  111. /package/dist/{lib → src/lib}/Resizable/Resizable.d.ts +0 -0
  112. /package/dist/{lib → src/lib}/Resizable/Resizable.js +0 -0
  113. /package/dist/{lib → src/lib}/Resizable/ResizableBox.d.ts +0 -0
  114. /package/dist/{lib → src/lib}/Resizable/ResizableBox.js +0 -0
  115. /package/dist/{lib → src/lib}/Resizable/index.d.ts +0 -0
  116. /package/dist/{lib → src/lib}/Resizable/index.js +0 -0
  117. /package/dist/{lib → src/lib}/Resizable/types.d.ts +0 -0
  118. /package/dist/{lib → src/lib}/Resizable/types.js +0 -0
  119. /package/dist/{lib → src/lib}/Resizable/utils/cloneElement.d.ts +0 -0
  120. /package/dist/{lib → src/lib}/Resizable/utils/cloneElement.js +0 -0
  121. /package/dist/{lib → src/lib}/components/WidthProvider.d.ts +0 -0
  122. /package/dist/{lib → src/lib}/components/index.d.ts +0 -0
  123. /package/dist/{lib → src/lib}/components/index.js +0 -0
  124. /package/dist/{lib → src/lib}/components/types.d.ts +0 -0
  125. /package/dist/{lib → src/lib}/components/types.js +0 -0
  126. /package/dist/{lib → src/lib}/index.d.ts +0 -0
  127. /package/dist/{lib → src/lib}/index.js +0 -0
  128. /package/dist/{utils → src/lib}/types.d.ts +0 -0
  129. /package/dist/{utils → src/lib}/types.js +0 -0
  130. /package/dist/{reportWebVitals.d.ts → src/reportWebVitals.d.ts} +0 -0
  131. /package/dist/{reportWebVitals.js → src/reportWebVitals.js} +0 -0
  132. /package/dist/{setupTests.d.ts → src/setupTests.d.ts} +0 -0
  133. /package/dist/{setupTests.js → src/setupTests.js} +0 -0
@@ -1,12 +1,22 @@
1
1
  /* NOTE: GridLayoutEditor related */
2
2
 
3
+ * {
4
+ box-sizing: border-box;
5
+ }
6
+
3
7
  .react-grid-layout {
4
8
  position: relative;
5
9
  }
10
+
6
11
  .react-grid-item {
7
12
  position: absolute;
8
13
  top: 0;
9
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;
10
20
  }
11
21
 
12
22
  .react-grid-item img {
@@ -37,8 +47,6 @@
37
47
 
38
48
  .react-grid-item.placeholder {
39
49
  z-index: 9999;
40
- background-color: blue;
41
- opacity: 0.5;
42
50
  -webkit-user-select: none;
43
51
  -moz-user-select: none;
44
52
  -ms-user-select: none;
@@ -47,14 +55,12 @@
47
55
  }
48
56
 
49
57
  .react-grid-item > .react-resizable-handle::after {
50
- content: "";
51
58
  position: absolute;
52
- right: 3px;
53
- bottom: 3px;
54
- width: 5px;
59
+ background: rgb(255, 255, 255);
60
+ border: 2px solid rgb(2, 122, 255);
61
+ content: "";
55
62
  height: 5px;
56
- border-right: 2px solid rgba(0, 0, 0, 0.4);
57
- border-bottom: 2px solid rgba(0, 0, 0, 0.4);
63
+ width: 5px;
58
64
  }
59
65
 
60
66
  .react-resizable-hide > .react-resizable-handle {
@@ -73,68 +79,91 @@
73
79
  background-repeat: no-repeat;
74
80
  background-origin: content-box;
75
81
  box-sizing: border-box;
76
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
77
- background-position: bottom right;
78
- padding: 0 3px 3px 0;
82
+ display: flex;
83
+ align-items: center;
84
+ justify-content: center;
79
85
  }
80
86
 
81
87
  .react-resizable-handle-sw {
82
88
  bottom: 0;
83
89
  left: 0;
84
90
  cursor: sw-resize;
85
- transform: rotate(90deg);
91
+ transform: translate(-50%, 50%);
86
92
  }
87
93
 
88
94
  .react-resizable-handle-se {
89
95
  bottom: 0;
90
96
  right: 0;
91
97
  cursor: se-resize;
98
+ transform: translate(50%, 50%);
92
99
  }
93
100
 
94
101
  .react-resizable-handle-nw {
95
102
  top: 0;
96
103
  left: 0;
97
104
  cursor: nw-resize;
98
- transform: rotate(180deg);
105
+ transform: translate(-50%, -50%);
99
106
  }
100
107
 
101
108
  .react-resizable-handle-ne {
102
109
  top: 0;
103
110
  right: 0;
104
111
  cursor: ne-resize;
105
- transform: rotate(270deg);
112
+ transform: translate(50%, -50%);
106
113
  }
107
114
 
108
115
  .react-resizable-handle-w,
109
116
  .react-resizable-handle-e {
110
117
  top: 50%;
111
- margin-top: -10px;
112
118
  cursor: ew-resize;
113
119
  }
114
120
 
115
121
  .react-resizable-handle-w {
116
122
  left: 0;
117
- transform: rotate(135deg);
123
+ transform: translateX(-50%);
118
124
  }
119
125
 
120
126
  .react-resizable-handle-e {
121
127
  right: 0;
122
- transform: rotate(315deg);
128
+ transform: translateX(50%);
123
129
  }
124
130
 
125
131
  .react-resizable-handle-n,
126
132
  .react-resizable-handle-s {
127
133
  left: 50%;
128
- margin-left: -10px;
129
134
  cursor: ns-resize;
130
135
  }
131
136
 
132
137
  .react-resizable-handle-n {
133
138
  top: 0;
134
- transform: rotate(225deg);
139
+ transform: translate(-50%, -50%);
135
140
  }
136
141
 
137
142
  .react-resizable-handle-s {
138
143
  bottom: 0;
139
- transform: rotate(45deg);
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;
140
169
  }
@@ -0,0 +1,2 @@
1
+ #!/usr/bin/env node
2
+ export {};
@@ -0,0 +1,6 @@
1
+ #!/usr/bin/env node
2
+ "use strict";
3
+ var program = require("commander").program;
4
+ // action
5
+ program.action(function (cmd) { return console.log("✓ Running!!"); });
6
+ program.parse(process.argv);
File without changes
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ (self.webpackChunkpubl_echo = self.webpackChunkpubl_echo || []).push([[787], { 787: function (e, t, n) { n.r(t), n.d(t, { getCLS: function () { return y; }, getFCP: function () { return h; }, getFID: function () { return C; }, getLCP: function () { return P; }, getTTFB: function () { return D; } }); var i, r, a, o, u = function (e, t) { return { name: e, value: void 0 === t ? -1 : t, delta: 0, entries: [], id: "v2-".concat(Date.now(), "-").concat(Math.floor(8999999999999 * Math.random()) + 1e12) }; }, c = function (e, t) { try {
3
+ if (PerformanceObserver.supportedEntryTypes.includes(e)) {
4
+ if ("first-input" === e && !("PerformanceEventTiming" in self))
5
+ return;
6
+ var n = new PerformanceObserver((function (e) { return e.getEntries().map(t); }));
7
+ return n.observe({ type: e, buffered: !0 }), n;
8
+ }
9
+ }
10
+ catch (e) { } }, f = function (e, t) { var n = function n(i) { "pagehide" !== i.type && "hidden" !== document.visibilityState || (e(i), t && (removeEventListener("visibilitychange", n, !0), removeEventListener("pagehide", n, !0))); }; addEventListener("visibilitychange", n, !0), addEventListener("pagehide", n, !0); }, s = function (e) { addEventListener("pageshow", (function (t) { t.persisted && e(t); }), !0); }, m = function (e, t, n) { var i; return function (r) { t.value >= 0 && (r || n) && (t.delta = t.value - (i || 0), (t.delta || void 0 === i) && (i = t.value, e(t))); }; }, v = -1, p = function () { return "hidden" === document.visibilityState ? 0 : 1 / 0; }, d = function () { f((function (e) { var t = e.timeStamp; v = t; }), !0); }, l = function () { return v < 0 && (v = p(), d(), s((function () { setTimeout((function () { v = p(), d(); }), 0); }))), { get firstHiddenTime() { return v; } }; }, h = function (e, t) { var n, i = l(), r = u("FCP"), a = function (e) { "first-contentful-paint" === e.name && (f && f.disconnect(), e.startTime < i.firstHiddenTime && (r.value = e.startTime, r.entries.push(e), n(!0))); }, o = window.performance && performance.getEntriesByName && performance.getEntriesByName("first-contentful-paint")[0], f = o ? null : c("paint", a); (o || f) && (n = m(e, r, t), o && a(o), s((function (i) { r = u("FCP"), n = m(e, r, t), requestAnimationFrame((function () { requestAnimationFrame((function () { r.value = performance.now() - i.timeStamp, n(!0); })); })); }))); }, g = !1, T = -1, y = function (e, t) { g || (h((function (e) { T = e.value; })), g = !0); var n, i = function (t) { T > -1 && e(t); }, r = u("CLS", 0), a = 0, o = [], v = function (e) { if (!e.hadRecentInput) {
11
+ var t = o[0], i = o[o.length - 1];
12
+ a && e.startTime - i.startTime < 1e3 && e.startTime - t.startTime < 5e3 ? (a += e.value, o.push(e)) : (a = e.value, o = [e]), a > r.value && (r.value = a, r.entries = o, n());
13
+ } }, p = c("layout-shift", v); p && (n = m(i, r, t), f((function () { p.takeRecords().map(v), n(!0); })), s((function () { a = 0, T = -1, r = u("CLS", 0), n = m(i, r, t); }))); }, E = { passive: !0, capture: !0 }, w = new Date, L = function (e, t) { i || (i = t, r = e, a = new Date, F(removeEventListener), S()); }, S = function () { if (r >= 0 && r < a - w) {
14
+ var e = { entryType: "first-input", name: i.type, target: i.target, cancelable: i.cancelable, startTime: i.timeStamp, processingStart: i.timeStamp + r };
15
+ o.forEach((function (t) { t(e); })), o = [];
16
+ } }, b = function (e) { if (e.cancelable) {
17
+ var t = (e.timeStamp > 1e12 ? new Date : performance.now()) - e.timeStamp;
18
+ "pointerdown" == e.type ? function (e, t) { var n = function () { L(e, t), r(); }, i = function () { r(); }, r = function () { removeEventListener("pointerup", n, E), removeEventListener("pointercancel", i, E); }; addEventListener("pointerup", n, E), addEventListener("pointercancel", i, E); }(t, e) : L(t, e);
19
+ } }, F = function (e) { ["mousedown", "keydown", "touchstart", "pointerdown"].forEach((function (t) { return e(t, b, E); })); }, C = function (e, t) { var n, a = l(), v = u("FID"), p = function (e) { e.startTime < a.firstHiddenTime && (v.value = e.processingStart - e.startTime, v.entries.push(e), n(!0)); }, d = c("first-input", p); n = m(e, v, t), d && f((function () { d.takeRecords().map(p), d.disconnect(); }), !0), d && s((function () { var a; v = u("FID"), n = m(e, v, t), o = [], r = -1, i = null, F(addEventListener), a = p, o.push(a), S(); })); }, k = {}, P = function (e, t) { var n, i = l(), r = u("LCP"), a = function (e) { var t = e.startTime; t < i.firstHiddenTime && (r.value = t, r.entries.push(e), n()); }, o = c("largest-contentful-paint", a); if (o) {
20
+ n = m(e, r, t);
21
+ var v = function () { k[r.id] || (o.takeRecords().map(a), o.disconnect(), k[r.id] = !0, n(!0)); };
22
+ ["keydown", "click"].forEach((function (e) { addEventListener(e, v, { once: !0, capture: !0 }); })), f(v, !0), s((function (i) { r = u("LCP"), n = m(e, r, t), requestAnimationFrame((function () { requestAnimationFrame((function () { r.value = performance.now() - i.timeStamp, k[r.id] = !0, n(!0); })); })); }));
23
+ } }, D = function (e) { var t, n = u("TTFB"); t = function () { try {
24
+ var t = performance.getEntriesByType("navigation")[0] || function () { var e = performance.timing, t = { entryType: "navigation", startTime: 0 }; for (var n in e)
25
+ "navigationStart" !== n && "toJSON" !== n && (t[n] = Math.max(e[n] - e.navigationStart, 0)); return t; }();
26
+ if (n.value = n.delta = t.responseStart, n.value < 0 || n.value > performance.now())
27
+ return;
28
+ n.entries = [t], e(n);
29
+ }
30
+ catch (e) { } }, "complete" === document.readyState ? setTimeout(t, 0) : addEventListener("load", (function () { return setTimeout(t, 0); })); }; } }]);
File without changes