logitude-dashboard-library 1.2.2 → 1.2.3

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 (10) hide show
  1. package/dist/features/Dashboard/DashboardDesigner.d.ts +23 -63
  2. package/dist/features/Dashboard/WidgetCard.d.ts +0 -1
  3. package/dist/index.css +117 -74
  4. package/dist/index.d.ts +2 -3
  5. package/dist/index.js +280 -366
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.modern.js +281 -367
  8. package/dist/index.modern.js.map +1 -1
  9. package/dist/index.test.d.ts +0 -1
  10. package/package.json +1 -1
package/dist/features/Dashboard/DashboardDesigner.d.ts CHANGED
@@ -1,67 +1,27 @@
1
- import "./dashboard-designer.scss";
1
+ /// <reference types="react" />
2
2
  import "react-grid-layout/css/styles.css";
3
3
  import "react-resizable/css/styles.css";
4
- import "primereact/resources/themes/lara-light-indigo/theme.css";
5
- import "primereact/resources/primereact.min.css";
6
- import "primeicons/primeicons.css";
7
- import 'line-awesome/dist/line-awesome/css/line-awesome.min.css';
8
- import { Layouts } from "react-grid-layout";
9
- import React, { RefObject } from "react";
10
- import { OverlayPanel } from "primereact/overlaypanel";
11
- import { WidgetComponent } from "../../types/WidgetComponent";
12
- import { Widget } from "../../types/widget";
13
- declare class DashboardDesigner extends React.Component<any, any> {
14
- moreButtonToggle: RefObject<OverlayPanel>;
15
- widgetButtonToggle: RefObject<OverlayPanel>;
16
- addWidgetButtonToggle: RefObject<OverlayPanel>;
17
- widgetComponents: WidgetComponent[];
18
- constructor(props: any);
19
- static layoutGridProps: {
20
- rowHeight: number;
21
- className: string;
22
- cols: {
23
- lg: number;
24
- md: number;
25
- sm: number;
26
- xs: number;
27
- xxs: number;
28
- };
29
- useCSSTransforms: boolean;
30
- };
31
- componentDidUpdate(prevState: any): void;
32
- private UpdatePlaceholderDimensions;
33
- showMsg: boolean;
34
- onLayoutChange(layouts: Layouts): void;
35
- deletePanel: (i: any) => void;
36
- editWidget: (widget: any) => void;
37
- addPanel: (newWidget: Widget) => void;
38
- EvaluateNewWidgetPosition(): {
39
- x: number;
40
- y: number;
4
+ import "./dashboard-designer.scss";
5
+ import ColumnChartComponent from "./ChartsComponents/ColumnChartComponent";
6
+ declare const DashboardDesigner: () => JSX.Element;
7
+ export declare const layoutGridProps: {
8
+ rowHeight: number;
9
+ className: string;
10
+ cols: {
11
+ lg: number;
12
+ md: number;
13
+ sm: number;
14
+ xs: number;
15
+ xxs: number;
41
16
  };
42
- SaveGrid(): void;
43
- hideDialog: () => void;
44
- reset(): void;
45
- setToken(): void;
46
- changeTitle(i: string | number): void;
47
- selectedWidget: any;
48
- addComponent(): void;
49
- onOkButton: (data: any) => void;
50
- onCancelButton: () => void;
51
- saveToStorage: (key: string, value: any) => void;
52
- getFromStorage: (key: string) => any;
53
- FindWidget(el: any): any;
54
- toggleDialog(): void;
55
- toggleWidget(widget: {
56
- id: string;
57
- }): void;
58
- getRandomInt(min: number, max: number): number;
59
- widgetToEdit: Widget | null;
60
- renderNewWidgetDialog(): JSX.Element;
61
- renderPageHeader(): JSX.Element;
62
- renderGridWidgetsPlaceholder(): JSX.Element;
63
- renderLayoutGrid(layout: any): JSX.Element;
64
- renderWidgetComponent(el: any): JSX.Element;
65
- render(): JSX.Element;
66
- }
17
+ useCSSTransforms: boolean;
18
+ };
19
+ export declare const WidgetTypes: {
20
+ Name: string;
21
+ Disabled: boolean;
22
+ }[];
23
+ export declare const widgetComponents: {
24
+ type: string;
25
+ component: typeof ColumnChartComponent;
26
+ }[];
67
27
  export default DashboardDesigner;
package/dist/features/Dashboard/WidgetCard.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import "./dashboard-designer.scss";
3
2
  declare type WidgetCardProps = {
4
3
  editBtnClicked(widget: any): any;
5
4
  deleteBtnClicked(i: any): any;
package/dist/index.css CHANGED
@@ -1,3 +1,75 @@
1
+ ._3s4OD {
2
+ position: relative;
3
+ }
4
+ ._3ACrv {
5
+ position: absolute;
6
+ width: 20px;
7
+ height: 20px;
8
+ background-repeat: no-repeat;
9
+ background-origin: content-box;
10
+ box-sizing: border-box;
11
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
12
+ background-position: bottom right;
13
+ padding: 0 3px 3px 0;
14
+ }
15
+ ._3Dv4b {
16
+ bottom: 0;
17
+ left: 0;
18
+ cursor: sw-resize;
19
+ -webkit-transform: rotate(90deg);
20
+ transform: rotate(90deg);
21
+ }
22
+ ._1_pdx {
23
+ bottom: 0;
24
+ right: 0;
25
+ cursor: se-resize;
26
+ }
27
+ ._3lqDp {
28
+ top: 0;
29
+ left: 0;
30
+ cursor: nw-resize;
31
+ -webkit-transform: rotate(180deg);
32
+ transform: rotate(180deg);
33
+ }
34
+ ._1br-A {
35
+ top: 0;
36
+ right: 0;
37
+ cursor: ne-resize;
38
+ -webkit-transform: rotate(270deg);
39
+ transform: rotate(270deg);
40
+ }
41
+ ._2LU8g,
42
+ ._12Q3f {
43
+ top: 50%;
44
+ margin-top: -10px;
45
+ cursor: ew-resize;
46
+ }
47
+ ._2LU8g {
48
+ left: 0;
49
+ -webkit-transform: rotate(135deg);
50
+ transform: rotate(135deg);
51
+ }
52
+ ._12Q3f {
53
+ right: 0;
54
+ -webkit-transform: rotate(315deg);
55
+ transform: rotate(315deg);
56
+ }
57
+ ._vogN6,
58
+ ._25fW6 {
59
+ left: 50%;
60
+ margin-left: -10px;
61
+ cursor: ns-resize;
62
+ }
63
+ ._vogN6 {
64
+ top: 0;
65
+ -webkit-transform: rotate(225deg);
66
+ transform: rotate(225deg);
67
+ }
68
+ ._25fW6 {
69
+ bottom: 0;
70
+ -webkit-transform: rotate(45deg);
71
+ transform: rotate(45deg);
72
+ }
1
73
  @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&family=Roboto+Flex:opsz@8..144&display=swap");
2
74
  * {
3
75
  font-size: 15px;
@@ -16,8 +88,51 @@
16
88
  height: 100%;
17
89
  }
18
90
 
19
- ._1WqvU {
20
- background-color: antiquewhite;
91
+ ._3RJ8q {
92
+ margin: 0 50px;
93
+ }
94
+
95
+ ._2lGnl {
96
+ display: flex;
97
+ justify-content: space-between;
98
+ }
99
+ ._2lGnl > div {
100
+ align-items: center;
101
+ display: flex;
102
+ }
103
+ ._2lGnl > div > * {
104
+ margin-right: 15px;
105
+ }
106
+ ._2lGnl ._18x0U, ._2lGnl i {
107
+ font-size: 28px !important;
108
+ color: black;
109
+ }
110
+
111
+ ._3MA9L {
112
+ color: #61dafb;
113
+ }
114
+
115
+ @-webkit-keyframes _1JEML {
116
+ from {
117
+ transform: rotate(0deg);
118
+ }
119
+ to {
120
+ transform: rotate(360deg);
121
+ }
122
+ }
123
+
124
+ @keyframes _1JEML {
125
+ from {
126
+ transform: rotate(0deg);
127
+ }
128
+ to {
129
+ transform: rotate(360deg);
130
+ }
131
+ }
132
+ #_3uhvX {
133
+ height: 100%;
134
+ width: 100%;
135
+ position: absolute;
21
136
  }
22
137
 
23
138
  ._26Nxd {
@@ -116,78 +231,6 @@
116
231
  ._33DWa {
117
232
  display: none;
118
233
  }
119
- ._3s4OD {
120
- position: relative;
121
- }
122
- ._3ACrv {
123
- position: absolute;
124
- width: 20px;
125
- height: 20px;
126
- background-repeat: no-repeat;
127
- background-origin: content-box;
128
- box-sizing: border-box;
129
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
130
- background-position: bottom right;
131
- padding: 0 3px 3px 0;
132
- }
133
- ._3Dv4b {
134
- bottom: 0;
135
- left: 0;
136
- cursor: sw-resize;
137
- -webkit-transform: rotate(90deg);
138
- transform: rotate(90deg);
139
- }
140
- ._1_pdx {
141
- bottom: 0;
142
- right: 0;
143
- cursor: se-resize;
144
- }
145
- ._3lqDp {
146
- top: 0;
147
- left: 0;
148
- cursor: nw-resize;
149
- -webkit-transform: rotate(180deg);
150
- transform: rotate(180deg);
151
- }
152
- ._1br-A {
153
- top: 0;
154
- right: 0;
155
- cursor: ne-resize;
156
- -webkit-transform: rotate(270deg);
157
- transform: rotate(270deg);
158
- }
159
- ._2LU8g,
160
- ._12Q3f {
161
- top: 50%;
162
- margin-top: -10px;
163
- cursor: ew-resize;
164
- }
165
- ._2LU8g {
166
- left: 0;
167
- -webkit-transform: rotate(135deg);
168
- transform: rotate(135deg);
169
- }
170
- ._12Q3f {
171
- right: 0;
172
- -webkit-transform: rotate(315deg);
173
- transform: rotate(315deg);
174
- }
175
- ._vogN6,
176
- ._25fW6 {
177
- left: 50%;
178
- margin-left: -10px;
179
- cursor: ns-resize;
180
- }
181
- ._vogN6 {
182
- top: 0;
183
- -webkit-transform: rotate(225deg);
184
- transform: rotate(225deg);
185
- }
186
- ._25fW6 {
187
- bottom: 0;
188
- -webkit-transform: rotate(45deg);
189
- transform: rotate(45deg);
190
- }
191
234
  ._3LBx0 {
192
235
  display: flex;
193
236
  align-items: baseline;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
- import DashboardDesigner from './features/Dashboard/DashboardDesigner';
3
- export default DashboardDesigner;
4
- export declare const ExampleComponent: () => JSX.Element;
2
+ declare const Dashboard: () => JSX.Element;
3
+ export default Dashboard;