semaphor 0.0.68 → 0.0.70

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.
@@ -87,6 +87,7 @@ declare type Actions = {
87
87
  };
88
88
 
89
89
  declare type Actions_2 = {
90
+ setSortChart: (sortChart: 'asc' | 'desc' | 'none') => void;
90
91
  setChartOrientation: (indexAxis: 'x' | 'y') => void;
91
92
  setCustomVisualCode: (code: string) => void;
92
93
  setCardRefreshInterval: (refreshInterval: string) => void;
@@ -270,7 +271,7 @@ export declare type DateOptions = {
270
271
  options: Intl.DateTimeFormatOptions;
271
272
  };
272
273
 
273
- export declare type DisplayDataType = 'string' | 'date' | 'number';
274
+ export declare type DisplayDataType = 'string' | 'date' | 'number' | 'none';
274
275
 
275
276
  declare type EditorStore = {
276
277
  isShowingVisual: boolean;
@@ -381,6 +382,13 @@ export declare type GetDashboardResponse = {
381
382
 
382
383
  export declare function getFilterValueType(filter: TFilter): "string" | "number" | "date" | "boolean";
383
384
 
385
+ export declare type GetPluginsResponse = {
386
+ plugins: {
387
+ label: string;
388
+ value: string;
389
+ }[];
390
+ };
391
+
384
392
  export declare function getQualifiedTableName(schemaName: string, tableName: string): string;
385
393
 
386
394
  export declare function getSql(config: SqlGen, schemaName: string, tableName: string, modelName: string): string | undefined;
@@ -397,6 +405,8 @@ export declare type LoadingProps = {
397
405
  message?: string;
398
406
  };
399
407
 
408
+ declare type NoneOptions = {};
409
+
400
410
  export declare const NUMBER_DATA_TYPES: string[];
401
411
 
402
412
  export declare type NumberAxisFormat = {
@@ -419,6 +429,7 @@ declare type OptionsMap = {
419
429
  number: NumberOptions;
420
430
  string: StringOptions;
421
431
  date: DateOptions;
432
+ none: NoneOptions;
422
433
  };
423
434
 
424
435
  declare type Params = {
@@ -542,6 +553,7 @@ export declare type TCardPreferences = {
542
553
  filterOnClick?: boolean;
543
554
  filterOnClickField?: string;
544
555
  filterOnClickColumnIndex?: number;
556
+ sortChart?: 'asc' | 'desc' | 'none';
545
557
  formatNumber?: {
546
558
  decimalPlaces?: number;
547
559
  currency?: string;
@@ -590,13 +602,17 @@ declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut'
590
602
 
591
603
  export declare type TColumnSetting<T extends DisplayDataType> = {
592
604
  columnIdx: number;
605
+ textAlign?: 'left' | 'center' | 'right';
606
+ width?: number;
593
607
  type: T;
594
608
  options: OptionsMap[T];
595
609
  };
596
610
 
597
611
  export declare type TCustomCardPreferences = {
612
+ showCardHeader?: boolean;
598
613
  url: string;
599
614
  componentName: string;
615
+ icon?: string;
600
616
  type?: 'iframe' | 'component';
601
617
  visualType?: 'single' | 'multiple';
602
618
  settings?: any;
@@ -829,6 +845,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
829
845
  filterOnClick?: boolean | undefined;
830
846
  filterOnClickField?: string | undefined;
831
847
  filterOnClickColumnIndex?: number | undefined;
848
+ sortChart?: "none" | "asc" | "desc" | undefined;
832
849
  formatNumber?: {
833
850
  decimalPlaces?: number | undefined;
834
851
  currency?: string | undefined;
@@ -883,10 +900,12 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
883
900
  } | undefined;
884
901
  columnSettings?: {
885
902
  columnIdx: number;
903
+ textAlign?: "left" | "center" | "right" | undefined;
904
+ width?: number | undefined;
886
905
  type: DisplayDataType;
887
906
  options: {
888
907
  maxLength?: number | undefined;
889
- } | {
908
+ } | {} | {
890
909
  locale: string;
891
910
  currency?: string | undefined;
892
911
  options: {
@@ -945,8 +964,10 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
945
964
  } | undefined;
946
965
  } | undefined;
947
966
  customCardPreferences?: {
967
+ showCardHeader?: boolean | undefined;
948
968
  url: string;
949
969
  componentName: string;
970
+ icon?: string | undefined;
950
971
  type?: "iframe" | "component" | undefined;
951
972
  visualType?: "single" | "multiple" | undefined;
952
973
  settings?: any;
@@ -1035,6 +1056,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1035
1056
  filterOnClick?: boolean | undefined;
1036
1057
  filterOnClickField?: string | undefined;
1037
1058
  filterOnClickColumnIndex?: number | undefined;
1059
+ sortChart?: "none" | "asc" | "desc" | undefined;
1038
1060
  formatNumber?: {
1039
1061
  decimalPlaces?: number | undefined;
1040
1062
  currency?: string | undefined;
@@ -1089,10 +1111,12 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1089
1111
  } | undefined;
1090
1112
  columnSettings?: {
1091
1113
  columnIdx: number;
1114
+ textAlign?: "left" | "center" | "right" | undefined;
1115
+ width?: number | undefined;
1092
1116
  type: DisplayDataType;
1093
1117
  options: {
1094
1118
  maxLength?: number | undefined;
1095
- } | {
1119
+ } | {} | {
1096
1120
  locale: string;
1097
1121
  currency?: string | undefined;
1098
1122
  options: {
@@ -1151,8 +1175,10 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1151
1175
  } | undefined;
1152
1176
  } | undefined;
1153
1177
  customCardPreferences?: {
1178
+ showCardHeader?: boolean | undefined;
1154
1179
  url: string;
1155
1180
  componentName: string;
1181
+ icon?: string | undefined;
1156
1182
  type?: "iframe" | "component" | undefined;
1157
1183
  visualType?: "single" | "multiple" | undefined;
1158
1184
  settings?: any;
@@ -1200,6 +1226,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1200
1226
  filterOnClick?: boolean | undefined;
1201
1227
  filterOnClickField?: string | undefined;
1202
1228
  filterOnClickColumnIndex?: number | undefined;
1229
+ sortChart?: "none" | "asc" | "desc" | undefined;
1203
1230
  formatNumber?: {
1204
1231
  decimalPlaces?: number | undefined;
1205
1232
  currency?: string | undefined;
@@ -1254,10 +1281,12 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1254
1281
  } | undefined;
1255
1282
  columnSettings?: {
1256
1283
  columnIdx: number;
1284
+ textAlign?: "left" | "center" | "right" | undefined;
1285
+ width?: number | undefined;
1257
1286
  type: DisplayDataType;
1258
1287
  options: {
1259
1288
  maxLength?: number | undefined;
1260
- } | {
1289
+ } | {} | {
1261
1290
  locale: string;
1262
1291
  currency?: string | undefined;
1263
1292
  options: {
@@ -1316,8 +1345,10 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1316
1345
  } | undefined;
1317
1346
  } | undefined;
1318
1347
  customCardPreferences?: {
1348
+ showCardHeader?: boolean | undefined;
1319
1349
  url: string;
1320
1350
  componentName: string;
1351
+ icon?: string | undefined;
1321
1352
  type?: "iframe" | "component" | undefined;
1322
1353
  visualType?: "single" | "multiple" | undefined;
1323
1354
  settings?: any;
@@ -1520,6 +1551,7 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1520
1551
  filterOnClick?: boolean | undefined;
1521
1552
  filterOnClickField?: string | undefined;
1522
1553
  filterOnClickColumnIndex?: number | undefined;
1554
+ sortChart?: "none" | "asc" | "desc" | undefined;
1523
1555
  formatNumber?: {
1524
1556
  decimalPlaces?: number | undefined;
1525
1557
  currency?: string | undefined;
@@ -1574,10 +1606,12 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1574
1606
  } | undefined;
1575
1607
  columnSettings?: {
1576
1608
  columnIdx: number;
1609
+ textAlign?: "left" | "center" | "right" | undefined;
1610
+ width?: number | undefined;
1577
1611
  type: DisplayDataType;
1578
1612
  options: {
1579
1613
  maxLength?: number | undefined;
1580
- } | {
1614
+ } | {} | {
1581
1615
  locale: string;
1582
1616
  currency?: string | undefined;
1583
1617
  options: {
@@ -1636,8 +1670,10 @@ export declare const useDashboardStore: UseBoundStore<Omit<StoreApi<DashboardSto
1636
1670
  } | undefined;
1637
1671
  } | undefined;
1638
1672
  customCardPreferences?: {
1673
+ showCardHeader?: boolean | undefined;
1639
1674
  url: string;
1640
1675
  componentName: string;
1676
+ icon?: string | undefined;
1641
1677
  type?: "iframe" | "component" | undefined;
1642
1678
  visualType?: "single" | "multiple" | undefined;
1643
1679
  settings?: any;
@@ -1831,6 +1867,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
1831
1867
  runSql: boolean;
1832
1868
  isSqlRunning: boolean;
1833
1869
  actions: {
1870
+ setSortChart: (sortChart: 'asc' | 'desc' | 'none') => void;
1834
1871
  setChartOrientation: (indexAxis: 'x' | 'y') => void;
1835
1872
  setCustomVisualCode: (code: string) => void;
1836
1873
  setCardRefreshInterval: (refreshInterval: string) => void;
@@ -1907,6 +1944,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
1907
1944
  filterOnClick?: boolean | undefined;
1908
1945
  filterOnClickField?: string | undefined;
1909
1946
  filterOnClickColumnIndex?: number | undefined;
1947
+ sortChart?: "none" | "asc" | "desc" | undefined;
1910
1948
  formatNumber?: {
1911
1949
  decimalPlaces?: number | undefined;
1912
1950
  currency?: string | undefined;
@@ -1961,10 +1999,12 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
1961
1999
  } | undefined;
1962
2000
  columnSettings?: {
1963
2001
  columnIdx: number;
2002
+ textAlign?: "left" | "center" | "right" | undefined;
2003
+ width?: number | undefined;
1964
2004
  type: DisplayDataType;
1965
2005
  options: {
1966
2006
  maxLength?: number | undefined;
1967
- } | {
2007
+ } | {} | {
1968
2008
  locale: string;
1969
2009
  currency?: string | undefined;
1970
2010
  options: {
@@ -2023,8 +2063,10 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
2023
2063
  } | undefined;
2024
2064
  } | undefined;
2025
2065
  customCardPreferences?: {
2066
+ showCardHeader?: boolean | undefined;
2026
2067
  url: string;
2027
2068
  componentName: string;
2069
+ icon?: string | undefined;
2028
2070
  type?: "iframe" | "component" | undefined;
2029
2071
  visualType?: "single" | "multiple" | undefined;
2030
2072
  settings?: any;
@@ -2071,6 +2113,7 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
2071
2113
  filterOnClick?: boolean | undefined;
2072
2114
  filterOnClickField?: string | undefined;
2073
2115
  filterOnClickColumnIndex?: number | undefined;
2116
+ sortChart?: "none" | "asc" | "desc" | undefined;
2074
2117
  formatNumber?: {
2075
2118
  decimalPlaces?: number | undefined;
2076
2119
  currency?: string | undefined;
@@ -2125,10 +2168,12 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
2125
2168
  } | undefined;
2126
2169
  columnSettings?: {
2127
2170
  columnIdx: number;
2171
+ textAlign?: "left" | "center" | "right" | undefined;
2172
+ width?: number | undefined;
2128
2173
  type: DisplayDataType;
2129
2174
  options: {
2130
2175
  maxLength?: number | undefined;
2131
- } | {
2176
+ } | {} | {
2132
2177
  locale: string;
2133
2178
  currency?: string | undefined;
2134
2179
  options: {
@@ -2187,8 +2232,10 @@ export declare const useEditorStore: UseBoundStore<Omit<StoreApi<EditorStore>, "
2187
2232
  } | undefined;
2188
2233
  } | undefined;
2189
2234
  customCardPreferences?: {
2235
+ showCardHeader?: boolean | undefined;
2190
2236
  url: string;
2191
2237
  componentName: string;
2238
+ icon?: string | undefined;
2192
2239
  type?: "iframe" | "component" | undefined;
2193
2240
  visualType?: "single" | "multiple" | undefined;
2194
2241
  settings?: any;
@@ -90,7 +90,7 @@ export declare type DateOptions = {
90
90
  options: Intl.DateTimeFormatOptions;
91
91
  };
92
92
 
93
- export declare type DisplayDataType = 'string' | 'date' | 'number';
93
+ export declare type DisplayDataType = 'string' | 'date' | 'number' | 'none';
94
94
 
95
95
  export declare type ErrorProps = {
96
96
  message?: string;
@@ -140,6 +140,13 @@ export declare type GetDashboardResponse = {
140
140
  defaultLensId?: string;
141
141
  };
142
142
 
143
+ export declare type GetPluginsResponse = {
144
+ plugins: {
145
+ label: string;
146
+ value: string;
147
+ }[];
148
+ };
149
+
143
150
  export declare type KPICardProps = {
144
151
  card: TCard;
145
152
  isLoading?: boolean;
@@ -150,6 +157,8 @@ export declare type LoadingProps = {
150
157
  message?: string;
151
158
  };
152
159
 
160
+ declare type NoneOptions = {};
161
+
153
162
  export declare type NumberAxisFormat = {
154
163
  decimalPlaces?: number;
155
164
  suffix?: string;
@@ -170,6 +179,7 @@ declare type OptionsMap = {
170
179
  number: NumberOptions;
171
180
  string: StringOptions;
172
181
  date: DateOptions;
182
+ none: NoneOptions;
173
183
  };
174
184
 
175
185
  declare type Params = {
@@ -268,6 +278,7 @@ export declare type TCardPreferences = {
268
278
  filterOnClick?: boolean;
269
279
  filterOnClickField?: string;
270
280
  filterOnClickColumnIndex?: number;
281
+ sortChart?: 'asc' | 'desc' | 'none';
271
282
  formatNumber?: {
272
283
  decimalPlaces?: number;
273
284
  currency?: string;
@@ -314,13 +325,17 @@ declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut'
314
325
 
315
326
  export declare type TColumnSetting<T extends DisplayDataType> = {
316
327
  columnIdx: number;
328
+ textAlign?: 'left' | 'center' | 'right';
329
+ width?: number;
317
330
  type: T;
318
331
  options: OptionsMap[T];
319
332
  };
320
333
 
321
334
  export declare type TCustomCardPreferences = {
335
+ showCardHeader?: boolean;
322
336
  url: string;
323
337
  componentName: string;
338
+ icon?: string;
324
339
  type?: 'iframe' | 'component';
325
340
  visualType?: 'single' | 'multiple';
326
341
  settings?: any;
@@ -84,7 +84,7 @@ export declare type DateOptions = {
84
84
  options: Intl.DateTimeFormatOptions;
85
85
  };
86
86
 
87
- export declare type DisplayDataType = 'string' | 'date' | 'number';
87
+ export declare type DisplayDataType = 'string' | 'date' | 'number' | 'none';
88
88
 
89
89
  export declare type ErrorProps = {
90
90
  message?: string;
@@ -134,6 +134,13 @@ export declare type GetDashboardResponse = {
134
134
  defaultLensId?: string;
135
135
  };
136
136
 
137
+ export declare type GetPluginsResponse = {
138
+ plugins: {
139
+ label: string;
140
+ value: string;
141
+ }[];
142
+ };
143
+
137
144
  export declare type KPICardProps = {
138
145
  card: TCard;
139
146
  isLoading?: boolean;
@@ -144,6 +151,8 @@ export declare type LoadingProps = {
144
151
  message?: string;
145
152
  };
146
153
 
154
+ declare type NoneOptions = {};
155
+
147
156
  export declare type NumberAxisFormat = {
148
157
  decimalPlaces?: number;
149
158
  suffix?: string;
@@ -164,6 +173,7 @@ declare type OptionsMap = {
164
173
  number: NumberOptions;
165
174
  string: StringOptions;
166
175
  date: DateOptions;
176
+ none: NoneOptions;
167
177
  };
168
178
 
169
179
  declare type Params = {
@@ -260,6 +270,7 @@ export declare type TCardPreferences = {
260
270
  filterOnClick?: boolean;
261
271
  filterOnClickField?: string;
262
272
  filterOnClickColumnIndex?: number;
273
+ sortChart?: 'asc' | 'desc' | 'none';
263
274
  formatNumber?: {
264
275
  decimalPlaces?: number;
265
276
  currency?: string;
@@ -306,13 +317,17 @@ declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut'
306
317
 
307
318
  export declare type TColumnSetting<T extends DisplayDataType> = {
308
319
  columnIdx: number;
320
+ textAlign?: 'left' | 'center' | 'right';
321
+ width?: number;
309
322
  type: T;
310
323
  options: OptionsMap[T];
311
324
  };
312
325
 
313
326
  export declare type TCustomCardPreferences = {
327
+ showCardHeader?: boolean;
314
328
  url: string;
315
329
  componentName: string;
330
+ icon?: string;
316
331
  type?: 'iframe' | 'component';
317
332
  visualType?: 'single' | 'multiple';
318
333
  settings?: any;
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "email": "support@semaphor.cloud"
6
6
  },
7
7
  "license": "MIT",
8
- "version": "0.0.68",
8
+ "version": "0.0.70",
9
9
  "description": "Fully interactive and customizable dashboards for your apps.",
10
10
  "keywords": [
11
11
  "react",
@@ -89,6 +89,7 @@
89
89
  "react": "^18.2.0",
90
90
  "react-day-picker": "^8.10.0",
91
91
  "react-dom": "^18.2.0",
92
+ "react-error-boundary": "^4.1.2",
92
93
  "react-grid-layout": "^1.4.2",
93
94
  "react-icons": "^5.0.1",
94
95
  "react-markdown": "^9.0.1",
@@ -109,6 +110,7 @@
109
110
  "@types/lodash": "^4.14.202",
110
111
  "@types/ms": "^0.7.34",
111
112
  "@types/node": "^20.14.2",
113
+ "@types/postcss-prefix-selector": "^1.16.3",
112
114
  "@types/prismjs": "^1.26.3",
113
115
  "@types/react": "^18.2.43",
114
116
  "@types/react-dom": "^18.2.17",
@@ -124,6 +126,7 @@
124
126
  "path": "^0.12.7",
125
127
  "postcss": "^8.4.35",
126
128
  "postcss-prefix-selector": "^2.1.0",
129
+ "postcss-preset-env": "^10.0.9",
127
130
  "prettier-plugin-tailwindcss": "^0.6.1",
128
131
  "simple-zustand-devtools": "^1.1.0",
129
132
  "tailwindcss": "^3.4.1",