@dashboard-designer/ui 0.1.1 → 0.1.2

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 (3) hide show
  1. package/dist/index.js +0 -2
  2. package/dist/styles.css +192 -0
  3. package/package.json +5 -2
package/dist/index.js CHANGED
@@ -4881,8 +4881,6 @@ function useDashboardHistory(initial, onChange, readOnly = false) {
4881
4881
  }
4882
4882
 
4883
4883
  // src/designer/DashboardDesigner.tsx
4884
- import "react-grid-layout/css/styles.css";
4885
- import "react-resizable/css/styles.css";
4886
4884
  import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
4887
4885
  function listboxFilterField(widget) {
4888
4886
  const override = widget.chartOptions.filterField;
package/dist/styles.css CHANGED
@@ -1,3 +1,195 @@
1
+ /* @dashboard-designer/ui — bundled styles (vendor grid + app) */
2
+
3
+ /* --- css/styles.css --- */
4
+ .react-resizable {
5
+ position: relative;
6
+ }
7
+ .react-resizable-handle {
8
+ position: absolute;
9
+ width: 20px;
10
+ height: 20px;
11
+ background-repeat: no-repeat;
12
+ background-origin: content-box;
13
+ box-sizing: border-box;
14
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
15
+ background-position: bottom right;
16
+ padding: 0 3px 3px 0;
17
+ }
18
+ .react-resizable-handle-sw {
19
+ bottom: 0;
20
+ left: 0;
21
+ cursor: sw-resize;
22
+ transform: rotate(90deg);
23
+ }
24
+ .react-resizable-handle-se {
25
+ bottom: 0;
26
+ right: 0;
27
+ cursor: se-resize;
28
+ }
29
+ .react-resizable-handle-nw {
30
+ top: 0;
31
+ left: 0;
32
+ cursor: nw-resize;
33
+ transform: rotate(180deg);
34
+ }
35
+ .react-resizable-handle-ne {
36
+ top: 0;
37
+ right: 0;
38
+ cursor: ne-resize;
39
+ transform: rotate(270deg);
40
+ }
41
+ .react-resizable-handle-w,
42
+ .react-resizable-handle-e {
43
+ top: 50%;
44
+ margin-top: -10px;
45
+ cursor: ew-resize;
46
+ }
47
+ .react-resizable-handle-w {
48
+ left: 0;
49
+ transform: rotate(135deg);
50
+ }
51
+ .react-resizable-handle-e {
52
+ right: 0;
53
+ transform: rotate(315deg);
54
+ }
55
+ .react-resizable-handle-n,
56
+ .react-resizable-handle-s {
57
+ left: 50%;
58
+ margin-left: -10px;
59
+ cursor: ns-resize;
60
+ }
61
+ .react-resizable-handle-n {
62
+ top: 0;
63
+ transform: rotate(225deg);
64
+ }
65
+ .react-resizable-handle-s {
66
+ bottom: 0;
67
+ transform: rotate(45deg);
68
+ }
69
+
70
+ /* --- css/styles.css --- */
71
+ .react-grid-layout {
72
+ position: relative;
73
+ transition: height 200ms ease;
74
+ }
75
+ .react-grid-item {
76
+ transition: all 200ms ease;
77
+ transition-property: left, top, width, height;
78
+ }
79
+ .react-grid-item img {
80
+ pointer-events: none;
81
+ user-select: none;
82
+ }
83
+ .react-grid-item.cssTransforms {
84
+ transition-property: transform, width, height;
85
+ }
86
+ .react-grid-item.resizing {
87
+ transition: none;
88
+ z-index: 1;
89
+ will-change: width, height;
90
+ }
91
+
92
+ .react-grid-item.react-draggable-dragging {
93
+ transition: none;
94
+ z-index: 3;
95
+ will-change: transform;
96
+ }
97
+
98
+ .react-grid-item.dropping {
99
+ visibility: hidden;
100
+ }
101
+
102
+ .react-grid-item.react-grid-placeholder {
103
+ background: red;
104
+ opacity: 0.2;
105
+ transition-duration: 100ms;
106
+ z-index: 2;
107
+ -webkit-user-select: none;
108
+ -moz-user-select: none;
109
+ -ms-user-select: none;
110
+ -o-user-select: none;
111
+ user-select: none;
112
+ }
113
+
114
+ .react-grid-item.react-grid-placeholder.placeholder-resizing {
115
+ transition: none;
116
+ }
117
+
118
+ .react-grid-item > .react-resizable-handle {
119
+ position: absolute;
120
+ width: 20px;
121
+ height: 20px;
122
+ }
123
+
124
+ .react-grid-item > .react-resizable-handle::after {
125
+ content: "";
126
+ position: absolute;
127
+ right: 3px;
128
+ bottom: 3px;
129
+ width: 5px;
130
+ height: 5px;
131
+ border-right: 2px solid rgba(0, 0, 0, 0.4);
132
+ border-bottom: 2px solid rgba(0, 0, 0, 0.4);
133
+ }
134
+
135
+ .react-resizable-hide > .react-resizable-handle {
136
+ display: none;
137
+ }
138
+
139
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
140
+ bottom: 0;
141
+ left: 0;
142
+ cursor: sw-resize;
143
+ transform: rotate(90deg);
144
+ }
145
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-se {
146
+ bottom: 0;
147
+ right: 0;
148
+ cursor: se-resize;
149
+ }
150
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
151
+ top: 0;
152
+ left: 0;
153
+ cursor: nw-resize;
154
+ transform: rotate(180deg);
155
+ }
156
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
157
+ top: 0;
158
+ right: 0;
159
+ cursor: ne-resize;
160
+ transform: rotate(270deg);
161
+ }
162
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-w,
163
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
164
+ top: 50%;
165
+ margin-top: -10px;
166
+ cursor: ew-resize;
167
+ }
168
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-w {
169
+ left: 0;
170
+ transform: rotate(135deg);
171
+ }
172
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
173
+ right: 0;
174
+ transform: rotate(315deg);
175
+ }
176
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-n,
177
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
178
+ left: 50%;
179
+ margin-left: -10px;
180
+ cursor: ns-resize;
181
+ }
182
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-n {
183
+ top: 0;
184
+ transform: rotate(225deg);
185
+ }
186
+ .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
187
+ bottom: 0;
188
+ transform: rotate(45deg);
189
+ }
190
+
191
+
192
+ /* --- app/styles.css --- */
1
193
  :root {
2
194
  --dd-bg: #eef3f0;
3
195
  --dd-surface: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dashboard-designer/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -25,7 +25,7 @@
25
25
  "react-dom": "^18.0.0 || ^19.0.0"
26
26
  },
27
27
  "dependencies": {
28
- "@dashboard-designer/core": "^0.1.0",
28
+ "@dashboard-designer/core": "^0.1.1",
29
29
  "html2canvas": "^1.4.1",
30
30
  "i18next": "^24.2.2",
31
31
  "jspdf": "^4.2.1",
@@ -43,5 +43,8 @@
43
43
  "react-dom": "^19.0.0",
44
44
  "tsup": "^8.4.0",
45
45
  "typescript": "^5.8.2"
46
+ },
47
+ "publishConfig": {
48
+ "access": "public"
46
49
  }
47
50
  }